html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, ::after, ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
:root {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
html {
line-height: 1.15;
}
body {
margin: 0;
}
body, h1, h2, h3, h4, h5, h6, p, a, li, strong, span, small, ul, div {
font-family: 'Poppins', sans-serif !important;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
hr {
height: 0;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, pre, samp {
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button, select {
text-transform: none;
}
[type=button], [type=reset], [type=submit], 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 {
padding: .35em .75em .625em;
}
legend {
padding: 0;
}
progress {
vertical-align: baseline;
}
[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-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
.hidden, input[type=checkbox] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px!important;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
}
.hide {
display: none;
}
.clearfix:after {
content: '';
clear: both;
display: table;
}
nav ul {
list-style: none;
}
nav ul, nav ul li {
margin: 0;
padding: 0;
}
.cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center 35%;
}
i.fa.fa-facebook {
font-size: 25px;
padding-top: 30px;
padding-right: 20px;
}
i.fa.fa-twitter {
font-size: 25px;
padding-top: 30px;
padding-right: 20px;
}
i.fa.fa-medium {
font-size: 25px;
padding-top: 30px;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body, html {
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-size: 14px;
line-height: 1.7;
overflow-x: hidden;
}
body ::selection {
background: #ff8901;
color: #111;
}
.title, h1, h2, h3, h4, h5, h6 {
font-weight: 800;
margin: 0;
color: #000;
line-height: 1;
}
.title--stagger>* {
white-space: nowrap;
}
.title--underline {
color: #000;
position: relative;
display: inline-block;
margin-bottom: 20px;
}
.title--underline svg {
position: absolute;
top: 100%;
left: -5%;
width: 110%;
height: auto;
display: block;
margin-top: 5px;
}
.text-fineprint {
font-size: 12px;
}
.text-fineprint a {
color: #ff8901;
text-decoration: underline;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.text-fineprint a.on_press, html:not(.mobile):not(.tablet) .text-fineprint a:hover {
opacity: .5;
}
p {
margin: 0;
}
p+p {
margin: 25px 0 0;
}
strong {
font-weight: 800;
}
em, i {
font-weight: 400;
font-style: italic;
}
a {
color: #ff8901;
outline: 0;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
text-decoration: none;
}
/*a:hover {*/
/* text-decoration: underline;*/
/* opacity: .65;*/
/*}*/
.focus-visible {
outline: 1px dotted #212121;
outline: 5px auto -webkit-focus-ring-color;
}
.pkgewrp {
padding: 0 0 100px;
}
.pkgewrp .mytabs {
display: none;
}
.pkgewrp .mytabs.current {
display: inline-flex;
width: 100%;
}
.pkgewrp .packages-mytabs.current {
display: block;
}
.web-dev .pkgewrp .navwrp {
display: none;
}
.web-dev .hero-internal {
background-color: #fff;
}
.pkgewrp .navwrp ul {
display: block;
text-align: center;
margin: 30px 0 0 0;
}
.pkgewrp .navwrp ul li {
display: inline-block;
margin: 0 20px;
font-weight: 600;
position: relative;
}
.pkgewrp .navwrp ul li a.current:after {
content: "";
background-image: url(../images/supreme-customer-satisfaction.png);
position: absolute;
width: 130px;
height: 9px;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background-repeat: no-repeat;
}
.pkgewrp .navwrp ul li a.current {
opacity: 1;
}
.pkgewrp .navwrp ul li a {
opacity: .5;
color: #fff;
text-decoration: none;
}
.pkgewrp .mainpkge {
padding: 40px 25px 15px;
background: #f5f6f7;
border-radius: 10px;
border: 2px solid transparent;
margin-top: 70px;
position: relative;
}
.pkgewrp .mainpkge h6 {
position: absolute;
color: #ff8901;
top: 10px;
left: 0;
right: 0;
text-align: center;
font-size: 14px;
font-weight: 700;
}
.packages-page .pkgewrp .navwrp ul li a.current:after {
content: "";
background-image: url(../images/supreme-customer-satisfaction.png);
position: absolute;
width: 130px;
height: 9px;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background-repeat: no-repeat;
}
.packages-page .pkgewrp .navwrp ul li a.current {
opacity: 1;
}
/*================COMPLETE-BRANDING-SOLUTION-CSS-START=================*/
.main-cmplte-brnd-sec {
padding: 60px 0 60px 0;
background-color: #ffffff;
}
.cmpo-prc-inner ul .list-scroll {
padding: 0px;
margin: 0px 0 30px 0;
height: 200px;
}
.cmpo-prc-inner ul li:before {
content: "\e962";
position: absolute;
left: 0;
font-family: 'icomoon' !important;
top: 2px;
font-size: 13px;
color: #ff8901;
}
.cmpo-prc-inner ul li.cmp-heading {
font-weight: bold;
font-size: 20px;
padding: 0 0 3px 0;
/* color: #ffffff; */
text-transform: uppercase;
position: relative;
font-family: "Bai Jamjuree", sans-serif;
font-size: 20px;
color: #464c51;
/* text-align: center; */
margin: 10px auto;
}
.cmpo-prc-inner ul li.cmp-heading:before {
content: "";
position: absolute;
height: 2px;
/* background-color: #f69201; */
bottom: 0px;
left: 0px;
}
.cmpo-prc-inner ul li.cmp-heading.brd1:before {
width: 132px;
}
.cmpo-prc-inner ul li.cmp-heading.brd2:before {
width: 97px;
}
.cmpo-prc-inner ul li.cmp-heading.brd3:before {
width: 250px;
}
.cmpo-prc-inner ul li.cmp-heading.brd4:before {
width: 200px;
}
.cmpo-prc-inner ul li {
position: relative;
width: 100%;
text-align: left;
color: #63686c;
font-size: 14px;
padding-left: 22px;
padding-bottom: 10px;
}
.cmpo-prc-inner ul li span {
font-size: 10px;
}
.cmplet-img img {
width: 100%;
}
.main-cmple-img-sec {
position: relative;
}
.brndng-txt {
width: 35%;
position: absolute;
top: 0px;
left: 0px;
}
.brndng-txt img {
width: 100%;
-ms-transform: rotate(3deg);
/* IE 9 */
-webkit-transform: rotate(3deg);
/* Safari prior 9.0 */
transform: rotate(3deg);
/* Standard syntax */;
}
.cmplet-img {
padding: 0 0 0 0;
}
.chat-con-combo .pkge-ordr {
/* display: inline-block; */
margin: 0;
float: left;
width: 100%;
}
.chat-con-combo .pkge-bkcl {
float: right;
}
a.cmp-btn {
color: #fff;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 12px;
border-radius: 5px;
margin-left: 0;
width: 100% !important;
float: left;
background-color: #ff8901;
}
a.cmp-btn:hover {
opacity: 1;
}
a.out-cmp-btn {
color: #fff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
padding: 9.5px 14px;
border-radius: 5px;
background-color: transparent;
border: 1px solid #fff;
width: 100% !important;
/* float: left; */
margin-left: 4px;
}
.chat-con-combo {
padding: 10px 0 0 0;
width: 100% !important;
color: #333 !important;
}
.brndng-plan {
position: absolute;
right: 0px;
top: -20px;
}
.brndng-plan img {
width: 100%;
}
.main-cmplte-mob-sec {
padding: 30px 0 30px 0;
background-color: #4235b4;
display: none;
}
.cmpl-mob-img {
text-align: center;
width: 75%;
margin: 0 auto 15px;
}
.cmpl-mob-img img {
width: 100%;
}
.main-cmplte-mob-sec .chat-con-combo {
padding: 7px 0 30px 0;
}
.combo-wrapper .tab-custom .tabbing-links {
margin-bottom: 0;
margin-top: 0;
width: 100%;
padding: 0;
}
.combo-wrapper .tab-custom .tabbing-links li {
color: #4a5660;
font-size: 11px;
font-weight: 600;
display: inline-block;
padding: 18px 18px;
cursor: pointer;
background: #eef1f2;
border-radius: 8px;
width: 26%;
text-align: center;
}
.combo-wrapper .tab-custom .tabbing-links li:before {
display: none;
}
.combo-wrapper .tab-custom .tabbing-links li.current {
background: #fff;
}
.combo-wrapper .tab-custom .tabs {
display: none;
width: 100%;
}
.combo-wrapper .tab-custom .tabs.current {
display: inline-block;
text-align: left;
}
.brd-cbcbcb {
border: 1px #cbcbcb solid;
padding: 50px;
border-radius: 9px;
}
.main-cmplte-brnd-sec .packwrap {
font-family: var(--secondary-font-family);
padding: 25px 25px;
background: #f5f6f7;
border-radius: 10px;
border: 2px solid transparent;
}
.cmpo-prc-inner h2 {
font-size: 20px;
color: #464c51;
text-align: center;
padding: 0 0 15px 0;
}
.cmpo-prc-inner h4 {
font-size: 36px;
font-weight: 900;
position: relative;
}
.line-over-text {
text-decoration: line-through;
color: #a6b0ba;
font-size: 16px;
font-weight: 700;
/* position: absolute; */
right: 7px;
top: 0;
}
.list-scroll {
height: 190px;
padding: 0 0 0 15px;
}
.combo-wrapper .mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: -12px;
}
.cmpo-prc-inner h4 {
font-size: 36px;
font-weight: 900;
position: relative;
color: #000;
padding: 0 0 15px 0;
}
.center-btn {
display: block;
margin-top: 0px;
width: 100%;
float: left;
}
section.main-cmplte-brnd-sec .viewdetails {
color: #a6b0ba;
text-align: center;
display: inline-block;
font-size: 14px;
font-weight: 400;
margin-top: 28px;
}
.cbmbpackagespage .pkgewrp {
padding-bottom: 60px;
}
/*================COMPLETE-BRANDING-SOLUTION-CSS-END=================*/
.pkgewrp .mainpkge.pdng-btm {
padding: 40px 25px 30px;
}
.pkgewrp .navwrp ul li a.current li:after {
display: block;
}
.pkgewrp .mainpkge .pkgnam {
display: block;
text-align: center;
}
.pkgewrp .mainpkge .pkgnam h4 {
font-size: 20px;
color: #464c51;
text-align: center;
font-weight: 600;
padding-bottom: 7px;
line-height: 1.2;
height: 55px;
}
.pkgewrp .mainpkge .pkgnam span {
color: #a6b0ba;
text-align: center;
font-size: 14px;
font-weight: 400;
margin-bottom: 8px;
line-height: 1.2;
}
.pkgewrp .mainpkge .pricewrp {
display: block;
text-align: center;
}
.pkgewrp .mainpkge .pricewrp h3 {
font-size: 30px;
font-family: var(--heading-font-family);
font-weight: 700;
color: #333a3f;
padding-bottom: 10px;
line-height: 1.2;
}
.pkgewrp .mainpkge .pricewrp p {
color: #757a7e;
font-size: 12px;
line-height: 1.4;
padding-bottom: 0;
font-weight: 500;
height: 50px;
}
.pkgewrp .mainpkge .btnwrp {
display: block;
text-align: center;
margin: 20px 0;
}
.pkgewrp .mainpkge .btnwrp a {
color: #fff;
background-color: #ff8901;
padding: 7px 60px;
display: inline-block;
border-radius: 5px;
font-family: var(--heading-font-family);
font-weight: 700;
letter-spacing: 1px;
text-decoration: none;
}
.pkgewrp .mainpkge .serwrp ul {
text-align: left;
padding: 0px 0 15px;
margin-top: 0;
}
.list-scrollpkge {
height: 190px;
padding: 10px 0 0 0;
}
.pkgewrp .mainpkge .serwrp ul li {
text-align: left;
color: #63686c;
font-size: 14px;
padding-bottom: 10px;
display: block;
padding-left: 22px;
position: relative;
line-height: 1.5;
}
.pkgewrp .mainpkge .serwrp ul li:after {
content: "\f058";
content: "\f058";
font-family: FontAwesome;
position: absolute;
left: 0;
color: #ff8901;
top: 0;
}
.pkgewrp .mainpkge .infowrp {
margin-top: -20px;
display: block;
text-align: center;
}
.pkgewrp .mainpkge .infowrp p {
color: #a6b0ba;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
}
.pkgewrp .detailwrp {
display: block;
text-align: center;
}
.pkgewrp .detailwrp a {
text-decoration: none;
display: block;
color: #615858;
}
.order-now .container--page {
padding-top: 150px;
}
.order-now select {
font-size: 16px;
color: #777;
/*-webkit-appearance: none;*/
padding: 12px 20px;
margin: 0;
display: inline-block;
width: 100%;
transition: border-color .2s ease-out;
border: 1px solid #2c2c2c;
border-radius: .25rem;
background-color: #171717;
height: 55px;
outline: none;
}
/*order-page-new-css*/
.readywrp {
background-color: #171717;
padding: 50px 0 60px 0;
}
.readywrp .txtwrp {
max-width: 70%;
margin: 0 auto;
}
.readywrp .txtwrp h3 {
font-size: 27px;
margin-bottom: 20px;
}
.readywrp .txtwrp p {
line-height: 1.6;
font-size: 18px;
}
.readywrp .mainwrp {
max-width: 70%;
margin: 0 auto;
}
.readywrp .mainwrp .fomwrp input {
font-size: 16px;
color: #fff;
-webkit-appearance: none;
padding: 12px 20px;
margin: 0;
display: block;
width: 100%;
height: 55px;
transition: border-color .2s ease-out;
border: 1px solid #2c2c2c;
border-radius: .25rem;
line-height: 1.15;
margin-top: 25px;
margin-right: 20px;
background-color: #171717;
}
.readywrp .mainwrp .fomwrp select {
margin-top: 25px;
width: 100%;
}
.readywrp .mainwrp .fomwrp textarea {
font-size: 16px;
color: #fff;
-webkit-appearance: none;
padding: 12px 20px;
margin: 0;
display: block;
width: 100%;
height: 55px;
background-color: transparent;
transition: border-color .2s ease-out;
border: 1px solid #2c2c2c;
border-radius: .25rem;
resize: none;
margin-top: 25px !important;
}
.readywrp .mainwrp p {
font-size: 13px;
margin-top: 50px;
}
.readywrp .mainwrp .btnwrp {
display: block;
text-align: center;
margin-top: 40px;
}
.readywrp .mainwrp .btnwrp a {
color: #fff;
background-color: #ff8901;
text-decoration: none;
padding: 20px 370px;
border-radius: .25rem;
}
.readywrp .mainwrp .btnwrp a:hover {
background-color: rgb(74 177 245);
}
.gform_wrapper {
font-size: 16px;
line-height: 1.2;
max-width: 550px;
margin: 0 auto;
}
.gform_wrapper ul li {
text-align: left;
}
.gform_wrapper ul li.gfield {
margin-top: 30px;
}
.gform_wrapper .validation_error {
-webkit-box-shadow: 0 0 0 2px #e00404;
box-shadow: 0 0 0 2px #e00404;
background-color: rgba(224, 4, 4, .05);
color: #e00404;
padding: 25px;
margin-bottom: 25px;
font-size: 16px;
}
.gform_wrapper .validation_message {
font-size: 16px;
}
.gform_wrapper .gform_heading {
margin-bottom: 25px;
}
.gform_wrapper .gform_body {
margin-bottom: 25px;
}
.gform_wrapper .gform_title {
font-size: 25px;
font-weight: 900;
color: #fff;
}
.gform_wrapper .gsection_title {
font-size: 20px;
font-weight: 900;
color: #fff;
}
.gform_wrapper .gfield_description, .gform_wrapper .gform_description, .gform_wrapper .gsection_description {
margin-top: 10px;
color: #fff;
}
.gform_wrapper .gfield_description.validation_message, .gform_wrapper .gform_description.validation_message, .gform_wrapper .gsection_description.validation_message {
color: #e00404;
}
.gform_wrapper .gform_title+.gform_description, .gform_wrapper .gsection_title+.gsection_description {
margin-top: 10px;
font-size: 16px;
}
.gform_wrapper .gform_fields {
list-style: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.gform_wrapper .gform_fields>li {
padding-left: 0;
}
.gform_wrapper .gform_fields>li+li {
margin-top: 25px;
}
.gform_wrapper .gfield_label {
font-weight: 800;
color: #fff;
font-size: 1.6rem;
display: block;
line-height: 1;
margin-bottom: 10px;
text-align: left;
}
.gform_wrapper .gform_button {
border: 0;
cursor: pointer;
margin: 0 auto;
display: block;
width: 100%!important;
}
.gform_wrapper .gform_button.on_press, html:not(.mobile):not(.tablet) .gform_wrapper .gform_button:hover {
background-color: #ff8901;
}
.gform_wrapper .ginput_container_textarea .textarea {
padding-top: 25px;
padding-bottom: 25px;
max-height: 100px;
height: 100px;
min-height: 100px;
}
.gform_wrapper .gfield_select:not(.hasCustomSelect), .gform_wrapper .ginput_container_date input, .gform_wrapper .ginput_container_email input, .gform_wrapper .ginput_container_number input, .gform_wrapper .ginput_container_text input, .gform_wrapper .ginput_container_textarea .textarea {
font-size: 16px;
color: #fff;
-webkit-appearance: none;
padding: 12px 20px;
margin: 0;
display: block;
width: 100%;
border: 0;
height: 55px;
border-radius: 0;
background-color: transparent;
-webkit-transition: border-color .2s ease-out;
-o-transition: border-color .2s ease-out;
transition: border-color .2s ease-out;
border: 1px solid #2c2c2c;
border-radius: .25rem;
}
.gform_wrapper .gfield_select:not(.hasCustomSelect):focus, .gform_wrapper .ginput_container_date input:focus, .gform_wrapper .ginput_container_email input:focus, .gform_wrapper .ginput_container_number input:focus, .gform_wrapper .ginput_container_text input:focus, .gform_wrapper .ginput_container_textarea .textarea:focus {
outline: 0;
border: 1px solid #ff8901;
}
.gform_wrapper .gfield_select:not(.hasCustomSelect)[aria-invalid=true], .gform_wrapper .ginput_container_date input[aria-invalid=true], .gform_wrapper .ginput_container_email input[aria-invalid=true], .gform_wrapper .ginput_container_number input[aria-invalid=true], .gform_wrapper .ginput_container_text input[aria-invalid=true], .gform_wrapper .ginput_container_textarea .textarea[aria-invalid=true] {
border: 1px solid #e00404;
}
.gform_wrapper #gform_ajax_spinner_1 {
margin: 25px auto;
}
.gform_wrapper .ginput_container_checkbox .gfield_checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gfield_checkbox li {
width: 30%;
width: 33% !important;
}
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
list-style: none;
padding-left: 0;
}
.gform_wrapper .gfield_checkbox li:not(:last-child), .gform_wrapper .gfield_radio li:not(:last-child) {
margin-bottom: 10px;
}
.gform_wrapper .gfield_checkbox input[type=checkbox]+label, .gform_wrapper .gfield_checkbox input[type=radio]+label, .gform_wrapper .gfield_radio input[type=checkbox]+label, .gform_wrapper .gfield_radio input[type=radio]+label {
padding-left: 22px;
position: relative;
color: #fff;
font-size: 12px;
line-height: 1;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gform_wrapper .gfield_checkbox input[type=checkbox]+label:before, .gform_wrapper .gfield_checkbox input[type=radio]+label:before, .gform_wrapper .gfield_radio input[type=checkbox]+label:before, .gform_wrapper .gfield_radio input[type=radio]+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 14px;
height: 14px;
border: 1px solid rgba(255, 255, 255, .4);
-webkit-transition: border-color .2s ease-out;
-o-transition: border-color .2s ease-out;
transition: border-color .2s ease-out;
}
.gform_wrapper .gfield_checkbox input[type=checkbox]+label:after, .gform_wrapper .gfield_checkbox input[type=radio]+label:after, .gform_wrapper .gfield_radio input[type=checkbox]+label:after, .gform_wrapper .gfield_radio input[type=radio]+label:after {
content: '';
position: absolute;
left: 3px;
top: 3px;
width: 8px;
height: 8px;
display: block;
background-color: #ff8901;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.gform_wrapper .gfield_checkbox input[type=checkbox]:checked+label:before, .gform_wrapper .gfield_checkbox input[type=radio]:checked+label:before, .gform_wrapper .gfield_radio input[type=checkbox]:checked+label:before, .gform_wrapper .gfield_radio input[type=radio]:checked+label:before {
border: 1px solid #ff8901;
}
.gform_wrapper .gfield_checkbox input[type=checkbox]:checked+label:after, .gform_wrapper .gfield_checkbox input[type=radio]:checked+label:after, .gform_wrapper .gfield_radio input[type=checkbox]:checked+label:after, .gform_wrapper .gfield_radio input[type=radio]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.gform_wrapper .gfield_radio input[type=radio]+label:before {
border-radius: 50%;
}
.gform_wrapper .gfield_radio input[type=radio]+label:after {
background-color: #ff8901;
border-radius: 50%;
width: 10px;
height: 10px;
top: 5px;
left: 4px;
}
.gform_wrapper .ginput_container_select {
position: relative;
}
.gform_wrapper .ginput_container_select .gfield_select.hasCustomSelect {
width: 100%!important;
height: 100%!important;
z-index: 2;
}
.gform_wrapper .ginput_container_select .gfield_select:not(.hasCustomSelect) {
padding-left: 0;
padding-right: 0;
z-index: 1;
background-color: rgba(255, 255, 255, .45);
line-height: 70px;
-webkit-box-shadow: none;
box-shadow: none;
}
.gform_wrapper .ginput_container_select .gfield_select:not(.hasCustomSelect) .customSelectInner {
padding-left: 30px;
padding-right: 80px;
}
.gform_wrapper .ginput_container_select .gfield_select:not(.hasCustomSelect):before {
font-family: icons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
content: "\EA01";
position: absolute;
right: 0;
top: 0;
width: 70px;
height: 70px;
line-height: 70px;
background-color: #ff8901;
color: #fff;
text-align: center;
font-size: 7px;
}
.gform_wrapper .ginput_container_multiselect .gfield_select {
-webkit-appearance: none;
padding-left: 0;
padding-right: 0;
}
.gform_wrapper .ginput_container_multiselect .gfield_select option {
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
}
.gform_wrapper .ginput_container_multiselect .gfield_select option:focus {
background-color: rgba(255, 255, 255, .45);
}
.gform_text {
line-height: 1.6;
font-size: 1.8rem;
}
.gform_text .title {
font-size: 22px;
margin-bottom: 20px;
}
.gform_text a {
color: #ff8901;
text-decoration: underline;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.gform_text a:focus, .gform_text a:hover {
color: inherit;
opacity: .65;
}
.gform_fineprint {
margin-top: 20px;
}
.gform_fineprint small {
font-size: 1.3rem;
}
.gform_fineprint a {
color: #ff8901;
text-decoration: underline;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.gform_fineprint a:focus, .gform_fineprint a:hover {
color: inherit;
opacity: .65;
}
.step-in {
opacity: 0;
-webkit-transition: opacity .6s ease;
-o-transition: opacity .6s ease;
transition: opacity .6s ease;
}
.is-revealed .step-in, .step-in.is-revealed {
opacity: 1;
}
.step-up {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity .6s linear, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s linear, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
-o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
}
.is-revealed .step-up, .step-up.is-revealed {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.fade-in {
opacity: 0;
-webkit-transition: opacity .6s linear;
-o-transition: opacity .6s linear;
transition: opacity .6s linear;
}
.fade-in.is-revealed, .is-revealed .fade-in {
opacity: 1;
}
.scale-in {
opacity: 0;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
-webkit-transition: opacity .6s linear, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s linear, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
-o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
}
.is-revealed .scale-in, .scale-in.is-revealed {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.perspective-in>.value {
opacity: 0;
-webkit-transition: opacity .1s linear, -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: opacity .1s linear, -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-o-transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .1s linear;
transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .1s linear;
transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity .1s linear, -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-webkit-transform: rotateY(20deg) scale(1.1);
transform: rotateY(20deg) scale(1.1);
}
.perspective-in>.value__content {
opacity: 0;
-webkit-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.is-revealed .perspective-in>.value, .perspective-in>.value.is-revealed {
opacity: 1;
-webkit-transform: rotateY(0) scale(1);
transform: rotateY(0) scale(1);
}
.is-revealed .perspective-in>.value .value__content, .perspective-in>.value.is-revealed .value__content {
opacity: 1;
}
.perspective-in:nth-child(1)>.value, .perspective-in:nth-child(1)>.value__content {
-webkit-transition-delay: .1s!important;
-o-transition-delay: .1s!important;
transition-delay: .1s!important;
}
.fade-in[data-delay="1"], .perspective-in:nth-child(1)>.value__content, .perspective-in[data-delay="1"]>.value, .scale-in[data-delay="1"], .step-in[data-delay="1"], .step-up[data-delay="1"] {
-webkit-transition-delay: .1s!important;
-o-transition-delay: .1s!important;
transition-delay: .1s!important;
}
.perspective-in:nth-child(2)>.value, .perspective-in:nth-child(2)>.value__content {
-webkit-transition-delay: .2s!important;
-o-transition-delay: .2s!important;
transition-delay: .2s!important;
}
.fade-in[data-delay="2"], .perspective-in:nth-child(2)>.value__content, .perspective-in[data-delay="2"]>.value, .scale-in[data-delay="2"], .step-in[data-delay="2"], .step-up[data-delay="2"] {
-webkit-transition-delay: .2s!important;
-o-transition-delay: .2s!important;
transition-delay: .2s!important;
}
.perspective-in:nth-child(3)>.value, .perspective-in:nth-child(3)>.value__content {
-webkit-transition-delay: .3s!important;
-o-transition-delay: .3s!important;
transition-delay: .3s!important;
}
.fade-in[data-delay="3"], .perspective-in:nth-child(3)>.value__content, .perspective-in[data-delay="3"]>.value, .scale-in[data-delay="3"], .step-in[data-delay="3"], .step-up[data-delay="3"] {
-webkit-transition-delay: .3s!important;
-o-transition-delay: .3s!important;
transition-delay: .3s!important;
}
.perspective-in:nth-child(4)>.value, .perspective-in:nth-child(4)>.value__content {
-webkit-transition-delay: .4s!important;
-o-transition-delay: .4s!important;
transition-delay: .4s!important;
}
.fade-in[data-delay="4"], .perspective-in:nth-child(4)>.value__content, .perspective-in[data-delay="4"]>.value, .scale-in[data-delay="4"], .step-in[data-delay="4"], .step-up[data-delay="4"] {
-webkit-transition-delay: .4s!important;
-o-transition-delay: .4s!important;
transition-delay: .4s!important;
}
.perspective-in:nth-child(5)>.value, .perspective-in:nth-child(5)>.value__content {
-webkit-transition-delay: .5s!important;
-o-transition-delay: .5s!important;
transition-delay: .5s!important;
}
.fade-in[data-delay="5"], .perspective-in:nth-child(5)>.value__content, .perspective-in[data-delay="5"]>.value, .scale-in[data-delay="5"], .step-in[data-delay="5"], .step-up[data-delay="5"] {
-webkit-transition-delay: .5s!important;
-o-transition-delay: .5s!important;
transition-delay: .5s!important;
}
.perspective-in:nth-child(6)>.value, .perspective-in:nth-child(6)>.value__content {
-webkit-transition-delay: .6s!important;
-o-transition-delay: .6s!important;
transition-delay: .6s!important;
}
.fade-in[data-delay="6"], .perspective-in:nth-child(6)>.value__content, .perspective-in[data-delay="6"]>.value, .scale-in[data-delay="6"], .step-in[data-delay="6"], .step-up[data-delay="6"] {
-webkit-transition-delay: .6s!important;
-o-transition-delay: .6s!important;
transition-delay: .6s!important;
}
.perspective-in:nth-child(7)>.value, .perspective-in:nth-child(7)>.value__content {
-webkit-transition-delay: .7s!important;
-o-transition-delay: .7s!important;
transition-delay: .7s!important;
}
.fade-in[data-delay="7"], .perspective-in:nth-child(7)>.value__content, .perspective-in[data-delay="7"]>.value, .scale-in[data-delay="7"], .step-in[data-delay="7"], .step-up[data-delay="7"] {
-webkit-transition-delay: .7s!important;
-o-transition-delay: .7s!important;
transition-delay: .7s!important;
}
.perspective-in:nth-child(8)>.value, .perspective-in:nth-child(8)>.value__content {
-webkit-transition-delay: .8s!important;
-o-transition-delay: .8s!important;
transition-delay: .8s!important;
}
.fade-in[data-delay="8"], .perspective-in:nth-child(8)>.value__content, .perspective-in[data-delay="8"]>.value, .scale-in[data-delay="8"], .step-in[data-delay="8"], .step-up[data-delay="8"] {
-webkit-transition-delay: .8s!important;
-o-transition-delay: .8s!important;
transition-delay: .8s!important;
}
.perspective-in:nth-child(9)>.value, .perspective-in:nth-child(9)>.value__content {
-webkit-transition-delay: .9s!important;
-o-transition-delay: .9s!important;
transition-delay: .9s!important;
}
.fade-in[data-delay="9"], .perspective-in:nth-child(9)>.value__content, .perspective-in[data-delay="9"]>.value, .scale-in[data-delay="9"], .step-in[data-delay="9"], .step-up[data-delay="9"] {
-webkit-transition-delay: .9s!important;
-o-transition-delay: .9s!important;
transition-delay: .9s!important;
}
.perspective-in:nth-child(10)>.value, .perspective-in:nth-child(10)>.value__content {
-webkit-transition-delay: 1s!important;
-o-transition-delay: 1s!important;
transition-delay: 1s!important;
}
.fade-in[data-delay="10"], .perspective-in:nth-child(10)>.value__content, .perspective-in[data-delay="10"]>.value, .scale-in[data-delay="10"], .step-in[data-delay="10"], .step-up[data-delay="10"] {
-webkit-transition-delay: 1s!important;
-o-transition-delay: 1s!important;
transition-delay: 1s!important;
}
.perspective-in:nth-child(11)>.value, .perspective-in:nth-child(11)>.value__content {
-webkit-transition-delay: 1.1s!important;
-o-transition-delay: 1.1s!important;
transition-delay: 1.1s!important;
}
.fade-in[data-delay="11"], .perspective-in:nth-child(11)>.value__content, .perspective-in[data-delay="11"]>.value, .scale-in[data-delay="11"], .step-in[data-delay="11"], .step-up[data-delay="11"] {
-webkit-transition-delay: 1.1s!important;
-o-transition-delay: 1.1s!important;
transition-delay: 1.1s!important;
}
.perspective-in:nth-child(12)>.value, .perspective-in:nth-child(12)>.value__content {
-webkit-transition-delay: 1.2s!important;
-o-transition-delay: 1.2s!important;
transition-delay: 1.2s!important;
}
.fade-in[data-delay="12"], .perspective-in:nth-child(12)>.value__content, .perspective-in[data-delay="12"]>.value, .scale-in[data-delay="12"], .step-in[data-delay="12"], .step-up[data-delay="12"] {
-webkit-transition-delay: 1.2s!important;
-o-transition-delay: 1.2s!important;
transition-delay: 1.2s!important;
}
.perspective-in:nth-child(13)>.value, .perspective-in:nth-child(13)>.value__content {
-webkit-transition-delay: 1.3s!important;
-o-transition-delay: 1.3s!important;
transition-delay: 1.3s!important;
}
.fade-in[data-delay="13"], .perspective-in:nth-child(13)>.value__content, .perspective-in[data-delay="13"]>.value, .scale-in[data-delay="13"], .step-in[data-delay="13"], .step-up[data-delay="13"] {
-webkit-transition-delay: 1.3s!important;
-o-transition-delay: 1.3s!important;
transition-delay: 1.3s!important;
}
.perspective-in:nth-child(14)>.value, .perspective-in:nth-child(14)>.value__content {
-webkit-transition-delay: 1.4s!important;
-o-transition-delay: 1.4s!important;
transition-delay: 1.4s!important;
}
.fade-in[data-delay="14"], .perspective-in:nth-child(14)>.value__content, .perspective-in[data-delay="14"]>.value, .scale-in[data-delay="14"], .step-in[data-delay="14"], .step-up[data-delay="14"] {
-webkit-transition-delay: 1.4s!important;
-o-transition-delay: 1.4s!important;
transition-delay: 1.4s!important;
}
.perspective-in:nth-child(15)>.value, .perspective-in:nth-child(15)>.value__content {
-webkit-transition-delay: 1.5s!important;
-o-transition-delay: 1.5s!important;
transition-delay: 1.5s!important;
}
.fade-in[data-delay="15"], .perspective-in:nth-child(15)>.value__content, .perspective-in[data-delay="15"]>.value, .scale-in[data-delay="15"], .step-in[data-delay="15"], .step-up[data-delay="15"] {
-webkit-transition-delay: 1.5s!important;
-o-transition-delay: 1.5s!important;
transition-delay: 1.5s!important;
}
.perspective-in:nth-child(16)>.value, .perspective-in:nth-child(16)>.value__content {
-webkit-transition-delay: 1.6s!important;
-o-transition-delay: 1.6s!important;
transition-delay: 1.6s!important;
}
.fade-in[data-delay="16"], .perspective-in:nth-child(16)>.value__content, .perspective-in[data-delay="16"]>.value, .scale-in[data-delay="16"], .step-in[data-delay="16"], .step-up[data-delay="16"] {
-webkit-transition-delay: 1.6s!important;
-o-transition-delay: 1.6s!important;
transition-delay: 1.6s!important;
}
.perspective-in:nth-child(17)>.value, .perspective-in:nth-child(17)>.value__content {
-webkit-transition-delay: 1.7s!important;
-o-transition-delay: 1.7s!important;
transition-delay: 1.7s!important;
}
.fade-in[data-delay="17"], .perspective-in:nth-child(17)>.value__content, .perspective-in[data-delay="17"]>.value, .scale-in[data-delay="17"], .step-in[data-delay="17"], .step-up[data-delay="17"] {
-webkit-transition-delay: 1.7s!important;
-o-transition-delay: 1.7s!important;
transition-delay: 1.7s!important;
}
.perspective-in:nth-child(18)>.value, .perspective-in:nth-child(18)>.value__content {
-webkit-transition-delay: 1.8s!important;
-o-transition-delay: 1.8s!important;
transition-delay: 1.8s!important;
}
.fade-in[data-delay="18"], .perspective-in:nth-child(18)>.value__content, .perspective-in[data-delay="18"]>.value, .scale-in[data-delay="18"], .step-in[data-delay="18"], .step-up[data-delay="18"] {
-webkit-transition-delay: 1.8s!important;
-o-transition-delay: 1.8s!important;
transition-delay: 1.8s!important;
}
.perspective-in:nth-child(19)>.value, .perspective-in:nth-child(19)>.value__content {
-webkit-transition-delay: 1.9s!important;
-o-transition-delay: 1.9s!important;
transition-delay: 1.9s!important;
}
.fade-in[data-delay="19"], .perspective-in:nth-child(19)>.value__content, .perspective-in[data-delay="19"]>.value, .scale-in[data-delay="19"], .step-in[data-delay="19"], .step-up[data-delay="19"] {
-webkit-transition-delay: 1.9s!important;
-o-transition-delay: 1.9s!important;
transition-delay: 1.9s!important;
}
.perspective-in:nth-child(20)>.value, .perspective-in:nth-child(20)>.value__content {
-webkit-transition-delay: 2s!important;
-o-transition-delay: 2s!important;
transition-delay: 2s!important;
}
.fade-in[data-delay="20"], .perspective-in:nth-child(20)>.value__content, .perspective-in[data-delay="20"]>.value, .scale-in[data-delay="20"], .step-in[data-delay="20"], .step-up[data-delay="20"] {
-webkit-transition-delay: 2s!important;
-o-transition-delay: 2s!important;
transition-delay: 2s!important;
}
.perspective-in:nth-child(21)>.value, .perspective-in:nth-child(21)>.value__content {
-webkit-transition-delay: 2.1s!important;
-o-transition-delay: 2.1s!important;
transition-delay: 2.1s!important;
}
.fade-in[data-delay="21"], .perspective-in:nth-child(21)>.value__content, .perspective-in[data-delay="21"]>.value, .scale-in[data-delay="21"], .step-in[data-delay="21"], .step-up[data-delay="21"] {
-webkit-transition-delay: 2.1s!important;
-o-transition-delay: 2.1s!important;
transition-delay: 2.1s!important;
}
.perspective-in:nth-child(22)>.value, .perspective-in:nth-child(22)>.value__content {
-webkit-transition-delay: 2.2s!important;
-o-transition-delay: 2.2s!important;
transition-delay: 2.2s!important;
}
.fade-in[data-delay="22"], .perspective-in:nth-child(22)>.value__content, .perspective-in[data-delay="22"]>.value, .scale-in[data-delay="22"], .step-in[data-delay="22"], .step-up[data-delay="22"] {
-webkit-transition-delay: 2.2s!important;
-o-transition-delay: 2.2s!important;
transition-delay: 2.2s!important;
}
.perspective-in:nth-child(23)>.value, .perspective-in:nth-child(23)>.value__content {
-webkit-transition-delay: 2.3s!important;
-o-transition-delay: 2.3s!important;
transition-delay: 2.3s!important;
}
.fade-in[data-delay="23"], .perspective-in:nth-child(23)>.value__content, .perspective-in[data-delay="23"]>.value, .scale-in[data-delay="23"], .step-in[data-delay="23"], .step-up[data-delay="23"] {
-webkit-transition-delay: 2.3s!important;
-o-transition-delay: 2.3s!important;
transition-delay: 2.3s!important;
}
.perspective-in:nth-child(24)>.value, .perspective-in:nth-child(24)>.value__content {
-webkit-transition-delay: 2.4s!important;
-o-transition-delay: 2.4s!important;
transition-delay: 2.4s!important;
}
.fade-in[data-delay="24"], .perspective-in:nth-child(24)>.value__content, .perspective-in[data-delay="24"]>.value, .scale-in[data-delay="24"], .step-in[data-delay="24"], .step-up[data-delay="24"] {
-webkit-transition-delay: 2.4s!important;
-o-transition-delay: 2.4s!important;
transition-delay: 2.4s!important;
}
.perspective-in:nth-child(25)>.value, .perspective-in:nth-child(25)>.value__content {
-webkit-transition-delay: 2.5s!important;
-o-transition-delay: 2.5s!important;
transition-delay: 2.5s!important;
}
.fade-in[data-delay="25"], .perspective-in:nth-child(25)>.value__content, .perspective-in[data-delay="25"]>.value, .scale-in[data-delay="25"], .step-in[data-delay="25"], .step-up[data-delay="25"] {
-webkit-transition-delay: 2.5s!important;
-o-transition-delay: 2.5s!important;
transition-delay: 2.5s!important;
}
.perspective-in:nth-child(26)>.value, .perspective-in:nth-child(26)>.value__content {
-webkit-transition-delay: 2.6s!important;
-o-transition-delay: 2.6s!important;
transition-delay: 2.6s!important;
}
.fade-in[data-delay="26"], .perspective-in:nth-child(26)>.value__content, .perspective-in[data-delay="26"]>.value, .scale-in[data-delay="26"], .step-in[data-delay="26"], .step-up[data-delay="26"] {
-webkit-transition-delay: 2.6s!important;
-o-transition-delay: 2.6s!important;
transition-delay: 2.6s!important;
}
.perspective-in:nth-child(27)>.value, .perspective-in:nth-child(27)>.value__content {
-webkit-transition-delay: 2.7s!important;
-o-transition-delay: 2.7s!important;
transition-delay: 2.7s!important;
}
.fade-in[data-delay="27"], .perspective-in:nth-child(27)>.value__content, .perspective-in[data-delay="27"]>.value, .scale-in[data-delay="27"], .step-in[data-delay="27"], .step-up[data-delay="27"] {
-webkit-transition-delay: 2.7s!important;
-o-transition-delay: 2.7s!important;
transition-delay: 2.7s!important;
}
.perspective-in:nth-child(28)>.value, .perspective-in:nth-child(28)>.value__content {
-webkit-transition-delay: 2.8s!important;
-o-transition-delay: 2.8s!important;
transition-delay: 2.8s!important;
}
.fade-in[data-delay="28"], .perspective-in:nth-child(28)>.value__content, .perspective-in[data-delay="28"]>.value, .scale-in[data-delay="28"], .step-in[data-delay="28"], .step-up[data-delay="28"] {
-webkit-transition-delay: 2.8s!important;
-o-transition-delay: 2.8s!important;
transition-delay: 2.8s!important;
}
.perspective-in:nth-child(29)>.value, .perspective-in:nth-child(29)>.value__content {
-webkit-transition-delay: 2.9s!important;
-o-transition-delay: 2.9s!important;
transition-delay: 2.9s!important;
}
.fade-in[data-delay="29"], .perspective-in:nth-child(29)>.value__content, .perspective-in[data-delay="29"]>.value, .scale-in[data-delay="29"], .step-in[data-delay="29"], .step-up[data-delay="29"] {
-webkit-transition-delay: 2.9s!important;
-o-transition-delay: 2.9s!important;
transition-delay: 2.9s!important;
}
.perspective-in:nth-child(30)>.value, .perspective-in:nth-child(30)>.value__content {
-webkit-transition-delay: 3s!important;
-o-transition-delay: 3s!important;
transition-delay: 3s!important;
}
.fade-in[data-delay="30"], .perspective-in:nth-child(30)>.value__content, .perspective-in[data-delay="30"]>.value, .scale-in[data-delay="30"], .step-in[data-delay="30"], .step-up[data-delay="30"] {
-webkit-transition-delay: 3s!important;
-o-transition-delay: 3s!important;
transition-delay: 3s!important;
}
.perspective-in:nth-child(31)>.value, .perspective-in:nth-child(31)>.value__content {
-webkit-transition-delay: 3.1s!important;
-o-transition-delay: 3.1s!important;
transition-delay: 3.1s!important;
}
.fade-in[data-delay="31"], .perspective-in:nth-child(31)>.value__content, .perspective-in[data-delay="31"]>.value, .scale-in[data-delay="31"], .step-in[data-delay="31"], .step-up[data-delay="31"] {
-webkit-transition-delay: 3.1s!important;
-o-transition-delay: 3.1s!important;
transition-delay: 3.1s!important;
}
.accordion {
counter-increment: i;
border: 1px solid #303030;
}
.accordion:first-child {
border-radius: 4px 4px 0 0;
}
.accordion:last-child {
border-radius: 0 0 4px 4px;
}
.accordion+.accordion {
margin-top: -1px;
}
.accordion-list {
counter-reset: i;
}
.accordion .accordion__panel, .accordion .accordion__trigger {
padding-left: 40px;
padding-right: 40px;
}
.accordion .accordion__trigger {
display: block;
width: 100%;
text-align: left;
font-weight: 800;
color: #fff;
position: relative;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
padding-top: 15px;
padding-bottom: 15px;
}
.accordion .accordion__trigger .icon--chevron-up, .accordion .accordion__trigger:before {
width: 40px;
}
.accordion .accordion__trigger:before {
content: counter(i, decimal-leading-zero);
color: #ff8901;
position: absolute;
left: 0;
top: 50%;
line-height: 20px;
margin-top: -10px;
text-align: center;
}
.accordion .accordion__trigger:focus, .accordion .accordion__trigger:hover {
color: #ff8901;
}
.accordion .accordion__trigger .icon--chevron-up {
position: absolute;
right: 0;
top: 50%;
color: #ff8901;
font-size: 6px;
margin-top: -3px;
text-align: center;
}
.accordion .accordion__trigger .icon--chevron-up, .accordion .accordion__trigger .icon--chevron-up:before {
line-height: 1;
display: block;
}
.accordion .accordion__trigger .icon--chevron-up:before {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion .accordion__panel {
padding-top: 25px;
padding-bottom: 25px;
display: none;
}
.accordion.accordion-active .accordion__trigger {
color: #fff;
font-weight: 800;
}
.accordion.accordion-active .accordion__trigger:hover {
color: #ff8901;
}
.accordion.accordion-active .accordion__trigger .icon--chevron-up:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.accordion .accordion:not(.accordion-has-eased) .accordion__panel {
display: none;
}
.avatar {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
border-radius: 50%;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
}
.avatar-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.2rem;
font-weight: 800;
color: rgba(255, 255, 255, .55);
white-space: nowrap;
}
.avatar-wrap .avatar {
margin-right: 15px;
}
.avatar-wrap strong {
color: #fff;
margin-left: 5px;
}
.avatar-wrap a {
display: inline-block;
color: #ff8901;
}
.avatar-wrap a strong {
color: inherit;
}
.avatar-wrap a:focus, .avatar-wrap a:hover {
text-decoration: none;
}
.award {
color: rgba(000, 000, 000, .85);
text-align: center;
}
.award svg {
display: block;
margin: 0 auto;
width: 56px;
height: 51px;
margin-bottom: 20px;
}
.award .title {
font-size: 16px;
margin-bottom: 10px;
}
.award .quote {
font-weight: 800;
font-size: 1.5rem;
margin-bottom: 5px;
color: #fff;
}
.award .text {
max-width: 280px;
margin: 0 auto;
}
.award .text p+p {
margin-top: 0;
}
button {
border: none;
outline: 0;
background-color: transparent;
border-radius: 0;
}
button:hover {
cursor: pointer;
}
.buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.buttons>.btn:not(:last-child), .gform_wrapper .buttons>.gform_button:not(:last-child) {
margin-right: 20px;
}
.btn, .gform_wrapper .gform_button {
display: inline-block;
padding: 12px 15px;
text-align: center;
font-size: 1.5rem;
font-weight: 800;
}
.btn--wide {
padding-left: 40px;
padding-right: 40px;
}
.btn--block {
display: block;
width: 100%;
}
.btn--primary, .gform_wrapper .gform_button {
background-color: #ff8901;
color: #fff;
}
.btn--grey {
font-weight: 400;
background-color: #231f20;
color: #fff;
}
.btn--black {
font-weight: 400;
background-color: #000;
color: #fff;
}
.btn--small {
font-weight: 400;
font-size: 1.3rem;
padding: 14px 20px;
}
.btn--small.btn--wide {
padding-left: 30px;
padding-right: 30px;
}
.btn--large, .gform_wrapper .gform_button {
font-size: 2rem;
padding: 20px 30px;
border-radius: .25rem;
}
.btn--large.btn--wide, .gform_wrapper .btn--wide.gform_button {
padding-left: 50px;
padding-right: 50px;
}
.btn--phone {
padding-top: 0;
padding-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn--phone>svg {
margin-right: 18px;
height: 24px;
width: auto;
}
.gform_wrapper a.gform_button, .gform_wrapper button.gform_button, a.btn, button.btn {
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gform_wrapper a.gform_button:hover, .gform_wrapper button.gform_button:hover, a.btn:hover, button.btn:hover {
text-decoration: none;
}
.gform_wrapper a.on_press.gform_button, .gform_wrapper button.on_press.gform_button, .gform_wrapper html:not(.mobile):not(.tablet) a.gform_button:hover, .gform_wrapper html:not(.mobile):not(.tablet) button.gform_button:hover, a.btn--primary.on_press, button.btn--primary.on_press, html:not(.mobile):not(.tablet) .gform_wrapper a.gform_button:hover, html:not(.mobile):not(.tablet) .gform_wrapper button.gform_button:hover, html:not(.mobile):not(.tablet) a.btn--primary:hover, html:not(.mobile):not(.tablet) button.btn--primary:hover {
background-color: #888;
}
a.btn--grey:hover, button.btn--grey:hover {
background-color: #ff8901;
color: #111;
opacity: 1;
}
.skip-to-link {
position: fixed;
top: 10px;
left: 10px;
overflow: hidden;
width: 1px;
height: 1px;
margin: -1px;
color: #111;
background: #ff8901;
opacity: 0;
text-decoration: none;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
z-index: 102;
outline: 0;
white-space: nowrap;
clip: rect(0 0 0 0);
padding: 10px 16px;
}
.skip-to-link:focus {
overflow: visible;
width: auto;
height: auto;
opacity: 1;
clip: auto;
white-space: normal;
outline: 0;
text-decoration: underline;
}
.skip-to-link:hover {
background: rgba(230, 230, 230, .85);
}
.skip-to-link.js-enquiryReturn {
display: none;
}
body.is-enquiryOpen .skip-to-link.js-enquiryReturn {
display: block;
}
.skip-to-link--enquiry {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.skip-to-link--enquiry:focus {
right: 0;
top: 0;
left: auto;
width: 670px;
height: 100vh;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(0, 0, 0, .9);
color: #fff;
}
.decorative-landscape {
position: relative;
}
.decorative-landscape picture {
width: 100%;
display: block;
}
.decorative-mosaic {
position: relative;
}
.decorative-mosaic .grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.decorative-mosaic .grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: "grid__col-1 grid__col-3" "grid__col-2 grid__col-3";
}
.decorative-mosaic .grid__col {
position: relative;
}
.decorative-mosaic .grid__col-1 {
grid-area: grid__col-1;
}
.decorative-mosaic .grid__col-2 {
grid-area: grid__col-2;
}
.decorative-mosaic .grid__col-3 {
grid-area: grid__col-3;
}
.decorative-mosaic .grid__col-1, .decorative-mosaic .grid__col-2 {
max-height: 630px;
}
.decorative-mosaic .grid__col-1:before, .decorative-mosaic .grid__col-2:before {
content: '';
display: block;
width: 100%;
padding-top: 80%;
}
.decorative-mosaic img {
display: none;
}
.decorative-mosaic .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.device-hand {
width: 100%;
max-width: 527px;
max-height: 837px;
position: relative;
}
.device-hand:before {
content: '';
display: block;
width: 100%;
padding-top: 158.826%;
}
.device-hand__bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-repeat: no-repeat;
background-position: top left;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: block;
}
.device-hand__slider {
position: absolute;
left: 16.9%;
top: 8%;
z-index: 3;
width: 41%;
height: auto;
}
.device-hand__slide {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.device-hand__slide:before {
content: '';
display: block;
width: 100%;
padding-top: 177.5%;
}
label {
display: block;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
text-align: left;
}
fieldset legend {
color: #fff;
font-family: "Mark Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 900;
}
input[type=checkbox]+.checkbox-label {
padding-left: 22px;
position: relative;
color: #fff;
font-size: 1.3rem;
line-height: 1;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=checkbox]+.checkbox-label:before {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 14px;
height: 14px;
border: 1px solid rgba(255, 255, 255, .4);
-webkit-transition: border-color .2s ease-out;
-o-transition: border-color .2s ease-out;
transition: border-color .2s ease-out;
}
input[type=checkbox]+.checkbox-label:after {
content: '';
position: absolute;
left: 3px;
top: 3px;
width: 8px;
height: 8px;
display: block;
background-color: #ff8901;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
input[type=checkbox]:checked+.checkbox-label:before {
border-color: #ff8901;
}
input[type=checkbox]:checked+.checkbox-label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
input[type=checkbox]:focus+.checkbox-label:before, input[type=checkbox]:hover+.checkbox-label:before {
border-color: #ff8901;
}
input[type=text], textarea {
display: block;
width: 100%;
-webkit-appearance: none;
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 0;
color: #fff;
background: 0 0;
padding: 18px 20px;
-webkit-box-shadow: 0 0 0 30px transparent inset!important;
box-shadow: 0 0 0 30px transparent inset!important;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
input[type=text]:focus, textarea:focus {
outline: 0;
border-color: #ff8901;
}
@-webkit-keyframes autofill {
to {
color: #fff;
background: 0 0;
}
}
@keyframes autofill {
to {
color: #fff;
background: 0 0;
}
}
input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:active, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:active, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
-webkit-animation-name: autofill;
animation-name: autofill;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
color: #fff;
opacity: .85;
}
input[type=text]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
opacity: .5;
}
textarea {
min-height: 100px;
min-width: 100%;
max-width: 100%;
}
input[type=file] {
cursor: pointer;
}
.form-walled {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
background-color: #231f20;
}
.form-walled .title {
max-width: 440px;
text-align: center;
line-height: 1.4;
margin: 0 auto;
font-size: 18px;
margin-bottom: 20px;
}
.form-walled .btn, .form-walled .gform_wrapper .gform_button, .form-walled .text-fineprint, .gform_wrapper .form-walled .gform_button {
margin-top: 10px;
}
.form-walled .text-fineprint {
text-align: center;
}
.form-walled .btn, .form-walled .gform_wrapper .gform_button, .form-walled label, .gform_wrapper .form-walled .gform_button {
max-width: 520px;
margin: 0 auto;
}
.hamburger {
margin: 0;
padding: 0;
border: 0;
position: relative;
display: block;
width: 32px;
height: 24px;
}
.hamburger.on_press .line--top, html:not(.mobile):not(.tablet) .hamburger:hover .line--top {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.hamburger.on_press .line--bottom, html:not(.mobile):not(.tablet) .hamburger:hover .line--bottom {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
.hamburger .lines {
display: block;
width: 32px;
height: 24px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -12px;
}
.hamburger .line {
background-color: #fff;
display: block;
position: absolute;
left: 50%;
width: 32px;
height: 3px;
margin-left: -16px;
-webkit-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
border-radius: 3px;
}
.hamburger .line--top {
top: 0;
}
.hamburger .line--middle1, .hamburger .line--middle2 {
top: 50%;
margin-top: -1.5px;
}
.hamburger .line--bottom {
bottom: -1px;
}
.is-hamburgerOpen .hamburger .line--bottom, .is-hamburgerOpen .hamburger .line--top {
opacity: 0;
}
.is-hamburgerOpen .hamburger .line--middle1 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.is-hamburgerOpen .hamburger .line--middle2 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.message {
display: block;
padding: 5px 0;
font-size: 1.5rem;
}
.message--error {
color: #e00404;
}
.message--success {
display: block;
padding: 5px 15px;
border-radius: 3px;
font-size: 1.3rem;
font-weight: 600;
border: 2px solid #ff8901;
color: #ff8901;
border-radius: 5px;
}
.message--js {
position: fixed;
bottom: 0;
left: 0;
z-index: 10000;
width: 100%;
padding: 10px 20px;
font-weight: 600;
background-color: #ff8901;
color: #111;
font-size: 1.5rem;
}
.newsletter {
display: block;
}
.newsletter, .newsletter .inner, .newsletter label {
position: relative;
}
.newsletter .inner {
display: block;
}
.newsletter .icon--mail {
position: absolute;
left: 0;
top: 50%;
font-size: 1.6rem;
margin-top: -8px;
}
.newsletter .icon--mail, .newsletter .icon--mail:before {
line-height: 1;
display: block;
}
.newsletter input[type=text] {
border-left: 0;
border-top: 0;
border-right: 0;
padding-right: 120px;
padding-left: 40px;
font-size: 1.8rem;
height: 82px;
}
.newsletter input[type=text]::-webkit-input-placeholder {
font-size: 1.8rem;
}
.newsletter button {
position: absolute;
right: 0;
top: 20px;
}
.newsletter button.btn--grey {
width: 90px;
}
.newsletter .message--success {
margin-top: 10px;
width: 100%;
}
.quote-statement {
width: 100%;
display: block;
text-align: center;
margin: 0 auto;
max-width: 960px;
padding: 0 30px;
}
.quote-statement blockquote {
font-size: 14px;
line-height: 22px;
padding-top: 15px;
padding-bottom: 15px;
display: block;
position: relative;
color: #fff;
margin: 0;
}
.quote-statement figcaption {
font-size: 12px;
position: relative;
z-index: 3;
}
.quote-statement__text {
position: relative;
z-index: 2;
color: #000;
}
.quote-statement__mark {
width: 94px;
height: 70px;
margin-left: -47px;
margin-top: -35px;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
display: block;
filter: sepia(1);
}
.pagination {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
position: relative;
font-size: 1.4rem;
font-weight: 800;
}
.pagination a {
color: rgba(255, 255, 255, .55);
text-decoration: none;
}
.pagination__list li, .pagination__next, .pagination__prev {
line-height: 40px;
padding: 0;
}
.pagination, .pagination__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination__list {
list-style: none;
}
.pagination__list, .pagination__list>li {
margin: 0;
padding: 0;
}
.pagination__list>li .current, .pagination__list>li a, .pagination__list>li.is-current {
width: 30px;
height: 40px;
display: block;
}
.pagination__list li .current, .pagination__list li.is-current {
background-color: #231f20;
color: #fff;
border-radius: 50%;
width: 40px;
}
.pagination__next, .pagination__prev {
width: 40px;
height: 40px;
background-color: #111;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
border: 1px solid #303030;
}
.pagination__next svg, .pagination__prev svg {
width: 13px;
height: auto;
position: relative;
top: 0;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.pagination__next svg>*, .pagination__prev svg>* {
stroke: #ff8901;
}
.pagination__prev {
margin-right: 30px;
}
.pagination__prev.on_press svg, html:not(.mobile):not(.tablet) .pagination__prev:hover svg {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
.pagination__next {
margin-left: 30px;
}
.pagination__next.on_press svg, html:not(.mobile):not(.tablet) .pagination__next:hover svg {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.pagination .is-disabled {
display: none;
}
.resource {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
text-align: left;
background-color: #231f20;
overflow: hidden;
}
.resource>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: 100%;
text-decoration: none;
color: rgba(255, 255, 255, .55);
}
.resource>a:focus, .resource>a:hover {
opacity: 1;
}
.resource__bg, .resource__content {
position: relative;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.resource__bg {
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
max-height: 326px;
}
.resource__bg:before {
content: '';
display: block;
width: 100%;
padding-top: 70%;
}
.resource__bg:after {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .9);
opacity: 0;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.resource__bg .logo {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.resource__bg .logo img {
display: block;
max-width: 100%;
width: auto;
margin: 0 auto;
}
.resource__content {
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
z-index: 2;
background-color: #231f20;
}
.resource__title {
font-size: 16px;
font-weight: 800;
letter-spacing: normal;
line-height: 1.2;
margin-bottom: 15px;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.resource__text {
font-size: 13px;
line-height: 18px;
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.resource__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -10px;
}
.resource__footer .resource__avatar, .resource__footer .resource__tags {
margin-bottom: 10px;
}
.resource__footer .resource__avatar {
margin-right: 10px;
}
.resource__tags {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.2rem;
font-weight: 800;
color: rgba(255, 255, 255, .55);
}
.resource__tags {
margin: 0 0 5px;
padding: 0;
}
.resource__tags>li {
margin: 0;
padding: 0;
display: inline;
}
.resource__tags>li:not(:last-child):after {
content: '|';
font-weight: 800;
color: rgba(255, 255, 255, .55);
margin: 0 5px;
opacity: .5;
}
.resource__tags>li.date {
color: #fff;
}
.resource__tags>li:not(:last-child):not(:first-child):after {
content: '|';
margin-right: 3px;
}
.resource__more {
font-size: 13px;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 78px;
border-top: 1px solid #111;
padding: 0 30px;
font-weight: 800;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.resource__more svg {
margin-right: 30px;
}
.share {
display: inline-block;
}
.share .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.share a {
display: block;
}
.share a:focus, .share a:hover {
color: #fff;
opacity: 1;
text-decoration: none;
}
.share .icon, .share .icon:before {
display: block;
line-height: 1;
}
.share .icon--instagram {
font-size: 2.4rem;
}
.share .icon--facebook:before {
font-size: 2.4rem;
}
.share .icon--twitter:before {
font-size: 1.9rem;
}
.share .icon--linkedin:before {
font-size: 1.9rem;
}
.share__title {
font-weight: 400;
letter-spacing: normal;
margin-right: 30px;
}
.share__list {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.8rem;
color: rgba(255, 255, 255, .55);
}
.share__list>li:not(:last-child) {
margin-right: 30px;
}
.share--resource {
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 4px;
color: #fff;
padding: 15px 20px;
}
.share--resource a {
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.share--resource a:focus, .share--resource a:hover {
opacity: .5;
}
.share--resource .share__title {
font-weight: 800;
}
.share--resource .share__list>li:not(:last-child), .share--resource .share__title {
margin-right: 20px;
}
.share--resource .icon--instagram {
font-size: 1.7rem;
}
.share--resource .icon--facebook:before {
font-size: 1.7rem;
}
.share--resource .icon--twitter:before {
font-size: 1.4rem;
}
.share--resource .icon--linkedin:before {
font-size: 1.6rem;
}
.home-ser .specialty {
min-height: 350px;
}
.specialty {
position: relative;
border: 1px solid rgba(000, 000, 000, .15);
border-radius: 4px;
text-align: center;
padding: 40px;
min-height: 350px;
}
.specialty__icon, .specialty__title {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.specialty__icon {
position: absolute;
left: 0;
top: 36px;
z-index: 1;
width: 100%;
padding: 0 20px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
}
.specialty__icon>img {
margin: 0 auto;
max-height: 52px;
height: auto;
/*filter: sepia(1);*/
width: auto;
}
/*section.section-specialty-two .specialty__icon>img {*/
/* max-height: 430px;*/
/*}*/
.section-specialty--industries .specialty {
min-height: 400px;
}
.section-specialty--industries .specialty .specialty__title {
bottom: 245px;
}
.section-specialty--industries .specialty .specialty__content {
bottom: 110px;
}
.home-ser .specialty__title {
bottom: 0px;
top: 90px;
}
.home-ser .specialty h4 {
font-size: 20px;
position: absolute;
left: 0;
right: 0;
top: 30px;
line-height: 30px;
opacity: 0;
}
.home-ser .specialty:hover h4 {
opacity: 1;
}
.specialty__title {
font-size: 16px;
position: absolute;
left: 0;
bottom: 190px;
width: 100%;
padding: 0 20px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-ser .specialty__content {
bottom: 52px;
}
.specialty__content {
position: absolute;
left: 0;
bottom: 78px;
width: 100%;
height: 150px;
font-size: 1.4rem;
line-height: 1.4;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.specialty__content .text {
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.specialty.on_press .specialty__icon, html:not(.mobile):not(.tablet) .specialty:hover .specialty__icon {
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-89px);
}
.specialty.on_press .specialty__title, html:not(.mobile):not(.tablet) .specialty:hover .specialty__title {
/* -webkit-transform: translateY(-95px); */
-ms-transform: translateY(-95px);
transform: translateY(-105px);
}
.specialty.on_press .specialty__content, html:not(.mobile):not(.tablet) .specialty:hover .specialty__content {
opacity: 1;
}
.mobile .specialty .specialty__icon, .tablet .specialty .specialty__icon {
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px);
}
.mobile .specialty .specialty__title, .tablet .specialty .specialty__title {
-webkit-transform: translateY(-95px);
-ms-transform: translateY(-95px);
transform: translateY(-95px);
}
.mobile .specialty .specialty__content, .tablet .specialty .specialty__content {
opacity: 1;
}
.stat {
display: block;
}
.stat, .stat * {
line-height: 1;
}
.stat__inner {
position: relative;
width: auto;
display: inline-block;
}
.stat__inner.scalelarge {
transform: scale(1.5);
}
.stat__inner .text {
display: block;
font-size: 3rem;
color: #fff;
font-family: "Mark Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 800;
}
.stat__inner .arrow {
position: absolute;
left: 100px;
bottom: 0;
height: 80%;
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
.stat__text {
margin-top: 10px;
line-height: 1.4;
color: rgba(255, 255, 255, .55);
font-size: 1.6rem;
}
.menu-item-has-children>a {
padding-right: 20px;
position: relative;
}
ul.submenu.submenu-abt li {
display: block;
}
ul.submenu.submenu-abt {
width: auto;
}
.menu-item-has-children>a:after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 3px 0 3px;
border-color: #ff8901 transparent transparent transparent;
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
-o-transition: transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out, -webkit-transform .1s ease-out;
}
.menu-item-has-children>.submenu {
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
display: block;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
opacity: 0;
top: 65%;
left: 0%;
width: 100%;
margin-left: 0;
background-color: #fff;
padding-top: 0;
border-radius: 5px;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: opacity .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
transition: opacity .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
-o-transition: opacity .2s cubic-bezier(.165, .84, .44, 1), transform .2s cubic-bezier(.165, .84, .44, 1);
transition: opacity .2s cubic-bezier(.165, .84, .44, 1), transform .2s cubic-bezier(.165, .84, .44, 1);
transition: opacity .2s cubic-bezier(.165, .84, .44, 1), transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
margin-top: 10px;
padding-bottom: 10px;
}
.menu-item-has-children>.submenu:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% - 20px);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .65);
box-shadow: 0 10px 20px rgba(0, 0, 0, .65);
border-radius: 5px;
}
.menu-item-has-children>.submenu:after {
content: '';
position: absolute;
left: 50%;
bottom: 100%;
z-index: 2;
margin-left: -6px;
margin-bottom: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 10px 6px;
border-color: transparent transparent rgba(35, 31, 32, .9) transparent;
}
.menu-item-has-children>.submenu>li {
position: relative;
z-index: 2;
padding: 0 24px;
/*width: 33%;*/
display: inline-block;
vertical-align: top;
}
.menu-item-has-children>.submenu>li:first-child {
border-radius: 5px 5px 0 0;
}
.menu-item-has-children>.submenu>li:last-child {
border-radius: 0 0 5px 5px;
}
.menu-item-has-children>.submenu>li:not(:last-child)>a {
border-bottom: 1px solid #303030;
margin: 20px 0;
}
.menu-item-has-children>.submenu>li>a img {
width: 40px;
margin-right: 10px;
height: 40px;
}
.menu-item-has-children>.submenu>li.lastchild>a {
border-bottom: none;
}
.menu-item-has-children>.submenu>li.is-active>a {
color: #ff8901;
}
.menu-item-has-children>.submenu>li.is-active>a.on_press, html:not(.mobile):not(.tablet) .menu-item-has-children>.submenu>li.is-active>a:hover {
color: #f6f073;
}
.menu-item-has-children>.submenu>li.menu-item-has-children>a {
padding-right: 30px;
}
.menu-item-has-children>.submenu>li.menu-item-has-children>a:after {
right: 20px;
}
.menu-item-has-children>.submenu>li>a {
white-space: nowrap;
display: block;
padding: 13px 0;
color: #000;
border-bottom: 1px solid #303030;
margin: 20px 0;
}
.menu-item-has-children>.submenu>li>a.on_press, html:not(.mobile):not(.tablet) .menu-item-has-children>.submenu>li>a:hover {
color: #ff8901;
}
.menu-item-has-children>.submenu .submenu {
top: 0;
left: 100%;
margin-left: 0;
padding-top: 0;
}
.menu-item-has-children.focussed, .menu-item-has-children:hover {
z-index: 2;
}
.menu-item-has-children.focussed>a:after, .menu-item-has-children:hover>a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.menu-item-has-children.focussed>.submenu, .menu-item-has-children:hover>.submenu {
display: block;
clip: auto;
height: auto;
overflow: visible;
white-space: normal;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.value__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #231f20;
color: rgba(000, 000, 000, .85);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 320px;
padding: 30px;
padding-top: 230px;
padding-bottom: 85px;
background-repeat: repeat-x;
background-position: bottom left;
/* background-image: url(data:image/png;
base64, iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJElEQVQoU2NkIAIE+vv/ZyRCHcNgUAhyw/qNGxnx0WDPDHKFAB3NY1f2Rf6gAAAAAElFTkSuQmCC); */
-webkit-transition: -webkit-transform .2s ease-out, -webkit-box-shadow .2s linear;
transition: -webkit-transform .2s ease-out, -webkit-box-shadow .2s linear;
-o-transition: transform .2s ease-out, box-shadow .2s linear;
transition: transform .2s ease-out, box-shadow .2s linear;
transition: transform .2s ease-out, box-shadow .2s linear, -webkit-transform .2s ease-out, -webkit-box-shadow .2s linear;
}
.value__inner .count {
position: absolute;
top: 20px;
left: 20px;
color: #646464;
}
.value__content {
position: relative;
text-align: center;
}
.value .icon {
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
height: 185px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.value .icon img {
display: block;
margin: 0;
}
.value .title {
font-size: 18px;
margin-bottom: 15px;
}
.widget-brands {
list-style: none;
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: inline-block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
justify-items: center;
width: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.widget-brands>li {
padding-left: 8px;
padding-right: 8px;
min-width: 152px;
width: 10.666667%;
white-space: inherit;
padding-bottom: 30px;
display: inline-block;
}
.widget-brands>li .logo {
width: 100%;
}
.widget-brands>li .logo img {
max-width: 100%;
}
.widget-brands>li:first-child {
margin-left: -8px;
}
.widget-brands__item {
font-size: 12px;
width: 100%;
margin: 0 auto;
display: block;
color: #fff;
line-height: 1;
text-align: center;
}
.widget-brands__item .logo {
width: 100%;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.widget-brands__item .logo>img {
margin: 0 auto;
display: block;
max-width: 180px;
max-height: 50px;
width: auto;
height: auto;
}
.widget-brands__item .stat {
margin-bottom: 8px;
}
.widget-brands__item .post-stat-text {
margin-bottom: 25px;
display: block;
}
.gform_wrapper .widget-brands__item .gform_button, .widget-brands__item .btn, .widget-brands__item .gform_wrapper .gform_button {
opacity: 0;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gform_wrapper .widget-brands__item .gform_button:focus, .gform_wrapper .widget-brands__item .gform_button:hover, .widget-brands__item .btn:focus, .widget-brands__item .btn:hover, .widget-brands__item .gform_wrapper .gform_button:focus, .widget-brands__item .gform_wrapper .gform_button:hover {
background-color: #ff8901;
color: #111;
}
.widget-brands__item.on_press, html:not(.mobile):not(.tablet) .widget-brands__item:hover {
text-decoration: none;
}
.widget-brands__item.on_press, .widget-brands__item.on_press>*, html:not(.mobile):not(.tablet) .widget-brands__item:hover, html:not(.mobile):not(.tablet) .widget-brands__item:hover>* {
opacity: 1;
}
.gform_wrapper .widget-brands__item.on_press .gform_button, .gform_wrapper html:not(.mobile):not(.tablet) .widget-brands__item:hover .gform_button, .widget-brands__item.on_press .btn, .widget-brands__item.on_press .gform_wrapper .gform_button, html:not(.mobile):not(.tablet) .widget-brands__item:hover .btn, html:not(.mobile):not(.tablet) .widget-brands__item:hover .gform_wrapper .gform_button {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.widget-newsletter {
background-color: #231f20;
display: block;
width: 100%;
padding-left: 430px;
padding-right: 50px;
position: relative;
}
.widget-newsletter .title {
font-size: 18px;
margin-bottom: 20px;
line-height: 1.2;
}
.widget-newsletter__inner {
padding-top: 30px;
padding-bottom: 30px;
left: 0;
position: relative;
max-width: 720px;
margin: 0 auto;
}
.widget-newsletter .newsletter .inner {
margin-top: -10px;
}
.widget-newsletter .newsletter input[type=text] {
padding-right: 150px;
}
.widget-newsletter .newsletter button {
top: 22px;
}
.widget-newsletter__fancy {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: -110px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
pointer-events: none;
width: 100%;
max-width: 528px;
}
.widget-newsletter__fancy:before {
content: '';
display: block;
width: 100%;
padding-top: 79.4%;
}
.widget-newsletter__fancy, .widget-newsletter__fancy:after {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.widget-newsletter__fancy:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.widget-newsletter__fancy.is-revealed:after {
-webkit-animation: play .65s forwards 1s;
animation: play .65s forwards 1s;
}
@-webkit-keyframes play {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
20% {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
60% {
opacity: 0;
}
80% {
opacity: 0;
}
90% {
opacity: 1;
}
95% {
opacity: 0;
}
98% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes play {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
20% {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
60% {
opacity: 0;
}
80% {
opacity: 0;
}
90% {
opacity: 1;
}
95% {
opacity: 0;
}
98% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.work {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
text-align: left;
background-color: #231f20;
overflow: hidden;
}
.work>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-decoration: none;
color: rgba(255, 255, 255, .55);
position: relative;
}
.work>a:focus, .work>a:hover {
opacity: 1;
}
.work__bg, .work__content {
position: relative;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.work__bg {
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
max-height: 326px;
}
.work__bg:before {
content: '';
display: block;
width: 100%;
padding-top: 70%;
}
.work__bg:after {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .9);
opacity: 0;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.work__bg .logo {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.work__bg .logo img {
display: block;
max-width: 100%;
width: auto;
margin: 0 auto;
}
.work__content {
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
z-index: 2;
background-color: #231f20;
}
.work__title {
font-size: 16px;
margin-bottom: 15px;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.work__text {
font-size: 13px;
line-height: 18px;
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.work__tags {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.2rem;
font-weight: 800;
color: rgba(255, 255, 255, .55);
}
.work__tags, .work__tags>li {
margin: 0;
padding: 0;
}
.work__tags>li:not(:last-child):after {
content: '|';
font-weight: 800;
color: rgba(255, 255, 255, .55);
margin: 0 5px;
opacity: .5;
}
.work__tags>li:not(:last-child):not(:first-child):after {
content: '|';
margin-right: 3px;
}
.work__stat {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 78px;
border-top: 1px solid #111;
padding: 0 30px;
font-size: 1.3rem;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.work__stat .stat.has-arrow {
margin-right: 30px;
}
.work__stat .stat:not(.has-arrow) {
margin-right: 15px;
}
.work__stat .stat__inner .text {
font-size: 2.1rem;
}
.work__stat .stat svg {
width: auto;
height: 18px;
}
svg {
min-height: 0;
min-width: 0;
}
html {
height: 100%;
}
body {
background-color: #fff;
color: rgba(000, 000, 000, .85);
}
.container, .widget-brands {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.container--page {
width: 100%;
min-height: 100vh;
overflow: hidden;
position: relative;
}
.container--full {
max-width: none!important;
}
.bg-black {
background-color: #fff;
border-top: 1px solid rgba(255, 255, 255, .15);
border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.grid--walled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-home .section-brightestminds {
margin-bottom: 50px;
}
.page-home .section-services {
margin-bottom: 100px;
}
.page-home .quote-statement {
margin-bottom: 100px;
}
.page-home .section-cs {
margin-bottom: 75px;
}
.page-home .cta-letstalk {
margin-bottom: 75px;
}
.page-about .hero-internal .container, .page-about .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 100px;
}
.page-about .hero-internal__content {
max-width: 480px;
}
.page-about .content-main {
padding-top: 50px;
}
.page-about .section-sidebyside+.bg-black {
margin-top: 75px;
}
.page-about .section-values {
margin-top: 75px;
}
.page-about .section-values__overflow+.container--wide {
margin-top: 75px;
margin-bottom: 75px;
}
.page-about .section-values__list {
margin-top: 40px;
}
.page-about .bg-black>.section-sidebyside--google {
margin-top: 75px;
margin-bottom: 100px;
}
.page-about .section-awards {
margin-bottom: 40px;
}
.page-about .cta-brightestminds {
padding-top: 40px;
padding-bottom: 40px;
}
.cta-letstalk {
margin-bottom: 40px;
margin-top: 40px;
width: 100%;
height: auto;
background-repeat: no-repeat;
background-size: cover;
}
.page-approach .hero-internal .container, .page-approach .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 100px;
}
.page-approach .hero-internal__content {
max-width: 480px;
}
.page-approach .cta-letstalk {
margin-top: 100px;
margin-bottom: 40px;
}
.page-solutions .hero-internal .container, .page-solutions .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 40px;
}
.page-solutions .hero-internal__content {
max-width: 480px;
}
.page-solutions .cta-letstalk {
margin-top: 100px;
margin-bottom: 40px;
}
.page-work .hero-internal .container, .page-work .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 40px;
}
.page-work .hero-internal__content {
max-width: 480px;
}
.page-work .section-work {
margin-bottom: 75px;
}
.page-work .filter {
margin-bottom: 20px;
}
.page-work .pagination {
margin-top: 20px;
}
.page-work .cta-letstalk {
margin-bottom: 40px;
}
.page-work .cta-more {
margin-bottom: 40px;
}
.page-resources .hero-internal .container, .page-resources .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 40px;
}
.page-resources .hero-internal__content {
max-width: 480px;
}
.page-resources .filter {
margin-bottom: 20px;
}
.page-resources .section-resources {
margin-bottom: 40px;
}
.page-resources .pagination {
margin-top: 40px;
}
.page-team .hero-internal .container, .page-team .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 40px;
}
.page-team .hero-internal__content {
max-width: 480px;
}
.page-team .section-values {
margin-bottom: 20px;
}
.page-team .section-team {
margin-bottom: 40px;
}
.page-team .filter {
margin-bottom: 20px;
}
.page-quote .hero-internal .container, .page-quote .hero-internal .widget-brands {
padding-top: 120px;
}
.page-quote .hero-internal__content {
max-width: 480px;
}
.page-quote .section-quote {
margin-bottom: 40px;
}
.page-contact .section-contact {
padding-top: 120px;
margin-bottom: 40px;
}
.error404 .title, .page-standard .title {
text-align: left;
}
.error404 .hero-internal__title, .page-standard .hero-internal__title {
max-width: none;
}
.error404 .hero-internal .container, .error404 .hero-internal .widget-brands, .page-standard .hero-internal .container, .page-standard .hero-internal .widget-brands {
padding-top: 120px;
margin-bottom: 40px;
}
.error404 .cms-block-content, .page-standard .cms-block-content {
margin-bottom: 100px;
}
.single-solution .hero-solution .container, .single-solution .hero-solution .widget-brands {
padding-top: 120px;
padding-bottom: 120px;
}
.single-solution .bg-black {
padding-top: 75px;
padding-bottom: 75px;
margin-bottom: 75px;
}
.single-solution .section-cs {
margin-bottom: 75px;
}
.single-solution .content-main>.section-textblock:last-child {
margin-bottom: 40px;
}
.single-solution .section-textblock--large {
margin-top: 75px;
margin-bottom: 75px;
}
.single-solution .section-specialty {
margin-bottom: 40px;
}
.single-solution .section-industries {
margin-bottom: 75px;
}
.single-solution .section-faq {
margin-bottom: 75px;
}
.single-solution .cta-letstalk {
margin-bottom: 40px;
}
.single-work .hero-internal .container, .single-work .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 100px;
}
.single-work .hero-internal__content {
margin-bottom: 40px;
}
.single-work .quote-statement {
margin-top: 75px;
margin-bottom: 75px;
}
.single-work .cta-letstalk {
margin-top: 75px;
margin-bottom: 100px;
}
.single-work .cta-more {
margin-bottom: 40px;
}
.single-resource .hero-internal .container, .single-resource .hero-internal .widget-brands, .single-resource--walled .hero-internal .container, .single-resource--walled .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 100px;
}
.single-resource .hero-internal__content, .single-resource--walled .hero-internal__content {
max-width: 480px;
margin-bottom: 40px;
}
.single-resource .content-main .share, .single-resource--walled .content-main .share {
margin-bottom: 40px;
}
.single-resource .cta-letstalk, .single-resource--walled .cta-letstalk {
margin-top: 75px;
margin-bottom: 100px;
}
.single-resource .cta-newsletter, .single-resource--walled .cta-newsletter {
margin-bottom: 40px;
}
.single-resource .cms-block-content, .single-resource .cms-block-preview:last-child, .single-resource--walled .cms-block-content, .single-resource--walled .cms-block-preview:last-child {
margin-bottom: 40px;
}
.single-resource--walled .grid {
position: relative;
}
.single-resource--walled .hero-internal__title {
font-size: 40px;
}
.single-hiring .hero-internal .container, .single-hiring .hero-internal .widget-brands {
padding-top: 120px;
padding-bottom: 100px;
}
.single-hiring .hero-internal__content {
max-width: 480px;
}
.single-hiring .decorative-landscape, .single-hiring .decorative-mosaic, .single-hiring .section-positions, .single-hiring .section-values {
margin-bottom: 40px;
}
.header-main {
position: fixed;
top: 0;
left: 0;
z-index: 101;
width: 100vw;
font-size: 1.6rem;
}
.header-main:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 85px;
background-color: #fff;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
opacity: 1;
}
.is-headerScroll .header-main {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: 0;
}
.is-headerScroll .header-main nav ul li.is-active a svg {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.page-home:not(.is-headerScroll) .header-main:before {
opacity: 1;
}
body:not(.is-headerScroll) .header-main:before {
opacity: 0;
}
body:not(.page-home) .header-main__spacer {
display: none;
}
.header-main a {
text-decoration: none;
color: #000;
display: block;
}
.header-main a .text {
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.header-main a:hover {
opacity: 1;
}
.header-main a:hover .text {
color: #ff8901;
opacity: 1;
}
.header-main__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.header-main__inner>* {
position: relative;
z-index: 2;
}
.header-main__spacer {
width: 100%;
height: 130px;
display: block;
}
.page-home .header-main__spacer {
display: none;
}
.header-main .logo {
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
display: block;
}
.header-main .logo.on_press, html:not(.mobile):not(.tablet) .header-main .logo:hover {
opacity: .65;
}
.header-main nav>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.header-main nav>ul>li {
margin-left: 10px;
margin-right: 10px;
}
.header-main nav>ul>li.has-action a {
color: #fff;
}
.header-main nav>ul>li:first-child {
margin-left: 0;
}
.header-main nav>ul>li:last-child {
margin-right: 0;
}
.header-main nav>ul>li>a {
position: relative;
}
.header-main nav>ul>li:not(.has-phone) svg {
opacity: 0;
position: absolute;
left: 50%;
top: 100%;
width: 80px;
margin-left: -40px;
height: 7px;
display: block;
-webkit-transition: opacity .2s linear .2s, -webkit-transform .2s ease-out;
transition: opacity .2s linear .2s, -webkit-transform .2s ease-out;
-o-transition: opacity .2s linear .2s, transform .2s ease-out;
transition: opacity .2s linear .2s, transform .2s ease-out;
transition: opacity .2s linear .2s, transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.header-main nav>ul>li.is-active:not(.has-phone) a svg {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-main nav>ul .phone {
position: relative;
padding-left: 16px;
display: block;
}
.header-main nav>ul .phone svg {
display: block;
position: absolute;
left: 0;
top: 50%;
height: 16px;
width: 16px;
margin-top: -8px;
}
.gform_wrapper .header-main nav>ul .js-enquiryToggle.gform_button, .header-main nav>ul .btn.js-enquiryToggle, .header-main nav>ul .gform_wrapper .js-enquiryToggle.gform_button {
padding: 0;
width: 140px;
}
.gform_wrapper .header-main nav>ul .js-enquiryToggle.gform_button, .header-main nav>ul .btn.js-enquiryToggle, .header-main nav>ul .gform_wrapper .js-enquiryToggle.gform_button, .header-main nav>ul>li>a {
line-height: 46px;
}
.header-mobile {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100vw;
height: 100vh;
font-size: 2rem;
background-color: #111;
padding: 30px;
padding-top: 86px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.is-hamburgerOpen .header-mobile {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.is-hamburgerOpen .header-mobile nav ul li:nth-child(2), .is-hamburgerOpen .header-mobile nav ul li:nth-child(3), .is-hamburgerOpen .header-mobile nav ul li:nth-child(4), .is-hamburgerOpen .header-mobile nav ul li:nth-child(5), .is-hamburgerOpen .header-mobile nav ul li:nth-child(6), .is-hamburgerOpen .header-mobile nav ul li:nth-child(7) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.is-hamburgerOpen .header-mobile nav ul li:nth-child(2) {
-webkit-transition-delay: .05s;
-o-transition-delay: .05s;
transition-delay: .05s;
}
.is-hamburgerOpen .header-mobile nav ul li:nth-child(3) {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.is-hamburgerOpen .header-mobile nav ul li:nth-child(4) {
-webkit-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s;
}
.is-hamburgerOpen .header-mobile nav ul li:nth-child(5) {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.is-hamburgerOpen .header-mobile nav ul li:nth-child(6) {
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s;
}
.is-hamburgerOpen .header-mobile nav ul li:nth-child(7) {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.header-mobile a {
text-decoration: none;
color: #fff;
}
.header-mobile a .text {
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.header-mobile a:focus, .header-mobile a:hover {
opacity: 1;
}
.header-mobile a:focus .text, .header-mobile a:hover .text {
color: #ff8901;
opacity: 1;
}
.gform_wrapper .header-mobile .gform_button, .header-mobile .btn.btn--primary, .header-mobile .gform_wrapper .gform_button {
line-height: 49px;
padding-top: 0;
padding-bottom: 0;
font-size: 1.4rem;
color: #111;
}
.gform_wrapper .header-mobile .on_press.gform_button, .gform_wrapper html:not(.mobile):not(.tablet) .header-mobile .gform_button:hover, .header-mobile .btn.btn--primary.on_press, .header-mobile .gform_wrapper .on_press.gform_button, html:not(.mobile):not(.tablet) .header-mobile .btn.btn--primary:hover, html:not(.mobile):not(.tablet) .header-mobile .gform_wrapper .gform_button:hover {
color: #111;
}
.header-mobile .logo {
display: block;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.header-mobile .logo, .header-mobile .logo svg {
width: 69px;
height: 50px;
}
.header-mobile .logo.on_press, html:not(.mobile):not(.tablet) .header-mobile .logo:hover {
opacity: .65;
}
.header-mobile nav ul li {
margin-bottom: 30px;
}
.header-mobile nav ul li.is-active>a {
color: #ff8901;
}
.header-mobile nav ul li:nth-child(2), .header-mobile nav ul li:nth-child(3), .header-mobile nav ul li:nth-child(4), .header-mobile nav ul li:nth-child(5), .header-mobile nav ul li:nth-child(6), .header-mobile nav ul li:nth-child(7) {
opacity: 0;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
-o-transition: opacity .2s ease-out, transform .2s ease-out;
transition: opacity .2s ease-out, transform .2s ease-out;
transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;
}
.header-mobile nav ul a {
display: block;
width: 100%;
line-height: 1;
}
.header-mobile nav ul a.on_press, html:not(.mobile):not(.tablet) .header-mobile nav ul a:hover {
color: #ff8901;
}
.header-mobile .bottom {
border-top: 1px solid #2d2d2d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 60px;
padding-top: 30px;
}
.header-mobile .phone {
position: relative;
padding-left: 34px;
}
.header-mobile .phone svg {
position: absolute;
left: 0;
top: 50%;
height: 24px;
width: auto;
margin-top: -12px;
}
.header-mobile .social {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-mobile .social a {
opacity: .4;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.header-mobile .social a.on_press, html:not(.mobile):not(.tablet) .header-mobile .social a:hover {
opacity: 1;
}
.header-mobile .social li {
margin: 0 15px;
}
.header-mobile .social li:first-child {
margin-left: 0;
}
.header-mobile .social li:last-child {
margin-right: 0;
}
.header-mobile .social .icon {
color: #fff;
}
.header-mobile .social .icon--facebook, .header-mobile .social .icon--instagram {
font-size: 2.4rem;
}
.header-mobile .social .icon--twitter {
font-size: 1.9rem;
}
.header-mobile .accordion {
border: 0;
position: relative;
padding-right: 40px;
}
.header-mobile .accordion .accordion__trigger {
position: absolute;
right: -15px;
top: -20px;
width: 60px;
height: 60px;
display: block;
padding: 0;
margin: 0;
}
.header-mobile .accordion .accordion__trigger:before {
content: '';
left: 50%;
top: 50%;
right: auto;
margin-left: -7px;
margin-top: -7px;
height: 14px;
width: 14px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.header-mobile .accordion.accordion-active .accordion__trigger:before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.header-mobile .accordion .accordion__panel {
padding: 0;
padding-top: 20px;
}
.header-mobile .accordion .accordion__panel li {
margin-bottom: 0;
}
.header-mobile .accordion .accordion__panel li a {
padding: 10px;
font-size: 1.6rem;
}
.is-hamburgerOpen {
overflow: hidden;
}
.footer-main {
font-size: 12px;
background-color: #fff;
color: rgba(255, 255, 255, .55);
}
.footer-main .logo .path-1, .footer-main .logo .path-2 {
-webkit-transition: fill .2s ease-out;
-o-transition: fill .2s ease-out;
transition: fill .2s ease-out;
}
.footer-main .logo.on_press .path-1, html:not(.mobile):not(.tablet) .footer-main .logo:hover .path-1 {
fill: #c2c3c1;
}
.footer-main .logo.on_press .path-2, html:not(.mobile):not(.tablet) .footer-main .logo:hover .path-2 {
fill: #ff8901;
}
.footer-main a {
color: rgba(000, 000, 000, .85);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.footer-main a:focus, .footer-main a:hover {
color: #000;
opacity: 1;
}
.footer-main>.container, .footer-main>.widget-brands {
padding-top: 40px;
padding-bottom: 40px;
}
.footer-main__learn {
margin-bottom: 35px;
}
.footer-main__learn .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: auto;
margin-left: -40px;
}
.footer-main__learn .grid__col {
width: 33.33333%;
max-width: 33.3333%;
padding-left: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-main__learn__resources>.title {
font-size: 2.4rem;
color: #fff;
margin-bottom: 12px;
}
.footer-main__learn__resources .list {
list-style: none;
padding: 0;
margin: 0;
}
.footer-main__learn__resources .list>li {
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.footer-main__learn__resources .list>li .title {
font-size: 1.8rem;
font-weight: 400;
letter-spacing: normal;
}
.footer-main__learn__resources .list>li a {
font-size: 1.6rem;
line-height: 1.7;
display: block;
padding: 15px 30px;
padding-left: 70px;
color: #fff;
position: relative;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.footer-main__learn__resources .list>li a:focus, .footer-main__learn__resources .list>li a:hover {
color: #ff8901;
opacity: 1;
text-decoration: none;
}
.footer-main__learn__resources .list>li svg {
position: absolute;
left: 20px;
top: 16px;
}
.footer-main__learn__resources .cta {
display: block;
position: relative;
color: #8c8c8c;
font-size: 1.6rem;
padding: 20px;
padding-left: 80px;
padding-bottom: 0;
-webkit-transition: padding-left .2s ease-out, opacity .2s linear;
-o-transition: padding-left .2s ease-out, opacity .2s linear;
transition: padding-left .2s ease-out, opacity .2s linear;
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.footer-main__learn__resources .cta svg {
position: absolute;
left: 15px;
top: 30px;
width: 45px;
height: 13px;
display: block;
}
.footer-main__learn__resources .cta:focus, .footer-main__learn__resources .cta:hover {
text-decoration: none;
color: #ff8901;
}
.footer-main__learn .footer-main__resource {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
background-color: #231f20;
color: rgba(255, 255, 255, .75);
font-size: 1.4rem;
line-height: 1.7;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.footer-main__learn .footer-main__resource a.on_press, html:not(.mobile):not(.tablet) .footer-main__learn .footer-main__resource a:hover {
text-decoration: none;
}
.footer-main__learn .footer-main__resource .content {
display: block;
}
.footer-main__learn .footer-main__resource .content:focus .title, .footer-main__learn .footer-main__resource .content:hover .title {
color: #ff8901;
}
.footer-main__learn .footer-main__resource .title {
font-weight: 800;
font-size: 1.8rem;
line-height: 1.5;
letter-spacing: normal;
margin-bottom: 40px;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.footer-main__learn .footer-main__resource .avatar-wrap {
margin-top: 20px;
}
.footer-main__communication {
margin-bottom: 50px;
}
.footer-main__communication .grid {
margin-left: -40px;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-main__communication .grid__col {
padding-left: 40px;
}
.footer-main__communication .grid__col:nth-child(1) {
width: 66.6666667%;
max-width: 66.6666667%;
}
.footer-main__communication .grid__col:nth-child(2) {
width: 33.333333%;
max-width: 33.333333%;
}
.footer-main__communication .share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.footer-main__communication .share a:focus, .footer-main__communication .share a:hover {
color: #ff8901;
}
.footer-main__communication .share .title {
font-size: 1.8rem;
}
.footer-main__locations {
margin-bottom: 40px;
display: block;
}
.footer-main__locations .title {
text-transform: uppercase;
font-size: 2rem;
line-height: 1;
margin-bottom: 20px;
}
.footer-main__locations ul {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-main__locations ul.social img {
/* width: 100%; */
height: 25px;
}
.footer-main__credits {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-main__credits p {
color: #000;
}
.footer-main__credits ul {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: center;
}
.footer-main__credits ul li:not(:last-child) {
margin-right: 25px;
}
.footer-main__credits button {
display: block;
position: relative;
color: #fff;
padding-right: 30px;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.footer-main__credits button:focus, .footer-main__credits button:hover {
color: #ff8901;
}
.footer-main__credits button .icon {
position: absolute;
right: 0;
top: 50%;
margin-top: -4px;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.footer-main__credits button .icon:before {
display: block;
font-size: 8px;
line-height: 1;
color: #ff8901;
}
.footer-main__credits button.is-active .icon {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.footer-main:not(.is-revealed) .cta {
padding-left: 40px;
opacity: 0;
}
.footer-sitemap {
display: none;
font-size: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, .2);
background-color: #000;
}
.footer-sitemap .container, .footer-sitemap .widget-brands {
padding-top: 40px;
padding-bottom: 40px;
max-width: 1040px;
}
.footer-sitemap .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-sitemap .grid__col {
list-style: none;
margin: 0;
padding: 0;
}
.footer-sitemap a {
display: inline-block;
color: rgba(255, 255, 255, .55);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.footer-sitemap a:focus, .footer-sitemap a:hover {
color: #fff;
opacity: 1;
}
.footer-sitemap .spacer, .footer-sitemap .title {
font-weight: 800;
font-size: 1.4rem;
margin-bottom: 20px;
}
.footer-sitemap .spacer a, .footer-sitemap .title a {
color: #fff;
}
.enquiry {
position: fixed;
left: 100%;
top: 0;
z-index: 101;
width: 670px;
height: 100vh;
background: #231f20;
-webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
-o-transition: transform .2s cubic-bezier(.165, .84, .44, 1);
transition: transform .2s cubic-bezier(.165, .84, .44, 1);
transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
overflow: scroll;
-webkit-overflow-scrolling: touch;
padding: 60px 45px;
text-align: center;
font-size: 1.4rem;
color: rgba(000, 000, 000, .85);
}
.enquiry p+p {
margin-top: 0;
}
.enquiry .title {
color: #fff;
}
.enquiry__close {
position: absolute;
right: 40px;
top: 35px;
width: 22px;
height: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.enquiry__close:after, .enquiry__close:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 22px;
height: 2px;
margin-left: -11px;
margin-top: -1px;
border-radius: 2px;
background-color: #ff8901;
display: block;
}
.enquiry__close:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.enquiry__close.on_press, html:not(.mobile):not(.tablet) .enquiry__close:hover {
opacity: 1;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.enquiry__overlay {
position: fixed;
left: 0;
top: 0;
z-index: 100;
width: 100vw;
height: 100vh;
display: block;
background-color: rgba(0, 0, 0, .7);
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.enquiry__intro {
margin-bottom: 40px;
}
.enquiry__intro .title {
font-size: 2.4rem;
margin-bottom: 10px;
}
.enquiry__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-bottom: 20px;
}
.enquiry__details>label {
width: 50%;
padding-left: 10px;
margin-bottom: 10px;
}
.enquiry__details>label:nth-child(1) {
width: 100%;
}
.enquiry__offerings {
margin-bottom: 40px;
margin-right: -40px;
}
.enquiry__offerings legend {
display: block;
font-size: 1.6rem;
margin-bottom: 20px;
width: 100%;
}
.enquiry__offerings .col-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.enquiry__offerings .col-4>label {
display: block;
margin-bottom: 17px;
}
.enquiry__offerings .col-4>label:nth-child(odd) {
width: 29%;
}
.enquiry__offerings .col-4>label:nth-child(even) {
width: 21%;
}
.enquiry__message {
margin-bottom: 40px;
}
.enquiry__footer .btn, .enquiry__footer .gform_wrapper .gform_button, .gform_wrapper .enquiry__footer .gform_button {
margin-bottom: 30px;
}
.is-editable:after {
content: '';
clear: both;
display: table;
}
.is-editable img {
width: auto;
max-width: 100%;
display: block;
}
.is-editable .iframe-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.is-editable .iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cta-brightestminds {
text-align: center;
color: #fff;
}
.cta-brightestminds__wrap {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.cta-brightestminds__overlay {
position: relative;
z-index: 2;
}
.cta-brightestminds__title {
font-size: 40px;
margin-bottom: 10px;
}
.cta-brightestminds__intro {
margin-bottom: 10px;
}
.cta-brightestminds__intro .link {
font-size: 16px;
font-family: "Mark Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 900;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 20px;
max-width: 340px;
margin: 0 auto;
}
.cta-brightestminds__intro .link:focus, .cta-brightestminds__intro .link:hover {
text-decoration: none;
}
.cta-brightestminds__intro .link:focus {
color: #ff8901;
}
.cta-brightestminds__intro .link .text, .cta-brightestminds__intro .link svg {
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
-o-transition: transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out, -webkit-transform .1s ease-out;
}
.cta-brightestminds__intro .link.on_press .text, html:not(.mobile):not(.tablet) .cta-brightestminds__intro .link:hover .text {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
.cta-brightestminds__intro .link.on_press svg, html:not(.mobile):not(.tablet) .cta-brightestminds__intro .link:hover svg {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.cta-brightestminds__intro .link, .cta-brightestminds__intro .title {
position: relative;
z-index: 2;
}
.cta-brightestminds__intro svg {
width: 40px;
height: auto;
margin-left: 12px;
}
.cta-brightestminds__intro .mosaic {
position: absolute;
z-index: 1;
}
.cta-brightestminds__content {
font-size: 16px;
display: block;
max-width: 780px;
margin: 0 auto;
text-shadow: 0 0 30px rgba(0, 0, 0, .35);
}
.cta-brightestminds__mosaic {
position: absolute;
left: 0;
top: 50%;
margin-top: 20px;
z-index: 1;
width: calc(100% + 40px);
display: block;
}
.cta-brightestminds__mosaic .mosaic {
position: absolute;
display: block;
}
.cta-brightestminds__mosaic .mosaic:before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.cta-brightestminds__mosaic .mosaic .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
width: calc(100% - 40px);
height: calc(100% - 40px);
position: absolute;
left: 0;
top: 0;
}
.cta-brightestminds__mosaic .mosaic--1 {
left: 0;
bottom: 0;
width: 33.3333%;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
}
.cta-brightestminds__mosaic .mosaic--2 {
left: 33.3333%;
bottom: 0;
width: 16.666667%;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
}
.cta-brightestminds__mosaic .mosaic--2 .bg {
-webkit-transform: translateY(calc(-100% - 40px));
-ms-transform: translateY(calc(-100% - 40px));
transform: translateY(calc(-100% - 40px));
}
.cta-brightestminds__mosaic .mosaic--3 {
left: 50%;
bottom: 25%;
width: 16.666667%;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.cta-brightestminds__mosaic .mosaic--4 {
right: 0;
bottom: 0;
width: 33.33333%;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.cta-brightestminds__mosaic .mosaic--5 {
left: 0;
top: 0;
width: 16.66667%;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
.cta-brightestminds__mosaic .mosaic--5 .bg {
-webkit-transform: translateY(calc(100% + 40px));
-ms-transform: translateY(calc(100% + 40px));
transform: translateY(calc(100% + 40px));
}
.cta-brightestminds__mosaic .mosaic--6 {
left: 16.66667%;
top: 0;
width: 33.3333%;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
.cta-brightestminds__mosaic .mosaic--7 {
left: 50%;
top: 0;
width: 16.66667%;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.cta-brightestminds__mosaic .mosaic--7 .bg {
-webkit-transform: translateY(calc(100% + 40px));
-ms-transform: translateY(calc(100% + 40px));
transform: translateY(calc(100% + 40px));
}
.cta-brightestminds__mosaic .mosaic--8 {
left: 66.66667%;
top: 0;
width: 16.66667%;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.cta-brightestminds__mosaic .mosaic--3 .bg, .cta-brightestminds__mosaic .mosaic--6 .bg, .cta-brightestminds__mosaic .mosaic--8 .bg {
opacity: .22;
}
.cta-letstalk {
font-size: 14px;
text-align: center;
color: #fff;
}
.cta-letstalk .title {
font-size: 48px;
margin-bottom: 20px;
line-height: 1;
color: #fff;
}
.cta-letstalk .buttons {
padding-top: 30px;
padding-bottom: 20px;
}
.cta-letstalk .buttons img {
width: 10%;
}
.cta-letstalk__fineprint {
color: rgba(000, 000, 000, .85);
}
.cta-letstalk__fineprint a {
text-decoration: underline;
color: inherit;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.cta-letstalk__fineprint a:focus, .cta-letstalk__fineprint a:hover {
color: #fff;
opacity: 1;
}
.cta-more {
text-align: center;
color: #fff;
}
.cta-more__title {
font-size: 28px;
margin-bottom: 40px;
}
.cta-more .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
}
.cta-more .grid__col {
width: 33.3333%;
max-width: 33.3333%;
padding-left: 20px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cta-more__controls {
position: relative;
}
.cta-more__controls .cta-more__controls__next, .cta-more__controls .cta-more__controls__prev {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
display: block;
background-color: #111;
z-index: 10;
border-radius: 50%;
margin-top: -20px;
padding: 0;
border: 1px solid #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cta-more__controls .cta-more__controls__next svg, .cta-more__controls .cta-more__controls__prev svg {
width: 13px;
height: auto;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.cta-more__controls .cta-more__controls__next svg>*, .cta-more__controls .cta-more__controls__prev svg>* {
fill: #ff8901;
}
.cta-more__controls .cta-more__controls__prev {
left: -20px;
}
.cta-more__controls .cta-more__controls__prev.on_press svg, html:not(.mobile):not(.tablet) .cta-more__controls .cta-more__controls__prev:hover svg {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
.cta-more__controls .cta-more__controls__next {
right: -20px;
}
.cta-more__controls .cta-more__controls__next.on_press svg, html:not(.mobile):not(.tablet) .cta-more__controls .cta-more__controls__next:hover svg {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.cta-more__slider {
margin-bottom: 20px;
}
.hero-home {
width: 100%;
position: relative;
background-color: #00001a;
margin-bottom: 0;
background-repeat: no-repeat;
background-size: cover;
height: 800px;
background-position: 100% 20px;
margin-top: 90px;
}
.imgnew {
position: absolute;
left: -20px;
top: -50px;
width: 42%;
}
.hero-home:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background: #00000000;
}
.hero-home>* {
position: relative;
z-index: 2;
}
.hero-home__bg {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: block;
opacity: 0;
-webkit-transition: opacity 1.5s linear;
-o-transition: opacity 1.5s linear;
transition: opacity 1.5s linear;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
overflow: hidden;
}
.hero-home__bg:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
height: 100px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 6, 13, 0)), to(#09060d));
background: -webkit-linear-gradient(top, rgba(9, 6, 13, 0) 0, #09060d 100%);
background: -o-linear-gradient(top, rgba(9, 6, 13, 0) 0, #09060d 100%);
background: linear-gradient(to bottom, rgba(9, 6, 13, 0) 0, #09060d 100%);
}
.hero-home__bg canvas {
z-index: 1;
margin-left: -200px;
left: 0;
}
.hero-home__bg.is-init {
opacity: 1;
}
.hero-home__statement {
color: #fff;
width: 100%;
position: relative;
}
.hero-home__statement .inner {
position: relative;
z-index: 2;
}
.hero-home__statement .title {
font-size: 42px;
line-height: 1.3;
margin-bottom: 40px;
color: #fff;
}
.hero-home__clients {
width: 100vw;
height: 130px;
text-align: center;
position: absolute;
bottom: 0;
}
.php-home {
height: 1000px;
}
.php-home .hero-home__statement {
padding-top: 60px;
}
.php-home__client {
bottom: -25px;
}
.hero-home__clients .title {
font-size: 14px;
color: rgba(255, 255, 255, .85);
display: block;
font-weight: 400;
letter-spacing: normal;
margin-bottom: 20px;
}
.hero-internal {
width: 100vw;
background-color: #fff;
position: relative;
z-index: 1;
}
.hero-internal.bg-clr {
background-color: #fff;
}
.page-about .hero-internal {
margin-bottom: 56px;
}
.single-work .hero-internal .grid>.grid-item:nth-child(1) {
padding-right: 50px;
padding-right: 0;
}
.single-work .hero-internal__content, .single-work .hero-internal__title {
margin-left: 0;
margin-right: 0;
text-align: left;
}
.single-work .hero-internal__content a {
text-decoration: underline;
}
.single-work .hero-internal__stats {
max-width: 460px;
display: block;
}
.single-work .hero-internal__daterange {
color: rgba(255, 255, 255, .5);
font-size: 1.4rem;
}
.single-work .hero-internal a.hero-internal__video.on_press, html:not(.mobile):not(.tablet) .single-work .hero-internal a.hero-internal__video:hover {
opacity: 1;
text-decoration: none;
}
.single-work .hero-internal a.hero-internal__video.on_press .icon, html:not(.mobile):not(.tablet) .single-work .hero-internal a.hero-internal__video:hover .icon {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.single-work .hero-internal a.hero-internal__video.on_press .bg, html:not(.mobile):not(.tablet) .single-work .hero-internal a.hero-internal__video:hover .bg {
opacity: .65;
}
.hero-internal.is-masked:after, .hero-internal.is-masked:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
display: block;
}
.hero-internal.is-masked:before {
width: 100%;
height: 35%;
background: -webkit-gradient(linear, left bottom, left top, from(#111), to(rgba(17, 17, 17, 0)));
background: -webkit-linear-gradient(bottom, #111 0, rgba(17, 17, 17, 0) 100%);
background: -o-linear-gradient(bottom, #111 0, rgba(17, 17, 17, 0) 100%);
background: linear-gradient(to top, #111 0, rgba(17, 17, 17, 0) 100%);
}
.hero-internal.is-masked:after {
width: 100%;
height: 100%;
background: -webkit-linear-gradient(335deg, rgba(17, 17, 17, .65) 0, #111 100%);
background: -o-linear-gradient(335deg, rgba(17, 17, 17, .65) 0, #111 100%);
background: linear-gradient(115deg, rgba(17, 17, 17, .65) 0, #111 100%);
}
.hero-internal.is-masked+.content-main {
margin-top: -50px;
position: relative;
z-index: 2;
}
.hero-internal.is-masked .hero-internal__bg {
opacity: 1;
}
.hero-internal>.container, .hero-internal>.widget-brands {
position: relative;
z-index: 3;
}
.hero-internal__logo {
margin-bottom: 20px;
}
.hero-internal__logo>img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.hero-internal__content, .hero-internal__title {
margin: 0 auto;
text-align: center;
}
.hero-internal__title {
font-size: 40px;
margin-bottom: 30px;
line-height: 1;
max-width: 920px;
}
.hero-internal .work__tags {
color: #ff8901;
margin-bottom: 20px;
font-size: 14px;
}
.hero-internal .work__tags a {
color: #ff8901;
}
.hero-internal__content {
color: #000;
}
.hero-internal__bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: block;
opacity: 0.3;
}
.hero-internal__video {
display: block;
width: 100%;
color: inherit;
}
.hero-internal__video>.inner {
position: relative;
}
.hero-internal__video>.inner .icon {
font-size: 50px;
margin-top: -25px;
position: absolute;
left: 0;
top: 50%;
z-index: 3;
width: 100%;
line-height: 1;
display: block;
text-align: center;
color: #fff;
text-shadow: 0 10px 10px rgba(0, 0, 0, .15);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.hero-internal__video>.inner .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
display: block;
border-radius: 3px;
position: relative;
overflow: hidden;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.hero-internal__video>.inner .bg:before {
content: '';
display: block;
width: 100%;
padding-top: 63.89%;
}
.hero-internal__video>.inner .bg:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background-color: #000;
opacity: .27;
}
.hero-internal__video>.supporting-text {
font-weight: 400;
font-size: inherit;
text-decoration: none;
color: rgba(000, 000, 000, .85);
margin-top: 10px;
}
.hero-internal__video>.supporting-text .illo {
margin-left: 10px;
height: 25px;
width: auto;
}
.hero-internal__video>.supporting-text .illo path {
stroke: #ff8901;
}
.hero-internal__video.is-image .bg:after {
content: none;
}
.hero-internal__meta {
position: relative;
}
.hero-internal__meta .tag-wrap {
line-height: 20px;
text-align: right;
font-weight: 800;
color: #fff;
}
.hero-internal__meta .tag-wrap, .hero-internal__meta .tag-wrap .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hero-internal__meta .tag-wrap .date {
margin-right: 5px;
}
.hero-internal__meta .tag-wrap .tags {
list-style: none;
}
.hero-internal__meta .tag-wrap .tags, .hero-internal__meta .tag-wrap .tags>li {
padding: 0;
margin: 0;
}
.hero-internal__meta .tag-wrap .tags li {
color: #ff8901;
}
.hero-internal__meta .tag-wrap .tags li:not(:last-child):after {
content: '|';
font-weight: 800;
color: rgba(255, 255, 255, .55);
margin: 0 5px;
opacity: .5;
}
.hero-internal__meta .tag-wrap a {
color: #ff8901;
}
.hero-internal__meta .tag-wrap a:focus, .hero-internal__meta .tag-wrap a:hover {
text-decoration: none;
}
.hero-internal__stats {
list-style: none;
color: #fff;
}
.hero-internal__stats, .hero-internal__stats>li {
margin: 0;
padding: 0;
}
.hero-internal__stats>li {
padding: 0 10px;
}
.hero-internal__stats .stat {
margin-right: 20px;
min-width: 40px;
}
.hero-internal__stats .stat .arrow path[stroke="#000"] {
stroke-width: 4;
}
.hero-internal__stats .stat .arrow path[stroke="#ff8901"] {
stroke-width: 1.5;
}
.hero-internal__stats-controls {
position: relative;
}
.hero-internal__stats-controls .hero-internal__stats-controls__next, .hero-internal__stats-controls .hero-internal__stats-controls__prev {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
display: block;
background-color: #111;
z-index: 10;
border-radius: 50%;
margin-top: -20px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .55);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-internal__stats-controls .hero-internal__stats-controls__next svg, .hero-internal__stats-controls .hero-internal__stats-controls__prev svg {
width: 13px;
height: auto;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.hero-internal__stats-controls .hero-internal__stats-controls__next svg>*, .hero-internal__stats-controls .hero-internal__stats-controls__prev svg>* {
fill: #ff8901;
}
.hero-internal__stats-controls .hero-internal__stats-controls__prev {
left: -20px;
}
.hero-internal__stats-controls .hero-internal__stats-controls__prev.on_press svg, html:not(.mobile):not(.tablet) .hero-internal__stats-controls .hero-internal__stats-controls__prev:hover svg {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
.hero-internal__stats-controls .hero-internal__stats-controls__next {
right: -20px;
}
.hero-internal__stats-controls .hero-internal__stats-controls__next.on_press svg, html:not(.mobile):not(.tablet) .hero-internal__stats-controls .hero-internal__stats-controls__next:hover svg {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.hero-internal__cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
left: 50%;
top: 100%;
z-index: 2;
width: 560px;
height: 110px;
margin-top: -55px;
margin-left: -280px;
background-color: #231f20;
}
.hero-internal__cta .inner {
-webkit-transition: -webkit-box-shadow .2s ease-out;
transition: -webkit-box-shadow .2s ease-out;
-o-transition: box-shadow .2s ease-out;
transition: box-shadow .2s ease-out;
transition: box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 220px;
padding-right: 120px;
}
.hero-internal__cta .title {
font-size: 1.8rem;
font-weight: 800;
letter-spacing: normal;
}
.hero-internal__cta .text {
color: rgba(000, 000, 000, .85);
}
.hero-internal__cta .image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
width: 185px;
height: 100%;
display: block;
}
.hero-internal__cta svg {
position: absolute;
right: 30px;
top: 50%;
width: 72px;
height: 19px;
margin-top: -9px;
display: block;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.hero-internal__cta:focus, .hero-internal__cta:hover {
text-decoration: none;
}
.hero-internal__cta.on_press .inner, html:not(.mobile):not(.tablet) .hero-internal__cta:hover .inner {
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .35);
box-shadow: 0 0 30px rgba(0, 0, 0, .35);
}
.hero-internal__cta.on_press svg, html:not(.mobile):not(.tablet) .hero-internal__cta:hover svg {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.hero-solution {
position: relative;
}
.hero-solution__intro {
margin-bottom: 20px;
}
.hero-solution__title.title {
font-size: 40px;
margin-bottom: 10px;
line-height: 1;
max-width: 920px;
}
.hero-solution__subtitle.title {
font-size: 18px;
color: #ff8901;
line-height: 1.4;
}
.hero-solution__text {
max-width: 575px;
}
.hero-solution__content {
position: relative;
z-index: 2;
}
.hero-solution__image {
vertical-align: middle;
}
.hero-solution__image .exploded {
margin: 0 auto;
width: 100%;
}
.hero-solution__image .exploded.exploded-seo {
max-width: 600px;
}
.hero-solution__image .exploded.exploded-adwords {
max-width: 340px;
}
.hero-solution__image .exploded.exploded-remarketing {
max-width: 680px;
}
.hero-solution__image .exploded.exploded-socialadvertising {
max-width: 680px;
}
.hero-solution__image .exploded.exploded-webdesign {
max-width: 680px;
}
.hero-solution__image .exploded.exploded-consulting {
max-width: 510px;
}
.hero-solution__image .exploded.exploded-digital-advertising {
max-width: 680px;
}
.section-awards__intro {
margin-bottom: 40px;
text-align: center;
color: #000;
}
.section-awards__intro .title {
font-size: 24px;
margin-bottom: 20px;
}
.section-awards__intro .content {
max-width: 400px;
margin: 0 auto;
}
.section-awards__list {
list-style: none;
margin: 0;
padding: 0;
}
.section-awards__list>li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
width: 25%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
font-size: 14px;
line-height: 1.4;
}
.section-awards__controls {
position: relative;
padding-left: 50px;
padding-right: 50px;
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
}
.section-awards__controls .section-awards__slider__next, .section-awards__controls .section-awards__slider__prev {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
display: block;
background-color: #111;
z-index: 10;
border-radius: 50%;
margin-top: -20px;
padding: 0;
border: 1px solid #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-awards__controls .section-awards__slider__next svg, .section-awards__controls .section-awards__slider__prev svg {
width: 13px;
height: auto;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.section-awards__controls .section-awards__slider__next svg>*, .section-awards__controls .section-awards__slider__prev svg>* {
fill: #ff8901;
}
.section-awards__controls .section-awards__slider__prev {
left: 0;
}
.section-awards__controls .section-awards__slider__prev.on_press svg, html:not(.mobile):not(.tablet) .section-awards__controls .section-awards__slider__prev:hover svg {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
.section-awards__controls .section-awards__slider__next {
right: 0;
}
.section-awards__controls .section-awards__slider__next.on_press svg, html:not(.mobile):not(.tablet) .section-awards__controls .section-awards__slider__next:hover svg {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.section-brightestminds__fancy {
pointer-events: none;
display: block;
width: 70vw;
max-width: 940px;
margin-right: -90px;
margin-top: -115px;
}
.section-brightestminds__fancy:before {
content: '';
display: block;
width: 100%;
padding-top: 79.4%;
}
.section-brightestminds__intro {
position: relative;
}
.section-brightestminds__intro .section-brightestminds__fancy {
position: absolute;
right: 100%;
top: 0;
z-index: 2;
}
.section-brightestminds__intro .section-brightestminds__fancy, .section-brightestminds__intro .section-brightestminds__fancy:after {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.section-brightestminds__intro .section-brightestminds__fancy:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(../images/bg-brightest-minds.png);
opacity: 0;
}
.section-brightestminds__intro .section-brightestminds__fancy.is-revealed:after {
-webkit-animation: play .65s forwards 1s;
animation: play .65s forwards 1s;
}
@keyframes play {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
20% {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
60% {
opacity: 0;
}
80% {
opacity: 0;
}
90% {
opacity: 1;
}
95% {
opacity: 0;
}
98% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.section-brightestminds__intro .title {
font-size: 20px;
color: #000;
line-height: 1.4;
letter-spacing: -.045em;
}
.section-brightestminds__intro .title>* {
display: block;
width: 100%;
white-space: nowrap;
}
.section-brightestminds__intro .title .line-1 {
margin-left: -50px;
}
.section-brightestminds__intro .title .line-2 {
margin-left: 12px;
}
.section-brightestminds__intro .content {
margin-top: 25px;
margin-bottom: 25px;
max-width: 650px;
}
.section-brightestminds__video {
display: block;
max-width: 700px;
width: 100%;
color: inherit;
}
.section-brightestminds__video .illo path {
stroke: #ff8901;
}
.section-brightestminds__video>.inner {
position: relative;
}
.section-brightestminds__video>.inner .icon {
font-size: 50px;
margin-top: -25px;
position: absolute;
left: 0;
top: 50%;
z-index: 3;
width: 100%;
line-height: 1;
display: block;
text-align: center;
color: #fff;
text-shadow: 0 10px 10px rgba(0, 0, 0, .15);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.section-brightestminds__video>.inner .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
display: block;
border-radius: 3px;
position: relative;
overflow: hidden;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.section-brightestminds__video>.inner .bg:before {
content: '';
display: block;
width: 100%;
padding-top: 63.89%;
}
.section-brightestminds__video>.inner .bg:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background-color: #000;
opacity: .27;
}
.section-brightestminds__video>.supporting-text {
font-weight: 400;
font-size: inherit;
text-decoration: none;
color: rgba(000, 000, 000, .85);
margin-top: 10px;
}
.section-brightestminds__video>.supporting-text .arrow {
margin-left: 10px;
height: 25px;
width: auto;
}
.section-brightestminds__video.on_press, html:not(.mobile):not(.tablet) .section-brightestminds__video:hover {
opacity: 1;
text-decoration: none;
}
.section-brightestminds__video.on_press .icon, html:not(.mobile):not(.tablet) .section-brightestminds__video:hover .icon {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.section-brightestminds__video.on_press .bg, html:not(.mobile):not(.tablet) .section-brightestminds__video:hover .bg {
opacity: .65;
}
.section-brightestminds__stats .section-brightestminds__fancy {
float: right;
}
.section-brightestminds__stats .title {
font-size: 14px;
color: #000;
font-weight: 800;
letter-spacing: normal;
margin-bottom: 28px;
}
.section-brightestminds__stats .list {
list-style: none;
padding: 0;
margin: 0;
}
.section-brightestminds__stats .list>li {
min-height: 40px;
padding-left: 60px;
position: relative;
}
.section-brightestminds__stats .list>li:not(:last-child) {
margin-bottom: 15px;
}
.section-brightestminds__stats .icon {
width: 40px;
height: 40px;
position: absolute;
left: 0;
top: 0;
border: 1px solid #303030;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-brightestminds__stats .icon>img {
width: auto;
height: auto;
max-width: 65%;
max-height: 65%;
/*filter: invert(1);*/;
}
.section-brightestminds__stats .text {
padding-top: 0;
color: rgba(000, 000, 000, .85);
font-weight: 400;
line-height: inherit;
letter-spacing: normal;
}
.section-contact .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: -40px;
}
.section-contact .grid>.grid-item {
width: 50%;
padding-left: 40px;
}
.section-contact .grid>.grid-item:nth-child(1)>* {
max-width: 520px;
}
.section-contact ul {
list-style: none;
}
.section-contact ul, .section-contact ul li {
padding: 0;
margin: 0;
}
.section-contact__intro {
margin-bottom: 30px;
}
.section-contact__intro>.title {
font-size: 40px;
margin-bottom: 30px;
line-height: 1;
}
.section-contact__intro ul {
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.section-contact__intro ul>li:not(:last-child) {
margin: 50px 0;
}
.section-contact__intro ul a {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-contact__intro ul a svg {
margin-right: 15px;
}
.section-contact__intro ul a:focus, .section-contact__intro ul a:hover {
text-decoration: none;
color: #ff8901;
opacity: 1;
}
.section-contact__locations {
margin-bottom: 30px;
}
.section-contact__locations>.title {
font-size: 22px;
margin-bottom: 20px;
line-height: 1;
}
.section-contact__locations ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: 20px;
font-size: 1.5rem;
color: rgba(000, 000, 000, .55);
}
.section-contact__locations ul>li {
width: 50%;
padding-left: 20px;
margin-bottom: 20px;
}
.section-contact__locations ul .title {
font-size: 14px;
margin-bottom: 10px;
}
.section-contact__social .title {
font-size: 22px;
margin-bottom: 20px;
}
.section-contact__social .icon {
margin-right: 20px;
color: #ff8901;
}
.section-contact__social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.section-contact__social ul>li:not(:last-child) {
margin-right: 50px;
}
.section-contact__social ul a {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-contact__social ul a svg {
margin-right: 15px;
}
.section-contact__social ul a:focus, .section-contact__social ul a:hover {
text-decoration: none;
color: #ff8901;
opacity: 1;
}
.section-contact__form {
background-color: #231f20;
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}
.section-contact__form>.title {
font-size: 22px;
margin-bottom: 20px;
line-height: 1;
}
.section-cs .slick-slide img {
max-width: 100%;
width: auto;
height: auto;
}
.section-cs__controls ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0;
padding: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-top: 2px;
border-top: 2px solid #303030;
}
.section-cs__controls ul>li {
width: auto;
white-space: nowrap;
}
.section-cs__controls .pager-item {
font-size: 14px;
display: block;
width: 100%;
text-align: center;
padding: 20px;
padding-top: 22px;
position: relative;
color: rgba(255, 255, 255, .55);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
white-space: nowrap;
position: relative;
}
.section-cs__controls .pager-item:focus, .section-cs__controls .pager-item:hover {
color: #fff;
opacity: 1;
text-decoration: none;
}
.section-cs__controls .pager-item .indicator {
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
height: 2px;
overflow: hidden;
display: block;
}
.section-cs__controls .pager-item .indicator:before {
content: '';
width: 100%;
height: 100%;
display: block;
z-index: 2;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
background-color: #ff8901;
}
.section-cs__controls .pager-item svg {
display: block;
margin: 0 auto;
margin-top: 10px;
width: 120px;
height: 13px;
}
.section-cs__controls .pager-item svg path {
visibility: hidden;
-webkit-transition: visibility .2s linear;
-o-transition: visibility .2s linear;
transition: visibility .2s linear;
}
.section-cs__controls li.slick-active .pager-item {
color: #fff;
}
.section-cs__controls li.slick-active .pager-item:focus, .section-cs__controls li.slick-active .pager-item:hover {
color: #fff;
}
.section-cs__controls li.slick-active .pager-item .indicator:before {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.section-cs__intro {
position: relative;
z-index: 2;
}
.section-cs__intro .title {
font-size: 48px;
line-height: 1;
margin-bottom: 35px;
}
.section-cs__excerpt {
color: rgba(000, 000, 000, .85);
}
.section-cs__excerpt .title {
font-size: 30px;
line-height: 1;
display: block;
margin-bottom: 20px;
}
.section-cs__excerpt .content {
display: block;
margin-bottom: 30px;
}
.section-cs__video {
margin-top: 50px;
position: relative;
display: block;
}
.section-cs__video .thumb {
display: block;
position: relative;
}
.section-cs__video .thumb .play {
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
background-color: rgba(0, 0, 0, .4);
border-radius: 50%;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.section-cs__video .thumb .play:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #fff;
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
border-width: 5.5px 0 5.5px 8px;
margin-left: -3px;
margin-top: -5px;
}
.section-cs__video .thumb .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: block;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.section-cs__video .content {
color: #fff;
font-size: 1.4rem;
line-height: 1.4;
}
.section-cs__video .content .title {
font-size: 1.2rem;
color: rgba(255, 255, 255, .55);
margin-bottom: 10px;
}
.section-cs__video:focus, .section-cs__video:hover {
text-decoration: none;
opacity: 1;
}
.section-cs__video:focus .play, .section-cs__video:hover .play {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.section-cs__video:focus .bg, .section-cs__video:hover .bg {
opacity: .65;
}
.section-cs__stats {
list-style: none;
}
.section-cs__stats, .section-cs__stats li {
display: block;
margin: 0;
padding: 0;
}
.section-cs__stats li.stat:not(:last-child) {
margin-bottom: 35px;
}
.section-cs__stats li.stat__inner {
margin-bottom: 25px;
}
.section-cs__stats li.stat__inner .text {
font-size: 32px;
}
.section-cs__stats li.stat__inner .arrow {
height: 30px;
width: auto;
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
}
.section-cs__stats li.stat__text {
font-size: 14px;
color: rgba(000, 000, 000, .85);
line-height: 1.7;
}
.section-cs__footer {
display: block;
text-align: center;
margin-top: 50px;
}
.section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .section-cs__bg, .section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .section-cs__excerpt, .section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .section-cs__stats li, .section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .section-cs__video, .section-cs__slider:not(.js-wp--section-cs) .section-cs__bg, .section-cs__slider:not(.js-wp--section-cs) .section-cs__excerpt, .section-cs__slider:not(.js-wp--section-cs) .section-cs__stats li, .section-cs__slider:not(.js-wp--section-cs) .section-cs__video {
opacity: 0;
}
.section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .section-cs__stats li, .section-cs__slider:not(.js-wp--section-cs) .section-cs__stats li {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .section-cs__excerpt, .section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .section-cs__video, .section-cs__slider:not(.js-wp--section-cs) .section-cs__excerpt, .section-cs__slider:not(.js-wp--section-cs) .section-cs__video {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .slick-slide.slick-active .section-cs__bg, .section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .slick-slide.slick-active .section-cs__excerpt, .section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .slick-slide.slick-active .section-cs__stats li, .section-cs__slider.js-wp--section-cs .slick-track>.slick-slide:not(:first-child) .slick-slide.slick-active .section-cs__video, .section-cs__slider:not(.js-wp--section-cs) .slick-slide.slick-active .section-cs__bg, .section-cs__slider:not(.js-wp--section-cs) .slick-slide.slick-active .section-cs__excerpt, .section-cs__slider:not(.js-wp--section-cs) .slick-slide.slick-active .section-cs__stats li, .section-cs__slider:not(.js-wp--section-cs) .slick-slide.slick-active .section-cs__video {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.section-cs__slide {
margin-bottom: 50px;
}
.section-faq__title {
font-size: 24px;
margin-bottom: 20px;
line-height: 1;
}
.section-positions__intro {
margin-bottom: 40px;
text-align: center;
color: #fff;
}
.section-positions__intro .title {
font-size: 24px;
margin-bottom: 20px;
}
.section-positions__intro .text {
max-width: 820px;
margin: 0 auto;
}
.section-positions__intro .text--large {
font-size: 14px;
max-width: none;
}
.section-positions__list {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 960px;
margin: 0 auto;
padding: 0;
}
.section-positions__list>li {
padding: 0;
margin: 0;
}
.section-positions__list>li:first-child>a {
border-radius: 4px 4px 0 0;
}
.section-positions__list>li:last-child>a {
border-radius: 0 0 4px 4px;
}
.section-positions__list>li:not(:first-child) {
margin-top: -1px;
}
.section-positions__list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid #434343;
color: rgba(255, 255, 255, .55);
font-size: 1.8rem;
line-height: 1;
text-decoration: none;
position: relative;
padding: 33px 30px;
padding-right: 60px;
}
.section-positions__list a:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #ff8901;
position: absolute;
right: 38px;
top: 50%;
margin-top: -5px;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.section-positions__list a.on_press, html:not(.mobile):not(.tablet) .section-positions__list a:hover {
opacity: 1;
}
.section-positions__list a.on_press .title, html:not(.mobile):not(.tablet) .section-positions__list a:hover .title {
color: #ff8901;
}
.section-positions__list a.on_press:after, html:not(.mobile):not(.tablet) .section-positions__list a:hover:after {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.section-positions__list .title {
font-weight: 800;
letter-spacing: normal;
font-size: inherit;
color: #fff;
min-width: 315px;
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.section-positions__form {
max-width: 550px;
margin: 0 auto;
}
.section-positions__form__intro {
font-size: 1.4rem;
text-align: center;
color: rgba(000, 000, 000, .85);
margin-bottom: 40px;
}
.section-positions__form .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
}
.section-positions__form .grid__col {
display: block;
padding-left: 10px;
margin-bottom: 10px;
}
.gform_wrapper .section-positions__form .gform_button, .section-positions__form .btn, .section-positions__form .gform_wrapper .gform_button {
margin-top: 10px;
margin-bottom: 10px;
}
.section-positions__form .fineprint small {
display: block;
text-align: center;
font-size: 1.4rem;
}
.section-positions__form .fineprint small a {
text-decoration: underline;
color: #ff8901;
white-space: nowrap;
}
.section-resources__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -22px;
}
.section-resources__grid>.grid__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 33.3333%;
max-width: 33.3333%;
padding-left: 22px;
margin-bottom: 22px;
}
.section-resources__grid>.grid__col--full {
width: 100%;
max-width: 100%;
}
.section-quote .enquiry__form {
max-width: 550px;
margin: 0 auto;
}
.section-quote .enquiry__intro {
font-size: 1.4rem;
text-align: center;
color: rgba(000, 000, 000, .85);
}
.section-quote p+p {
margin-top: 0;
}
.section-quote .text-fineprint {
display: block;
text-align: center;
font-size: 1.4rem;
}
.section-quote .text-fineprint a {
text-decoration: underline;
color: #ff8901;
white-space: nowrap;
}
.section-services__intro .title {
font-size: 24px;
margin-bottom: 20px;
line-height: 1;
}
.section-services__content {
position: relative;
z-index: 2;
width: 100%;
display: block;
}
.section-services__content .title {
font-size: 5rem;
line-height: 1;
margin-bottom: 30px;
}
.section-services__content .text {
margin-bottom: 40px;
}
.section-services .accordion__trigger, .section-services .pager-item {
color: rgba(255, 255, 255, .55);
-webkit-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color .2s ease-out;
}
.section-services .accordion__trigger:focus, .section-services .accordion__trigger:hover, .section-services .pager-item:focus, .section-services .pager-item:hover {
color: #fff;
}
.section-services .accordion__trigger .text, .section-services .pager-item .text {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform: translateX(-44px);
-ms-transform: translateX(-44px);
transform: translateX(-44px);
display: inline-block;
}
.section-services .pager-item {
padding: 0;
}
.section-services .pager-item svg {
padding-right: 12px;
}
.section-services .accordion-active .accordion__trigger, .section-services__controls ul>li.slick-active .pager-item {
color: #fff;
font-weight: 800;
}
.section-services .accordion-active .accordion__trigger .text, .section-services__controls ul>li.slick-active .pager-item .text {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.section-services .accordion-active .accordion__trigger:hover, .section-services__controls ul>li.slick-active .pager-item:hover {
color: #ff8901;
}
.section-services .accordion-active .accordion__trigger .icon--chevron-up:before, .section-services__controls ul>li.slick-active .pager-item .icon--chevron-up:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.section-services .accordion__trigger {
display: none;
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
width: 100%;
text-align: left;
padding: 0;
line-height: 50px;
margin-top: -1px;
color: #fff;
font-weight: 800;
position: relative;
}
.section-services .accordion__trigger .arrow {
width: 38px;
height: 7.5px;
}
.section-services .accordion__trigger .icon--chevron-up {
position: absolute;
right: 0;
top: 50%;
color: #ff8901;
font-size: 6px;
margin-top: -3px;
}
.section-services .accordion__trigger .icon--chevron-up, .section-services .accordion__trigger .icon--chevron-up:before {
line-height: 1;
display: block;
}
.section-services .accordion__trigger .icon--chevron-up:before {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.section-services__slide:not(.accordion-active) .arrow {
visibility: hidden;
}
.section-services__image {
max-width: 500px;
width: 100%;
display: block;
margin: 0 auto;
}
.section-services__image .exploded__fallback {
display: none;
}
.section-sidebyside {
position: relative;
}
.section-sidebyside+.bg-black, .section-sidebyside+.section-sidebyside {
margin-top: 75px;
}
.section-sidebyside picture {
width: 100%;
display: block;
}
.section-sidebyside .title {
font-size: 28px;
margin-bottom: 20px;
line-height: 1;
}
.section-sidebyside .buttons {
margin-top: 20px;
}
.section-sidebyside .grid {
margin-left: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-sidebyside .grid__col {
padding-left: 20px;
}
.section-sidebyside.is-odd .grid {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section-sidebyside.is-odd .grid__col--primary>.inner {
padding-left: 20px;
}
.section-sidebyside.is-even .grid {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.section-sidebyside.is-even .grid__col--primary>.inner {
padding-right: 20px;
}
.section-sidebyside:not(.is-full) .grid>.grid__col {
width: 50%;
max-width: 50%;
}
.section-sidebyside:not(.is-full) .grid>.grid__col--primary {
display: table;
}
.section-sidebyside:not(.is-full) .grid>.grid__col--primary .inner {
display: table-cell;
vertical-align: middle;
}
.section-sidebyside:not(.is-full) .grid .image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
margin: 20px 0 0;
height: 100%;
}
.section-sidebyside:not(.is-full) .grid .image .bg {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 20px;
width: 100%;
height: 100%;
}
section.about-sec .image span {
height: 26% !important;
top: 0 !important;
}
.section-sidebyside:not(.is-breakout):not(.is-full) .grid>.grid__col--primary .inner {
height: 300px;
}
.section-sidebyside.is-full .grid__col--primary {
margin-bottom: 58px;
}
.section-sidebyside.is-full .content {
max-width: 572px;
}
.section-sidebyside.is-breakout .grid>.grid__col--primary .inner {
height: 500px;
}
.section-sidebyside--tour .grid {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-sidebyside--tour .pano {
display: block;
width: 100%;
height: 100%;
}
.section-sidebyside--google .google-badge {
margin-top: 30px;
}
.section-sidebyside--google .image {
display: block!important;
}
.section-sidebyside--google .image>img {
width: auto;
max-width: 100%;
height: auto;
max-height: none;
}
.section-sidebyside--google .image img.google-logo {
margin: 0 auto;
display: block;
width: 100%;
height: auto;
max-width: 468px;
}
.section-solution {
position: relative;
}
.section-solution+.section-solution {
margin-top: 75px;
}
.section-solution .title {
font-size: 28px;
margin-bottom: 20px;
line-height: 1;
}
.section-solution .image {
position: relative;
}
.section-solution .image>img {
display: block;
margin: 0;
width: auto;
height: auto;
max-width: 100%;
opacity: 0;
}
.section-solution .image .image-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.section-solution .buttons {
margin-top: 20px;
}
.section-solution .grid {
margin-left: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-solution .grid__col {
padding-left: 20px;
width: 50%;
max-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
}
.section-solution.is-odd .grid {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section-solution.is-odd .grid__col--primary>.inner {
padding-left: 20px;
}
.section-solution.is-even .grid {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.section-solution.is-even .grid__col--primary>.inner {
padding-right: 20px;
}
.section-specialty .container-inner {
max-width: 1080px;
margin: 0 auto;
}
.section-specialty__title {
font-size: 24px;
margin-bottom: 40px;
text-align: center;
}
.section-specialty__list {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin: 0;
margin-left: -10px;
}
.section-specialty__list>li {
margin: 0;
padding: 0;
width: 33.33333%;
padding-left: 10px;
margin-bottom: 10px;
}
.section-specialty__controls {
position: relative;
padding: 20px 50px;
margin-left: -15px;
margin-right: -15px;
}
.section-specialty__controls .slick-dots {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-specialty__controls .slick-dots, .section-specialty__controls .slick-dots li {
padding: 0;
margin: 0;
}
.section-specialty__controls .slick-dots li {
padding: 5px;
}
.section-specialty__controls .slick-dots button {
padding: 0;
display: block;
width: 10px;
height: 10px;
-webkit-transition: background-color .2s ease-out;
-o-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
border: 1px solid rgba(255, 255, 255, .55);
border-radius: 50%;
}
.section-specialty__controls .slick-dots .slick-active button {
background-color: rgba(255, 255, 255, .55);
}
.section-specialty__controls .section-specialty__slider__next, .section-specialty__controls .section-specialty__slider__prev {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
display: block;
background-color: #111;
z-index: 10;
border-radius: 50%;
margin-top: -20px;
padding: 0;
border: 1px solid #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-specialty__controls .section-specialty__slider__next.slick-disabled, .section-specialty__controls .section-specialty__slider__prev.slick-disabled {
display: none!important;
}
.section-specialty__controls .section-specialty__slider__next svg, .section-specialty__controls .section-specialty__slider__prev svg {
width: 13px;
height: auto;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.section-specialty__controls .section-specialty__slider__next svg>*, .section-specialty__controls .section-specialty__slider__prev svg>* {
fill: #ff8901;
}
.section-specialty__controls .section-specialty__slider__prev {
left: 0;
}
.section-specialty__controls .section-specialty__slider__prev.on_press svg, html:not(.mobile):not(.tablet) .section-specialty__controls .section-specialty__slider__prev:hover svg {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
.section-specialty__controls .section-specialty__slider__next {
right: 0;
}
.section-specialty__controls .section-specialty__slider__next.on_press svg, html:not(.mobile):not(.tablet) .section-specialty__controls .section-specialty__slider__next:hover svg {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.section-specialty--industries .container-inner {
max-width: none;
}
.section-team .section-team__item {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
text-decoration: none;
display: block;
}
.section-team .section-team__item:before {
content: '';
display: block;
width: 100%;
padding-top: 62.69%;
}
.section-team .section-team__item:focus, .section-team .section-team__item:hover {
opacity: 1;
}
.section-team .section-team__item.on_press .overlay, html:not(.mobile):not(.tablet) .section-team .section-team__item:hover .overlay {
opacity: 1;
}
.section-team .section-team__item.on_press .overlay__primary, .section-team .section-team__item.on_press .overlay__secondary, html:not(.mobile):not(.tablet) .section-team .section-team__item:hover .overlay__primary, html:not(.mobile):not(.tablet) .section-team .section-team__item:hover .overlay__secondary {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.mobile .section-team .section-team__item .overlay, .tablet .section-team .section-team__item .overlay {
opacity: 1!important;
}
.mobile .section-team .section-team__item .overlay__primary, .mobile .section-team .section-team__item .overlay__secondary, .tablet .section-team .section-team__item .overlay__primary, .tablet .section-team .section-team__item .overlay__secondary {
-webkit-transform: translateY(0)!important;
-ms-transform: translateY(0)!important;
transform: translateY(0)!important;
-webkit-transition-delay: .1s!important;
-o-transition-delay: .1s!important;
transition-delay: .1s!important;
}
.section-team .section-team__item .overlay {
padding: 20px;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
opacity: 0;
}
.section-team .section-team__item .overlay:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 50%;
display: block;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .65)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
}
.section-team .section-team__item .overlay__primary, .section-team .section-team__item .overlay__secondary {
position: relative;
z-index: 2;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.section-team .section-team__item .overlay .experience, .section-team .section-team__item .overlay .position {
font-size: 13px;
font-weight: 800;
}
.section-team .section-team__item .overlay .position {
color: #fff;
}
.section-team .section-team__item .overlay .experience {
color: #ff8901;
}
.section-team .section-team__item .overlay .icon--linkedin-circle {
display: block;
margin-bottom: 20px;
}
.section-team .section-team__item .overlay .icon--linkedin-circle:before {
font-size: 3rem;
line-height: 1;
display: block;
}
.section-team .section-team__item .bg, .section-team .section-team__item .bg-fallback, .section-team .section-team__item .stat-wrap {
background-size: cover;
background-repeat: no-repeat;
background-position: center 20%;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.section-team .section-team__item .stat-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
}
.section-team .section-team__item .stat__inner {
margin-bottom: 10px;
}
.section-team .section-team__item .stat__inner .arrow {
width: auto;
-webkit-transform: translateX(-15%);
-ms-transform: translateX(-15%);
transform: translateX(-15%);
height: 20px;
}
.section-team .section-team__item .stat__inner .text {
font-size: 16px;
}
.section-team .section-team__item .stat p {
font-size: 13px;
color: rgba(000, 000, 000, .85);
line-height: 1.6;
}
.section-team .grid:not(.grid-fancy) {
margin-left: -10px;
margin-bottom: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-team .grid:not(.grid-fancy)>.grid__col {
padding-left: 10px;
margin-bottom: 10px;
}
.section-team .grid:not(.grid-fancy) .staff-item>a:before {
content: '';
display: block;
width: 100%;
padding-top: 150%;
}
.section-team .grid:not(.grid-fancy) .staff-item .bg {
display: none;
}
.section-team .grid:not(.grid-fancy) .staff-item .bg-fallback {
display: block;
}
.section-team .grid:not(.grid-fancy) .staff-item .overlay {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.4;
}
.section-team .grid:not(.grid-fancy) .staff-item .overlay__primary, .section-team .grid:not(.grid-fancy) .staff-item .overlay__secondary {
width: 100%;
}
.section-team .grid:not(.grid-fancy) .staff-item .overlay .title {
font-size: 18px;
margin-bottom: 15px;
}
.section-team .grid:not(.grid-fancy) .staff-item .overlay .linkedin {
position: absolute;
bottom: 0;
right: 0;
padding: 0;
}
.section-team .grid:not(.grid-fancy) .staff-item .overlay .linkedin .icon--linkedin-circle {
margin-bottom: 0;
}
.section-team .grid-fancy {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.section-team .grid-fancy>.grid__col {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-textblock {
color: #fff;
text-align: center;
}
.section-textblock--large {
font-size: 16px;
}
.section-values__title {
font-size: 20px;
line-height: 1.5;
max-width: 850px;
margin: 0 auto;
text-align: center;
}
.section-values__title strong {
font-family: "Mark Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 900;
color: #ff8901;
position: relative;
}
.section-values__title strong svg {
position: absolute;
top: 100%;
left: 50%;
width: 100%;
height: 19px;
margin-left: -172px;
margin-top: -5px;
-webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
transition: opacity .3s linear, -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out, opacity .3s linear;
transition: transform .3s ease-out, opacity .3s linear;
transition: transform .3s ease-out, opacity .3s linear, -webkit-transform .3s ease-out;
opacity: 0;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.section-values__title.is-revealed svg {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.section-values__list {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
margin-left: -10px;
margin-right: -10px;
}
.section-values__list .slick-list {
overflow: visible;
}
.section-values__list .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-values__list .slick-slide {
padding-left: 10px;
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-height: 0;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.section-values__list>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 30px;
margin-bottom: 30px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.section-values__list>li.on_press .value__inner, html:not(.mobile):not(.tablet) .section-values__list>li:hover .value__inner {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .35);
box-shadow: 0 0 30px rgba(0, 0, 0, .35);
}
.section-values__list .value {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.section-values__footer {
max-width: 280px;
line-height: 1.4;
text-align: center;
color: #fff;
margin: 0 auto;
}
.section-values__footer>* {
line-height: inherit;
}
.section-values__controls {
position: relative;
}
.section-values__controls .section-values__slider__next, .section-values__controls .section-values__slider__prev {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
display: block;
background-color: #111;
color: #231f20;
z-index: 10;
border-radius: 50%;
margin-top: -20px;
padding: 0;
border: 1px solid #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-values__controls .section-values__slider__next.slick-disabled, .section-values__controls .section-values__slider__prev.slick-disabled {
display: none!important;
}
.section-values__controls .section-values__slider__next svg, .section-values__controls .section-values__slider__prev svg {
width: 13px;
height: auto;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.section-values__controls .section-values__slider__next svg>*, .section-values__controls .section-values__slider__prev svg>* {
stroke: #ff8901;
}
.section-values__controls .section-values__slider__prev {
left: -20px;
}
.section-values__controls .section-values__slider__prev.on_press svg, html:not(.mobile):not(.tablet) .section-values__controls .section-values__slider__prev:hover svg {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
.section-values__controls .section-values__slider__next {
right: -20px;
}
.section-values__controls .section-values__slider__next.on_press svg, html:not(.mobile):not(.tablet) .section-values__controls .section-values__slider__next:hover svg {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.section-values--stats .value__inner {
padding-top: 200px;
padding-bottom: 45px;
}
.section-values--stats .value h3 {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.section-values--stats .value .text, .section-values--stats .value .title {
display: block;
}
.section-values--stats .value .title {
font-size: 18px;
}
.section-values--stats .value .text {
font-weight: 400;
letter-spacing: normal;
font-size: inherit;
line-height: inherit;
color: inherit;
white-space: initial;
}
.section-work__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
}
.section-work__grid>.grid__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 33.3333%;
padding-left: 20px;
margin-bottom: 20px;
}
.exploded {
position: relative;
width: 100%;
display: block;
}
.exploded__inner {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
display: block;
}
.exploded__fallback {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
display: none;
}
.exploded .dash {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 9.85%;
display: block;
-webkit-transform: translate(0, 0) rotate(0) scale(0);
-ms-transform: translate(0, 0) rotate(0) scale(0);
transform: translate(0, 0) rotate(0) scale(0);
}
.exploded .screw {
z-index: 7;
display: block;
position: absolute;
width: 5.2%;
}
.exploded .screw__inner:before {
content: '';
display: block;
width: 100%;
padding-top: 385%;
}
.exploded .screw__inner>img {
display: block;
margin: 0 auto;
position: absolute;
left: 0;
top: 0;
}
.exploded .screw__inner>img:nth-child(2) {
width: 75%;
left: 13%;
top: 45%;
z-index: 3;
}
.exploded .screw__inner>img:nth-child(3) {
width: 76%;
left: 12%;
top: 67%;
z-index: 2;
}
.exploded .screw__inner>img:nth-child(4) {
width: 100%;
left: 0;
top: 84%;
z-index: 1;
}
.exploded .screw .overflow {
width: 60%;
left: 20%;
top: 0;
z-index: 4;
position: absolute;
overflow: hidden;
height: 59%;
}
.exploded .screw .overflow>img {
width: 100%;
display: block;
}
.exploded .screw .dash {
top: 100%;
left: 50%;
height: 71.2%;
}
.exploded .animate-transform, .exploded .dash, .exploded .screw, .exploded .screw .overflow, .exploded .screw .overflow>img, .exploded .screw__inner>img:nth-child(2), .exploded .screw__inner>img:nth-child(3), .exploded .screw__inner>img:nth-child(4) {
-webkit-transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
-o-transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
}
.exploded .animate-stroke {
stroke: #fff;
-webkit-transition: stroke 1s cubic-bezier(.165, .84, .44, 1) 0s;
-o-transition: stroke 1s cubic-bezier(.165, .84, .44, 1) 0s;
transition: stroke 1s cubic-bezier(.165, .84, .44, 1) 0s;
}
.exploded .screw .overflow>img {
-webkit-transform: translateY(115%);
-ms-transform: translateY(115%);
transform: translateY(115%);
}
.exploded .screw__inner>img:nth-child(2) {
-webkit-transform: translateY(40%);
-ms-transform: translateY(40%);
transform: translateY(40%);
}
.exploded .screw__inner>img:nth-child(3) {
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%);
}
.exploded .screw__inner>img:nth-child(4) {
-webkit-transform: translateY(-120%);
-ms-transform: translateY(-120%);
transform: translateY(-120%);
}
.exploded .screw__inner>.dash {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-transform: translate(0, -25%) rotate(0) scale(0);
-ms-transform: translate(0, -25%) rotate(0) scale(0);
transform: translate(0, -25%) rotate(0) scale(0);
}
.exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .animate-stroke, .is-exploded .exploded .animate-stroke {
stroke: #ff8901;
}
.exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .animate-transform, .exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .dash, .exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .screw, .exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .screw .overflow>img, .exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .screw__inner>img:nth-child(2), .exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .screw__inner>img:nth-child(3), .exploded.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded .screw__inner>img:nth-child(4), .is-exploded .exploded .animate-transform, .is-exploded .exploded .dash, .is-exploded .exploded .screw, .is-exploded .exploded .screw .overflow>img, .is-exploded .exploded .screw__inner>img:nth-child(2), .is-exploded .exploded .screw__inner>img:nth-child(3), .is-exploded .exploded .screw__inner>img:nth-child(4) {
-webkit-transform: translate(0, 0) rotate(0) scale(1);
-ms-transform: translate(0, 0) rotate(0) scale(1);
transform: translate(0, 0) rotate(0) scale(1);
}
.exploded-adwords {
max-width: 350px;
margin: 0 auto;
}
.exploded-adwords:before {
content: '';
display: block;
width: 100%;
padding-top: 103%;
}
.section-services .exploded-adwords {
max-width: 280px;
}
.exploded-adwords .exploded__fallback {
opacity: .3;
display: none;
}
.exploded-adwords img, .exploded-adwords svg {
height: auto;
}
.exploded-adwords .base, .exploded-adwords .knob-large, .exploded-adwords .knob-small, .exploded-adwords .lens, .exploded-adwords .ring, .exploded-adwords .stand, .exploded-adwords .telescope, .exploded-adwords .tube {
position: absolute;
display: block;
}
.exploded-adwords .telescope {
z-index: 11;
width: 35.5%;
left: 11.5%;
top: 6%;
}
.exploded-adwords .telescope:before {
content: '';
display: block;
width: 100%;
padding-top: 328%;
}
.exploded-adwords .telescope .ring {
width: 44%;
left: 30%;
top: 6%;
z-index: 4;
}
.exploded-adwords .telescope .tube {
width: 81%;
top: 6%;
left: 11%;
z-index: 3;
}
.exploded-adwords .telescope .lens {
width: 100%;
left: -1%;
top: 63%;
z-index: 1;
}
.exploded-adwords .knob-large {
z-index: 10;
width: 16%;
left: 44.5%;
top: 28%;
}
.exploded-adwords .knob-large>img {
display: block;
width: 100%;
}
.exploded-adwords .knob-small {
width: 7%;
left: 56%;
top: 35.5%;
z-index: 7;
}
.exploded-adwords .knob-small>img {
display: block;
width: 100%;
}
.exploded-adwords .base {
z-index: 6;
top: 19%;
left: 3%;
width: 89%;
}
.exploded-adwords .stand {
z-index: 5;
top: 63.5%;
left: 0;
width: 79%;
}
.exploded-adwords .stand>img {
display: block;
width: 100%;
position: relative;
z-index: 2;
}
.exploded-adwords .stand .nut {
position: absolute;
z-index: 1;
width: 6.33%;
}
.exploded-adwords .stand .nut:before {
content: '';
display: block;
width: 100%;
padding-top: 375%;
}
.exploded-adwords .stand .nut>img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
display: block;
z-index: 1;
-webkit-transform: translateY(-280%);
-ms-transform: translateY(-280%);
transform: translateY(-280%);
}
.exploded-adwords .stand .nut-1 {
left: 4.5%;
top: 50%;
}
.exploded-adwords .stand .nut-2 {
left: 48%;
top: 88%;
}
.exploded-adwords .stand .dash {
position: absolute;
left: 50%;
top: 0;
height: 80%;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
.exploded-adwords .dash-1, .exploded-adwords .dash-2, .exploded-adwords .dash-3, .exploded-adwords .dash-5, .exploded-adwords .dash-6 {
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
z-index: 2;
}
.exploded-adwords .dash-1 {
top: 72%;
left: 13%;
}
.exploded-adwords .dash-2 {
top: 77%;
left: 51%;
}
.exploded-adwords .dash-3 {
top: 72%;
left: 89%;
}
.exploded-adwords .dash-4 {
top: 100%;
left: 50%;
height: 71.2%;
}
.exploded-adwords .screw-1, .exploded-adwords .screw-2 {
position: absolute;
z-index: 2;
width: 28%;
top: auto;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: translate(-310%, -48%) rotate(121deg);
-ms-transform: translate(-310%, -48%) rotate(121deg);
transform: translate(-310%, -48%) rotate(121deg);
}
.exploded-adwords .screw-1 {
width: 28%;
bottom: 9%;
left: 114%;
}
.exploded-adwords .screw-2 {
width: 65%;
bottom: -62%;
left: 200%;
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .telescope, .is-exploded .exploded-adwords .telescope {
-webkit-transform: translate(0, -10%) rotate(0) scale(1);
-ms-transform: translate(0, -10%) rotate(0) scale(1);
transform: translate(0, -10%) rotate(0) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .ring, .is-exploded .exploded-adwords .ring {
-webkit-transform: translate(0, -90%) rotate(0) scale(1);
-ms-transform: translate(0, -90%) rotate(0) scale(1);
transform: translate(0, -90%) rotate(0) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .tube, .is-exploded .exploded-adwords .tube {
-webkit-transform: translate(0, -2%) rotate(0) scale(1);
-ms-transform: translate(0, -2%) rotate(0) scale(1);
transform: translate(0, -2%) rotate(0) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .lens, .is-exploded .exploded-adwords .lens {
-webkit-transform: translate(0, 32%) rotate(0) scale(1);
-ms-transform: translate(0, 32%) rotate(0) scale(1);
transform: translate(0, 32%) rotate(0) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .stand, .is-exploded .exploded-adwords .stand {
-webkit-transform: translate(0, 30%) rotate(0) scale(1);
-ms-transform: translate(0, 30%) rotate(0) scale(1);
transform: translate(0, 30%) rotate(0) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .knob-large, .is-exploded .exploded-adwords .knob-large {
-webkit-transform: translate(95%, 52%) rotate(0) scale(1);
-ms-transform: translate(95%, 52%) rotate(0) scale(1);
transform: translate(95%, 52%) rotate(0) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .knob-small, .is-exploded .exploded-adwords .knob-small {
-webkit-transform: translate(300%, 190%) rotate(0) scale(1);
-ms-transform: translate(300%, 190%) rotate(0) scale(1);
transform: translate(300%, 190%) rotate(0) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .screw-1, .exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .screw-2, .is-exploded .exploded-adwords .screw-1, .is-exploded .exploded-adwords .screw-2 {
-webkit-transform: translate(0, 0) rotate(121deg) scale(1);
-ms-transform: translate(0, 0) rotate(121deg) scale(1);
transform: translate(0, 0) rotate(121deg) scale(1);
}
.exploded-adwords.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-adwords .stand .nut>img, .is-exploded .exploded-adwords .stand .nut>img {
-webkit-transform: translate(0, 0) rotate(0) scale(1);
-ms-transform: translate(0, 0) rotate(0) scale(1);
transform: translate(0, 0) rotate(0) scale(1);
}
.exploded-consulting {
margin: 0 auto;
max-width: 550px;
}
.exploded-consulting:before {
content: '';
display: block;
width: 100%;
/*padding-top: 118.5%*/;
}
.exploded-consulting .exploded__fallback {
display: none;
}
.exploded-consulting img, .exploded-consulting svg {
height: auto;
}
.exploded-consulting .reciever-left-wrap {
position: absolute;
left: 25.5%;
top: 18.6%;
width: 19.4%;
-webkit-transform: translate(-42.3%, 169%) rotate(0) scale(1);
-ms-transform: translate(-42.3%, 169%) rotate(0) scale(1);
transform: translate(-42.3%, 169%) rotate(0) scale(1);
}
.exploded-consulting .reciever-left-wrap .reciever-left {
width: 100%;
}
.exploded-consulting .reciever-right-wrap {
position: absolute;
left: 26.6%;
top: 8.1%;
width: 73.2%;
z-index: 6;
-webkit-transform: translate(-11.3%, 47%) rotate(0) scale(1);
-ms-transform: translate(-11.3%, 47%) rotate(0) scale(1);
transform: translate(-11.3%, 47%) rotate(0) scale(1);
}
.exploded-consulting .reciever-right-wrap .reciever-right {
width: 100%;
}
.exploded-consulting .trigger-front {
position: absolute;
left: 37.3%;
top: 30.5%;
width: 30%;
z-index: 7;
-webkit-transform: translate(0, 38.5%) rotate(0) scale(1);
-ms-transform: translate(0, 38.5%) rotate(0) scale(1);
transform: translate(0, 38.5%) rotate(0) scale(1);
}
.exploded-consulting .trigger-front>img {
display: block;
width: 100%;
position: relative;
z-index: 2;
}
.exploded-consulting .trigger-front .dash {
position: absolute;
z-index: 1;
height: 32%;
}
.exploded-consulting .trigger-front .dash-1 {
left: 4%;
top: 40%;
}
.exploded-consulting .trigger-front .dash-2 {
left: 97%;
top: 100%;
}
.exploded-consulting .trigger-rear {
position: absolute;
left: 39%;
top: 34%;
width: 38%;
z-index: 5;
-webkit-transform: translate(0, 45%) rotate(0) scale(1);
-ms-transform: translate(0, 45%) rotate(0) scale(1);
transform: translate(0, 45%) rotate(0) scale(1);
}
.exploded-consulting .trigger-rear .trigger {
position: absolute;
top: -42%;
left: 20%;
z-index: 2;
width: 79.6%;
}
.exploded-consulting .trigger-rear .trigger-base {
width: 100%;
position: relative;
z-index: 1;
-webkit-transform: translate(-4%, 4%);
-ms-transform: translate(-4%, 4%);
transform: translate(-4%, 4%);
}
.exploded-consulting .dial-wrap {
position: absolute;
left: 7.5%;
top: 49%;
z-index: 4;
width: 36%;
-webkit-transform: translate(28%, 12%) rotate(0) scale(1);
-ms-transform: translate(28%, 12%) rotate(0) scale(1);
transform: translate(28%, 12%) rotate(0) scale(1);
}
.exploded-consulting .dial-wrap .dial {
display: block;
width: 100%;
position: relative;
z-index: 2;
}
.exploded-consulting .dial-wrap .dash {
-webkit-transform: translate(0, 0) rotate(120deg) scale(0);
-ms-transform: translate(0, 0) rotate(120deg) scale(0);
transform: translate(0, 0) rotate(120deg) scale(0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
height: 26%;
position: absolute;
z-index: 1;
}
.exploded-consulting .dial-wrap .dash-1 {
left: 95%;
top: -5%;
}
.exploded-consulting .dial-wrap .dash-2 {
left: 96%;
top: 40%;
}
.exploded-consulting .dial-wrap .dash-3 {
left: 62%;
top: 69%;
}
.exploded-consulting .base {
position: absolute;
left: 1%;
top: 39.5%;
width: 86%;
z-index: 3;
}
.exploded-consulting .foot {
position: absolute;
z-index: 1;
width: 7.8%;
-webkit-transform: translate(0, -110%) rotate(0) scale(1);
-ms-transform: translate(0, -110%) rotate(0) scale(1);
transform: translate(0, -110%) rotate(0) scale(1);
}
.exploded-consulting .foot>img {
display: block;
width: 100%;
}
.exploded-consulting .foot .dash {
height: 100%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-consulting .foot .dash-1 {
left: 13%;
top: -65%;
}
.exploded-consulting .foot .dash-2 {
left: 80%;
top: -65%;
}
.exploded-consulting .foot-1 {
top: 87.7%;
left: .1%;
}
.exploded-consulting .foot-2 {
top: 107.3%;
left: 39.5%;
}
.exploded-consulting .foot-3 {
top: 88%;
left: 79.5%;
}
.exploded-consulting.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-consulting .dial-wrap .dash, .is-exploded .exploded-consulting .dial-wrap .dash {
-webkit-transform: translate(0, 0) rotate(120deg) scale(1);
-ms-transform: translate(0, 0) rotate(120deg) scale(1);
transform: translate(0, 0) rotate(120deg) scale(1);
}
.exploded-digital-advertising {
margin: 0 auto;
}
.exploded-digital-advertising:before {
content: '';
display: block;
width: 100%;
padding-top: 72.5%;
}
.exploded-digital-advertising .exploded__fallback {
display: none;
}
.exploded-digital-advertising img, .exploded-digital-advertising svg {
height: auto;
}
.exploded-digital-advertising .dash {
opacity: .5;
}
.exploded-digital-advertising .mouthpiece-wrap {
position: absolute;
left: 9.5%;
top: 8%;
width: 27.5%;
z-index: 1;
-webkit-transform: translate(23.5%, 12.5%) rotate(0) scale(1);
-ms-transform: translate(23.5%, 12.5%) rotate(0) scale(1);
transform: translate(23.5%, 12.5%) rotate(0) scale(1);
}
.exploded-digital-advertising .mouthpiece-wrap .mouthpiece {
position: relative;
width: 100%;
height: auto;
z-index: 2;
}
.exploded-digital-advertising .mouthpiece-wrap .nut {
position: absolute;
width: 12%;
}
.exploded-digital-advertising .mouthpiece-wrap .nut>img {
display: block;
width: 100%;
height: auto;
}
.exploded-digital-advertising .mouthpiece-wrap .nut .dash {
position: absolute;
left: 50%;
bottom: 100%;
top: auto;
height: 270%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-digital-advertising .mouthpiece-wrap .nut-1 {
left: -10%;
top: -20%;
-webkit-transform: translate(233%, 172%) rotate(120deg) scale(1);
-ms-transform: translate(233%, 172%) rotate(120deg) scale(1);
transform: translate(233%, 172%) rotate(120deg) scale(1);
}
.exploded-digital-advertising .mouthpiece-wrap .nut-2 {
left: -30%;
top: -10%;
-webkit-transform: translate(293%, 182%) rotate(120deg) scale(1);
-ms-transform: translate(293%, 182%) rotate(120deg) scale(1);
transform: translate(293%, 182%) rotate(120deg) scale(1);
}
.exploded-digital-advertising .mouthpiece-wrap .nut-3 {
left: -34%;
top: 13%;
-webkit-transform: translate(253%, 142%) rotate(120deg) scale(1);
-ms-transform: translate(253%, 142%) rotate(120deg) scale(1);
transform: translate(253%, 142%) rotate(120deg) scale(1);
}
.exploded-digital-advertising .handle {
position: absolute;
left: 10%;
top: 83%;
width: 40%;
height: auto;
z-index: 1;
-webkit-transform: translate(25%, -22%) rotate(0) scale(1);
-ms-transform: translate(25%, -22%) rotate(0) scale(1);
transform: translate(25%, -22%) rotate(0) scale(1);
}
.exploded-digital-advertising .amplifier-wrap {
position: absolute;
left: 28%;
top: 18%;
width: 45%;
z-index: 3;
}
.exploded-digital-advertising .amplifier-wrap .amplifier {
width: 100%;
height: auto;
}
.exploded-digital-advertising .amplifier-wrap .dash {
position: absolute;
z-index: 1;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: translate(0, 0) rotate(120deg) scale(0);
-ms-transform: translate(0, 0) rotate(120deg) scale(0);
transform: translate(0, 0) rotate(120deg) scale(0);
}
.exploded-digital-advertising .amplifier-wrap .dash-1 {
top: -10%;
left: 64%;
height: 20%;
}
.exploded-digital-advertising .amplifier-wrap .dash-2 {
top: 50%;
left: 25%;
height: 23%;
}
.exploded-digital-advertising .speaker-wrap {
position: absolute;
left: 49%;
top: 27%;
width: 39%;
z-index: 4;
-webkit-transform: translate(-32%, -14%) rotate(0) scale(1);
-ms-transform: translate(-32%, -14%) rotate(0) scale(1);
transform: translate(-32%, -14%) rotate(0) scale(1);
}
.exploded-digital-advertising .speaker-wrap .speaker {
width: 100%;
height: auto;
}
.exploded-digital-advertising .speaker-wrap .screw {
position: absolute;
width: 7%;
z-index: 1;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-digital-advertising .speaker-wrap .screw-1 {
top: 4%;
left: 110%;
-webkit-transform: translate(-314%, 0) rotate(120deg) scale(1);
-ms-transform: translate(-314%, 0) rotate(120deg) scale(1);
transform: translate(-314%, 0) rotate(120deg) scale(1);
}
.exploded-digital-advertising .speaker-wrap .screw-2 {
top: 55%;
left: 98%;
-webkit-transform: translate(-369%, -53%) rotate(120deg) scale(1);
-ms-transform: translate(-369%, -53%) rotate(120deg) scale(1);
transform: translate(-369%, -53%) rotate(120deg) scale(1);
}
.exploded-digital-advertising .speaker-wrap .screw-3 {
top: 77%;
left: 32%;
-webkit-transform: translate(-369%, -62%) rotate(120deg) scale(1);
-ms-transform: translate(-369%, -62%) rotate(120deg) scale(1);
transform: translate(-369%, -62%) rotate(120deg) scale(1);
}
.exploded-digital-advertising .tip-wrap {
position: absolute;
left: 36%;
top: 35.5%;
width: 53%;
z-index: 3;
-webkit-transform: translate(-32%, -14%) rotate(0) scale(1);
-ms-transform: translate(-32%, -14%) rotate(0) scale(1);
transform: translate(-32%, -14%) rotate(0) scale(1);
}
.exploded-digital-advertising .tip-wrap .tip {
position: relative;
z-index: 2;
width: 100%;
height: auto;
}
.exploded-digital-advertising .tip-wrap .dash {
position: absolute;
z-index: 1;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
-webkit-transform: translate(0, 0) rotate(120deg) scale(0);
-ms-transform: translate(0, 0) rotate(120deg) scale(0);
transform: translate(0, 0) rotate(120deg) scale(0);
}
.exploded-digital-advertising .tip-wrap .dash-1 {
top: 0;
left: 28%;
height: 40%;
}
.exploded-digital-advertising .tip-wrap .dash-2 {
top: 54%;
left: -2%;
height: 40%;
}
.exploded-digital-advertising.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-digital-advertising .amplifier-wrap .dash, .exploded-digital-advertising.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-digital-advertising .mouthpiece-wrap .nut, .exploded-digital-advertising.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-digital-advertising .speaker-wrap .screw, .exploded-digital-advertising.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-digital-advertising .tip-wrap .dash, .is-exploded .exploded-digital-advertising .amplifier-wrap .dash, .is-exploded .exploded-digital-advertising .mouthpiece-wrap .nut, .is-exploded .exploded-digital-advertising .speaker-wrap .screw, .is-exploded .exploded-digital-advertising .tip-wrap .dash {
-webkit-transform: translate(0, 0) rotate(120deg) scale(1);
-ms-transform: translate(0, 0) rotate(120deg) scale(1);
transform: translate(0, 0) rotate(120deg) scale(1);
}
.exploded-remarketing {
margin: 0 auto;
}
.exploded-remarketing:before {
content: '';
display: block;
width: 100%;
padding-top: 81%;
}
.exploded-remarketing .exploded__fallback {
display: none;
}
.exploded-remarketing img, .exploded-remarketing svg {
display: block;
height: auto;
}
.exploded-remarketing .dash {
opacity: .35;
}
.exploded-remarketing .notch {
position: absolute;
left: 32%;
top: 58%;
z-index: 10;
width: 2%;
height: auto;
display: block;
}
.exploded-remarketing .needle {
position: absolute;
left: 45%;
top: 30%;
z-index: 7;
display: block;
width: 47%;
-webkit-transform: translate(0, 26%);
-ms-transform: translate(0, 26%);
transform: translate(0, 26%);
}
.exploded-remarketing .dial-wrap {
position: absolute;
left: 80%;
top: 39.5%;
z-index: 6;
display: block;
width: 6%;
-webkit-transform: translateY(90%);
-ms-transform: translateY(90%);
transform: translateY(90%);
}
.exploded-remarketing .dial-wrap>.dial {
display: block;
width: 100%;
}
.exploded-remarketing .dial-wrap .dash {
position: absolute;
top: 100%;
height: 80%;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.exploded-remarketing .dial-wrap .dash-1 {
left: 0;
}
.exploded-remarketing .dial-wrap .dash-2 {
left: 100%;
margin-left: -1px;
}
.exploded-remarketing .record-wrap {
position: absolute;
left: 16.5%;
top: 0;
z-index: 4;
width: 55%;
-webkit-transform: translateY(53%);
-ms-transform: translateY(53%);
transform: translateY(53%);
}
.exploded-remarketing .record-wrap svg ellipse, .exploded-remarketing .record-wrap svg path {
stroke: #fff;
}
.exploded-remarketing .record-wrap .record {
width: 100%;
z-index: 2;
position: relative;
}
.exploded-remarketing .record-wrap>.dash {
position: absolute;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
opacity: .5;
z-index: 1;
opacity: .3;
}
.exploded-remarketing .record-wrap>.dash-1 {
left: 10%;
top: 77%;
height: 23%;
}
.exploded-remarketing .record-wrap>.dash-2 {
left: 97%;
top: 67%;
height: 21%;
}
.exploded-remarketing .record-wrap>.dash-3 {
left: 56%;
top: 100%;
height: 26%;
}
.exploded-remarketing .tip-wrap {
position: absolute;
left: 49.5%;
top: 37%;
z-index: 3;
width: 2.5%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.exploded-remarketing .tip-wrap>.tip {
display: block;
width: 100%;
}
.exploded-remarketing .tip-wrap .dash {
position: absolute;
top: 100%;
height: 80%;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
opacity: .5;
}
.exploded-remarketing .tip-wrap .dash-1 {
left: 0;
}
.exploded-remarketing .tip-wrap .dash-2 {
left: 100%;
margin-left: -1px;
}
.exploded-remarketing .plate-wrap {
position: absolute;
left: 17.5%;
top: 12%;
z-index: 3;
width: 53.9%;
-webkit-transform: translateY(24%);
-ms-transform: translateY(24%);
transform: translateY(24%);
}
.exploded-remarketing .plate-wrap>.plate {
display: block;
width: 100%;
position: relative;
z-index: 3;
}
.exploded-remarketing .plate-wrap>.dash {
position: absolute;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
opacity: .5;
z-index: 2;
}
.exploded-remarketing .plate-wrap>.dash-1 {
left: 8%;
top: 77%;
height: 17%;
}
.exploded-remarketing .plate-wrap>.dash-2 {
left: 97%;
top: 67%;
height: 13%;
}
.exploded-remarketing .plate-wrap>.dash-3 {
left: 55%;
top: 100%;
height: 19%;
}
.exploded-remarketing .base {
position: absolute;
left: 0;
top: 12.2%;
z-index: 2;
width: 100%;
}
.exploded-remarketing .foot {
position: absolute;
z-index: 1;
width: 9%;
}
.exploded-remarketing .foot .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 3;
}
.exploded-remarketing .foot .overlay .dash {
top: -37%;
height: 80%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-remarketing .foot .overlay .dash:nth-child(1) {
left: 14%;
}
.exploded-remarketing .foot .overlay .dash:nth-child(2) {
left: 80%;
}
.exploded-remarketing .foot>img {
display: block;
width: 100%;
position: relative;
z-index: 2;
}
.exploded-remarketing .foot-1 {
left: 2%;
top: 55%;
-webkit-transform: translateY(-86%);
-ms-transform: translateY(-86%);
transform: translateY(-86%);
}
.exploded-remarketing .foot-2 {
left: 51%;
top: 87%;
-webkit-transform: translateY(-52%);
-ms-transform: translateY(-52%);
transform: translateY(-52%);
}
.exploded-remarketing .foot-3 {
left: 90%;
top: 60%;
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%);
}
.exploded-remarketing .foot .nut {
z-index: 1;
}
.exploded-remarketing .foot .nut-1 {
left: 5%;
top: 50%;
}
.exploded-remarketing .foot .nut-2 {
left: 70%;
top: 50%;
}
.exploded-remarketing .screw-1, .exploded-remarketing .screw-2 {
width: 2%;
top: 33%;
}
.exploded-remarketing .screw-1 {
left: 77.5%;
z-index: 5;
}
.exploded-remarketing .screw-1 .dash {
height: 85%;
}
.exploded-remarketing .screw-2 {
left: 86.5%;
z-index: 7;
}
.exploded-remarketing .screw-2 .dash {
height: 30%;
}
.exploded-remarketing .nut {
position: absolute;
z-index: 1;
width: 20%;
}
.exploded-remarketing .nut:before {
content: '';
display: block;
width: 100%;
padding-top: 375%;
}
.exploded-remarketing .nut>img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
display: block;
z-index: 1;
-webkit-transform: translateY(-280%);
-ms-transform: translateY(-280%);
transform: translateY(-280%);
-webkit-transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
-o-transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
}
.exploded-remarketing .nut .dash {
position: absolute;
left: 50%;
top: 0;
height: 80%;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
.exploded-remarketing.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-remarketing .needle, .is-exploded .exploded-remarketing .needle {
-webkit-transform: translate(0, -10%) rotate(0) scale(1);
-ms-transform: translate(0, -10%) rotate(0) scale(1);
transform: translate(0, -10%) rotate(0) scale(1);
}
.exploded-remarketing.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-remarketing .screw-1, .is-exploded .exploded-remarketing .screw-1 {
-webkit-transform: translate(0, -30%) rotate(0) scale(1);
-ms-transform: translate(0, -30%) rotate(0) scale(1);
transform: translate(0, -30%) rotate(0) scale(1);
}
.exploded-remarketing.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-remarketing .screw-2, .is-exploded .exploded-remarketing .screw-2 {
-webkit-transform: translate(0, 30%) rotate(0) scale(1);
-ms-transform: translate(0, 30%) rotate(0) scale(1);
transform: translate(0, 30%) rotate(0) scale(1);
}
.exploded-socialadvertising {
margin: 0 auto;
}
.exploded-socialadvertising:before {
content: '';
display: block;
width: 100%;
padding-top: 72.6%;
}
.exploded-socialadvertising .exploded__fallback {
display: none;
}
.exploded-socialadvertising img, .exploded-socialadvertising svg {
display: block;
height: auto;
}
.exploded-socialadvertising .dash {
-webkit-transform: translate(0, 0) rotate(-420deg) scale(0);
-ms-transform: translate(0, 0) rotate(-420deg) scale(0);
transform: translate(0, 0) rotate(-420deg) scale(0);
}
.exploded-socialadvertising .screw .dash {
-webkit-transform: translate(0, 0) rotate(0) scale(0);
-ms-transform: translate(0, 0) rotate(0) scale(0);
transform: translate(0, 0) rotate(0) scale(0);
}
.exploded-socialadvertising .screw {
position: absolute;
width: 2.5%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
z-index: 1;
}
.exploded-socialadvertising .screw-1 {
left: 7%;
top: 33%;
-webkit-transform: translate(580%, 85%) rotate(-420deg) scale(1);
-ms-transform: translate(580%, 85%) rotate(-420deg) scale(1);
transform: translate(580%, 85%) rotate(-420deg) scale(1);
}
.exploded-socialadvertising .screw-2 {
top: 19%;
left: 15%;
-webkit-transform: translate(490%, 90%) rotate(-420deg) scale(1);
-ms-transform: translate(490%, 90%) rotate(-420deg) scale(1);
transform: translate(490%, 90%) rotate(-420deg) scale(1);
}
.exploded-socialadvertising .screw-3 {
left: 26.5%;
top: 4.5%;
-webkit-transform: translate(760%, 135%) rotate(-420deg) scale(1);
-ms-transform: translate(760%, 135%) rotate(-420deg) scale(1);
transform: translate(760%, 135%) rotate(-420deg) scale(1);
}
.exploded-socialadvertising .screw-3 .dash {
height: 125%;
}
.exploded-socialadvertising .screw-4 {
left: 34.5%;
top: -5%;
-webkit-transform: translate(670%, 110%) rotate(-420deg) scale(1);
-ms-transform: translate(670%, 110%) rotate(-420deg) scale(1);
transform: translate(670%, 110%) rotate(-420deg) scale(1);
}
.exploded-socialadvertising .screw-4 .dash {
height: 100%;
}
.exploded-socialadvertising .lens {
position: absolute;
width: 21%;
z-index: 2;
-webkit-transform: translate(38%, 25%);
-ms-transform: translate(38%, 25%);
transform: translate(38%, 25%);
}
.exploded-socialadvertising .lens-1 {
left: 14.5%;
top: 36%;
}
.exploded-socialadvertising .lens-2 {
left: 38.5%;
top: 14.5%;
}
.exploded-socialadvertising .base {
position: absolute;
left: 23%;
top: 22%;
width: 64%;
z-index: 3;
}
.exploded-socialadvertising .dial-wrap {
position: absolute;
left: 64.5%;
top: 47.5%;
width: 8%;
z-index: 4;
-webkit-transform: translate(-90%, -40%);
-ms-transform: translate(-90%, -40%);
transform: translate(-90%, -40%);
}
.exploded-socialadvertising .dial-wrap>.dial {
position: relative;
z-index: 2;
width: 100%;
}
.exploded-socialadvertising .dial-wrap .dash {
position: absolute;
z-index: 1;
height: 70%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-socialadvertising .dial-wrap .dash-1 {
left: 0;
top: 4%;
}
.exploded-socialadvertising .dial-wrap .dash-2 {
left: 65%;
top: -60%;
}
.exploded-socialadvertising .cap-wrap {
position: absolute;
z-index: 5;
width: 22%;
-webkit-transform: translate(-44%, -23%);
-ms-transform: translate(-44%, -23%);
transform: translate(-44%, -23%);
}
.exploded-socialadvertising .cap-wrap-1 {
left: 55%;
top: 67%;
}
.exploded-socialadvertising .cap-wrap-2 {
left: 78.5%;
top: 47.5%;
}
.exploded-socialadvertising .cap-wrap>.cap {
position: relative;
z-index: 2;
width: 100%;
}
.exploded-socialadvertising .cap-wrap .dash {
position: absolute;
z-index: 1;
height: 30%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-socialadvertising .cap-wrap .dash-1 {
left: -3%;
top: 34%;
}
.exploded-socialadvertising .cap-wrap .dash-2 {
left: 15%;
top: -11%;
}
.exploded-socialadvertising .cap-wrap .dash-3 {
left: 41%;
top: -26%;
}
.exploded-socialadvertising.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-socialadvertising .dash, .exploded-socialadvertising.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-socialadvertising .screw, .is-exploded .exploded-socialadvertising .dash, .is-exploded .exploded-socialadvertising .screw {
-webkit-transform: translate(0, 0) rotate(-420deg) scale(1);
-ms-transform: translate(0, 0) rotate(-420deg) scale(1);
transform: translate(0, 0) rotate(-420deg) scale(1);
}
.exploded-socialadvertising.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-socialadvertising .screw .dash, .is-exploded .exploded-socialadvertising .screw .dash {
-webkit-transform: translate(0, 0) rotate(0) scale(1);
-ms-transform: translate(0, 0) rotate(0) scale(1);
transform: translate(0, 0) rotate(0) scale(1);
}
.exploded-seo {
position: relative;
}
.exploded-seo:before {
content: '';
display: block;
width: 100%;
padding-top: 103%;
}
.exploded-seo .image__bottom, .exploded-seo .image__top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
}
.exploded-seo .image__top {
z-index: 5;
}
.exploded-seo .image__bottom {
z-index: 4;
}
.exploded-seo .nut {
z-index: 1;
display: block;
position: absolute;
width: 4%;
}
.exploded-seo .nut-1 {
left: 3%;
top: 91.3%;
}
.exploded-seo .nut-2 {
left: 41.5%;
top: 97.3%;
}
.exploded-seo .nut-3 {
left: 59.2%;
top: 90.3%;
}
.exploded-seo .hopper {
position: absolute;
left: 0;
top: 9%;
z-index: 5;
width: 100%;
height: auto;
display: block;
}
.exploded-seo .hopper>path.color {
stroke: #fff;
}
.exploded-seo .base {
position: absolute;
left: 0;
top: 51%;
z-index: 3;
width: 69.1%;
display: block;
}
.exploded-seo .dash-1 {
top: 38%;
left: 4.4%;
height: 7.5%;
}
.exploded-seo .dash-2 {
top: 18%;
left: 21.8%;
height: 8%;
}
.exploded-seo .dash-3 {
top: 24%;
left: 60%;
height: 8%;
}
.exploded-seo .dash-4 {
top: 48%;
left: 43.3%;
height: 8%;
}
.exploded-seo .dash-5 {
top: 54%;
left: 1.5%;
height: 7.5%;
}
.exploded-seo .dash-6 {
top: 54%;
left: 67%;
height: 7.5%;
}
.exploded-seo .dash-7 {
top: 82%;
left: 5%;
height: 8%;
}
.exploded-seo .dash-8 {
top: 89%;
left: 43.5%;
height: 7.5%;
}
.exploded-seo .dash-9 {
top: 82.5%;
left: 61%;
height: 7.5%;
}
.exploded-seo .dash-1, .exploded-seo .dash-2, .exploded-seo .dash-3, .exploded-seo .dash-4 {
z-index: 6;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-seo .dash-5, .exploded-seo .dash-6 {
z-index: 4;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.exploded-seo .dash-7, .exploded-seo .dash-8, .exploded-seo .dash-9 {
z-index: 2;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
.exploded-seo .screw-1 {
top: 19.6%;
left: 2%;
}
.exploded-seo .screw-2 {
top: 0;
left: 19.2%;
}
.exploded-seo .screw-3 {
top: 5.7%;
left: 57.6%;
}
.exploded-seo .screw-4 {
top: 30%;
left: 40.8%;
}
.exploded-seo .screw {
-webkit-transform: translateY(76%);
-ms-transform: translateY(76%);
transform: translateY(76%);
}
.exploded-seo .screw-2 {
-webkit-transform: translateY(81%);
-ms-transform: translateY(81%);
transform: translateY(81%);
}
.exploded-seo .image__top {
-webkit-transform: translateY(11%);
-ms-transform: translateY(11%);
transform: translateY(11%);
}
.exploded-seo .image__bottom {
-webkit-transform: translateY(-11%);
-ms-transform: translateY(-11%);
transform: translateY(-11%);
}
.exploded-seo .nut-1, .exploded-seo .nut-3 {
-webkit-transform: translateY(-280%);
-ms-transform: translateY(-280%);
transform: translateY(-280%);
}
.exploded-seo .nut-2 {
-webkit-transform: translateY(-180%);
-ms-transform: translateY(-180%);
transform: translateY(-180%);
}
.exploded-seo.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-seo .hopper>path.color, .is-exploded .exploded-seo .hopper>path.color {
stroke: #ff8901;
}
.exploded-webdesign {
margin: 0 auto;
}
.exploded-webdesign:before {
content: '';
display: block;
width: 100%;
padding-top: 76.83%;
}
.exploded-webdesign .exploded__fallback {
display: none;
}
.exploded-webdesign img, .exploded-webdesign svg {
display: block;
height: auto;
}
.exploded-webdesign .dash {
opacity: .5;
}
.exploded-webdesign .animate-stroke path {
stroke: #fff;
}
.exploded-webdesign .dash {
-webkit-transform: translate(0, 0) rotate(0) scale(0);
-ms-transform: translate(0, 0) rotate(0) scale(0);
transform: translate(0, 0) rotate(0) scale(0);
}
.exploded-webdesign .screw {
position: absolute;
width: 2.5%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
z-index: 1;
}
.exploded-webdesign .cockpit {
position: absolute;
left: 41.5%;
top: 39%;
z-index: 10;
width: 12.5%;
}
.exploded-webdesign .base {
position: absolute;
left: 10.5%;
top: 25.5%;
width: 67.5%;
z-index: 5;
}
.exploded-webdesign .wing {
position: absolute;
left: 51.5%;
top: 25.5%;
width: 21%;
z-index: 7;
}
.exploded-webdesign .tyre-wrap {
position: absolute;
}
.exploded-webdesign .tyre-wrap>.tyre {
width: 100%;
position: relative;
}
.exploded-webdesign .tyre-wrap .dash {
position: absolute;
}
.exploded-webdesign .tyre-wrap--fl {
left: 2%;
top: 42%;
width: 15%;
z-index: 2;
-webkit-transform: translate(50%, 30%);
-ms-transform: translate(50%, 30%);
transform: translate(50%, 30%);
}
.exploded-webdesign .tyre-wrap--fl>.tyre {
z-index: 2;
}
.exploded-webdesign .tyre-wrap--fl .dash {
position: absolute;
z-index: 1;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: translate(0, 0) rotate(119.5deg) scale(0);
-ms-transform: translate(0, 0) rotate(119.5deg) scale(0);
transform: translate(0, 0) rotate(119.5deg) scale(0);
}
.exploded-webdesign .tyre-wrap--fl .dash-1 {
height: 40%;
left: 100%;
top: 37%;
}
.exploded-webdesign .tyre-wrap--fl .dash-2 {
height: 48%;
left: 91%;
top: 38%;
}
.exploded-webdesign .tyre-wrap--fr {
left: 40%;
top: 71%;
width: 17%;
z-index: 6;
-webkit-transform: translate(-43%, -26%);
-ms-transform: translate(-43%, -26%);
transform: translate(-43%, -26%);
}
.exploded-webdesign .tyre-wrap--fr>.tyre {
z-index: 2;
}
.exploded-webdesign .tyre-wrap--fr>.dash {
z-index: 1;
position: absolute;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-transform: translate(0, 0) rotate(119.5deg) scale(0);
-ms-transform: translate(0, 0) rotate(119.5deg) scale(0);
transform: translate(0, 0) rotate(119.5deg) scale(0);
}
.exploded-webdesign .tyre-wrap--fr>.dash-1 {
height: 45%;
left: -3%;
top: 1%;
}
.exploded-webdesign .tyre-wrap--fr>.dash-2 {
height: 60%;
left: -3%;
top: 15%;
}
.exploded-webdesign .tyre-wrap--fr .screw {
z-index: 3;
position: absolute;
width: 14%;
-webkit-transform: translate(-380%, -47%) rotate(119.5deg) scale(1);
-ms-transform: translate(-380%, -47%) rotate(119.5deg) scale(1);
transform: translate(-380%, -47%) rotate(119.5deg) scale(1);
}
.exploded-webdesign .tyre-wrap--fr .screw-1 {
top: 10%;
left: 110%;
}
.exploded-webdesign .tyre-wrap--fr .screw-2 {
left: 99%;
top: 30%;
}
.exploded-webdesign .tyre-wrap--fr .screw .dash {
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
}
.exploded-webdesign .tyre-wrap--rl {
left: 36.5%;
top: 9.5%;
width: 14%;
z-index: 1;
-webkit-transform: translate(70%, 34%);
-ms-transform: translate(70%, 34%);
transform: translate(70%, 34%);
}
.exploded-webdesign .tyre-wrap--rl>.tyre {
z-index: 2;
}
.exploded-webdesign .tyre-wrap--rl .dash {
position: absolute;
z-index: 1;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: translate(0, 0) rotate(119.5deg) scale(0);
-ms-transform: translate(0, 0) rotate(119.5deg) scale(0);
transform: translate(0, 0) rotate(119.5deg) scale(0);
}
.exploded-webdesign .tyre-wrap--rl .dash-1 {
height: 60%;
left: 100%;
top: 14%;
}
.exploded-webdesign .tyre-wrap--rl .dash-2 {
height: 58%;
left: 90%;
top: 25%;
}
.exploded-webdesign .tyre-wrap--rr {
left: 82%;
top: 43.5%;
width: 13.5%;
z-index: 6;
-webkit-transform: translate(-56%, -33%);
-ms-transform: translate(-56%, -33%);
transform: translate(-56%, -33%);
}
.exploded-webdesign .tyre-wrap--rr>.tyre {
z-index: 2;
}
.exploded-webdesign .tyre-wrap--rr>.dash {
z-index: 1;
position: absolute;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-transform: translate(0, 0) rotate(119.5deg) scale(0);
-ms-transform: translate(0, 0) rotate(119.5deg) scale(0);
transform: translate(0, 0) rotate(119.5deg) scale(0);
}
.exploded-webdesign .tyre-wrap--rr>.dash-1 {
height: 65%;
left: 7%;
top: 4%;
}
.exploded-webdesign .tyre-wrap--rr>.dash-2 {
height: 70%;
left: 0;
top: 22%;
}
.exploded-webdesign .tyre-wrap--rr .screw {
z-index: 3;
position: absolute;
width: 18%;
-webkit-transform: translate(-380%, -47%) rotate(119.5deg) scale(1);
-ms-transform: translate(-380%, -47%) rotate(119.5deg) scale(1);
transform: translate(-380%, -47%) rotate(119.5deg) scale(1);
}
.exploded-webdesign .tyre-wrap--rr .screw-1 {
top: 10%;
left: 110%;
}
.exploded-webdesign .tyre-wrap--rr .screw-2 {
left: 99%;
top: 30%;
}
.exploded-webdesign .tyre-wrap--rr .screw .dash {
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
}
.exploded-webdesign .spoiler-wrap {
position: absolute;
}
.exploded-webdesign .spoiler-wrap>.spoiler {
display: block;
position: relative;
z-index: 2;
width: 100%;
}
.exploded-webdesign .spoiler-wrap .dash {
position: absolute;
z-index: 1;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
.exploded-webdesign .spoiler-wrap--front {
width: 21.5%;
left: 57.5%;
top: 1.2%;
z-index: 8;
-webkit-transform: translate(0, 30%);
-ms-transform: translate(0, 30%);
transform: translate(0, 30%);
}
.exploded-webdesign .spoiler-wrap--front .dash-1 {
height: 15%;
left: 63%;
top: 98%;
}
.exploded-webdesign .spoiler-wrap--front .dash-2 {
height: 25%;
left: 94%;
top: 70%;
}
.exploded-webdesign .spoiler-wrap--rear {
width: 8.2%;
left: 56.3%;
top: 0;
z-index: 4;
-webkit-transform: translate(0, 44%);
-ms-transform: translate(0, 44%);
transform: translate(0, 44%);
}
.exploded-webdesign .spoiler-wrap--rear .dash-1 {
height: 26%;
left: 4%;
top: 100%;
}
.exploded-webdesign .spoiler-wrap--rear .dash-2 {
height: 38%;
left: 88%;
top: 74%;
}
.exploded-webdesign .front-wrap {
position: absolute;
left: 0;
top: 66%;
width: 31%;
z-index: 1;
-webkit-transform: translate(0, -18%);
-ms-transform: translate(0, -18%);
transform: translate(0, -18%);
}
.exploded-webdesign .front-wrap>.front {
position: relative;
z-index: 1;
width: 100%;
}
.exploded-webdesign .front-wrap .dash {
position: absolute;
z-index: 2;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
}
.exploded-webdesign .front-wrap .dash-1 {
top: 42%;
left: 36%;
height: 10%;
}
.exploded-webdesign .front-wrap .dash-2 {
top: 49%;
left: 53.5%;
height: 12%;
}
.exploded-webdesign.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-webdesign .tyre-wrap>.dash, .exploded-webdesign.is-revealed .slick-slide.slick-current:not(.is-exploded) .exploded-webdesign .tyre-wrap>.screw, .is-exploded .exploded-webdesign .tyre-wrap>.dash, .is-exploded .exploded-webdesign .tyre-wrap>.screw {
-webkit-transform: translate(0, 0) rotate(119.5deg) scale(1);
-ms-transform: translate(0, 0) rotate(119.5deg) scale(1);
transform: translate(0, 0) rotate(119.5deg) scale(1);
}
.cms-block-content:after {
content: '';
clear: both;
display: table;
}
.cms-block-content p:first-child {
font-size: 18px;
line-height: 1.5;
color: #fff;
}
.cms-block-content--emphasised-first-item>:first-child {
font-size: 18px;
}
.cms-block-content+.buttons {
margin-top: 20px;
}
.cms-block-content .wp-caption[class*=align] img {
margin-bottom: 0;
}
.cms-block-content .wp-caption-text {
font-size: 12px;
border-bottom: 1px solid #303030;
padding: 15px 0;
color: rgba(255, 255, 255, .55);
margin-top: 0;
}
.cms-block-content .wp-caption-text strong {
margin-right: 10px;
color: rgba(000, 000, 000, .85);
}
.cms-block-content .aligncenter, .cms-block-content .alignnone {
clear: both;
width: auto;
height: auto;
max-width: 100%;
margin-top: 50px;
margin-bottom: 50px;
clear: both;
}
.cms-block-content .aligncenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.cms-block-content .aligncenter .wp-caption-text {
margin-left: auto;
margin-right: auto;
}
.cms-block-content img.aligncenter {
margin-left: auto!important;
margin-right: auto!important;
}
.cms-block-content .aligncenter img, .cms-block-content .alignleft img, .cms-block-content .alignnone img, .cms-block-content .alignright img {
margin-bottom: 13px;
}
.cms-block-content img {
max-width: 100%;
width: auto;
height: auto;
display: block;
}
.cms-block-content a {
color: #ff8901;
text-decoration: underline;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.cms-block-content a:hover {
opacity: .65;
text-decoration: underline;
}
.cms-block-content h3, .cms-block-content h4, .cms-block-content h5, .cms-block-content h6 {
font-weight: 800;
letter-spacing: normal;
}
.cms-block-content h2 {
font-size: 20px;
}
.cms-block-content h3 {
font-size: 18px;
}
.cms-block-content h4 {
font-size: 16px;
}
.cms-block-content h5 {
font-size: 14px;
text-transform: uppercase;
}
.cms-block-content h6 {
font-size: 12px;
text-transform: uppercase;
}
.cms-block-content blockquote {
font-size: 16px;
padding-left: 30px;
margin: 0;
padding-top: 14px;
padding-bottom: 8px;
border-left: 7px solid #ff8901;
}
.cms-block-content *+.cms-block--gallery, .cms-block-content *+.twitter-tweet, .cms-block-content *+.wp-video, .cms-block-content *+blockquote, .cms-block-content *+h2, .cms-block-content *+h3, .cms-block-content *+h4, .cms-block-content *+h5, .cms-block-content *+h6, .cms-block-content *+img, .cms-block-content *+ol, .cms-block-content *+p, .cms-block-content *+ul:not(.slick-dots) {
margin-top: 20px;
}
.cms-block-content h1+.cms-block--gallery, .cms-block-content h1+.twitter-tweet, .cms-block-content h1+.wp-video, .cms-block-content h1+blockquote, .cms-block-content h1+img, .cms-block-content h1+ol, .cms-block-content h1+p, .cms-block-content h1+ul:not(.slick-dots), .cms-block-content h2+.cms-block--gallery, .cms-block-content h2+.twitter-tweet, .cms-block-content h2+.wp-video, .cms-block-content h2+blockquote, .cms-block-content h2+img, .cms-block-content h2+ol, .cms-block-content h2+p, .cms-block-content h2+ul:not(.slick-dots), .cms-block-content h3+.cms-block--gallery, .cms-block-content h3+.twitter-tweet, .cms-block-content h3+.wp-video, .cms-block-content h3+blockquote, .cms-block-content h3+img, .cms-block-content h3+ol, .cms-block-content h3+p, .cms-block-content h3+ul:not(.slick-dots), .cms-block-content h4+.cms-block--gallery, .cms-block-content h4+.twitter-tweet, .cms-block-content h4+.wp-video, .cms-block-content h4+blockquote, .cms-block-content h4+img, .cms-block-content h4+ol, .cms-block-content h4+p, .cms-block-content h4+ul:not(.slick-dots), .cms-block-content h5+.cms-block--gallery, .cms-block-content h5+.twitter-tweet, .cms-block-content h5+.wp-video, .cms-block-content h5+blockquote, .cms-block-content h5+img, .cms-block-content h5+ol, .cms-block-content h5+p, .cms-block-content h5+ul:not(.slick-dots), .cms-block-content h6+.cms-block--gallery, .cms-block-content h6+.twitter-tweet, .cms-block-content h6+.wp-video, .cms-block-content h6+blockquote, .cms-block-content h6+img, .cms-block-content h6+ol, .cms-block-content h6+p, .cms-block-content h6+ul:not(.slick-dots) {
margin-top: 10px;
}
.cms-block-content *+ol>li>ol, .cms-block-content *+ul:not(.slick-dots)>li>ul {
margin-top: 10px;
}
.cms-block-content *+ol>li>ol, .cms-block-content *+ol>li>ol:last-child, .cms-block-content *+ul:not(.slick-dots)>li>ul, .cms-block-content *+ul:not(.slick-dots)>li>ul:last-child {
margin-bottom: 10px;
}
.cms-block-content :last-child {
margin-bottom: 0;
}
.cms-block-content hr {
border: 0;
padding: 0;
margin: 0;
display: block;
height: 2px;
width: 100%;
position: relative;
clear: both;
margin-top: 30px;
margin-bottom: 30px;
}
.cms-block-content hr:after, .cms-block-content hr:before {
content: '';
width: 100%;
display: block;
position: absolute;
left: 50%;
top: 0;
height: 2px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.cms-block-content hr:before {
background-color: #303030;
opacity: .1;
max-width: 500px;
}
.cms-block-content hr:after {
background-color: #ff8901;
max-width: 100px;
}
.cms-block-content ul:not(.slick-dots) {
list-style: none;
margin: 0;
padding: 0;
}
.cms-block-content ul:not(.slick-dots)>li {
position: relative;
padding-left: 20px;
}
.cms-block-content ul:not(.slick-dots)>li+li {
margin-top: 5px;
}
.cms-block-content ul:not(.slick-dots)>li:before {
content: '';
position: absolute;
top: 7px;
left: 0;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent rgba(255, 255, 255, .85);
}
.cms-block-content ul:not(.slick-dots)>li>ol>li, .cms-block-content ul:not(.slick-dots)>li>ul>li {
padding-left: 20px;
}
.cms-block-content ul:not(.slick-dots)>li>ol>li:before, .cms-block-content ul:not(.slick-dots)>li>ul>li:before {
content: '';
position: absolute;
top: 7px;
left: 0;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent rgba(255, 255, 255, .85);
}
.cms-block-content ul:not(.slick-dots)>li>ol>li:after, .cms-block-content ul:not(.slick-dots)>li>ul>li:after {
content: '';
position: absolute;
top: 9px;
left: 1px;
z-index: 2;
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 4px;
border-color: transparent transparent transparent #111;
}
.cms-block-content ol {
font-weight: 800;
padding-left: 16px;
}
.cms-block-content ol>li {
padding-left: 10px;
}
.cms-block-content ol>li:not(:last-child) {
margin-bottom: 10px;
}
.iframe-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cms-block--gallery a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #231f20;
}
.cms-block--gallery a img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.cms-block--gallery p, .cms-block--gallery p:first-child {
font-size: inherit!important;
color: currentColor!important;
}
.cms-block--gallery .caption {
color: rgba(255, 255, 255, .55);
font-size: 1.6rem;
text-align: center;
margin: 20px 0;
}
.cms-block--gallery .slick-arrow {
padding: 0;
}
.cms-block--gallery .slick-next, .cms-block--gallery .slick-prev {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
display: block;
background-color: #111;
color: #231f20;
z-index: 10;
border-radius: 50%;
margin-top: -20px;
padding: 0;
border: 1px solid #303030;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cms-block--gallery .slick-next.slick-disabled, .cms-block--gallery .slick-prev.slick-disabled {
display: none!important;
}
.cms-block--gallery .slick-next svg, .cms-block--gallery .slick-prev svg {
width: 13px;
height: auto;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.cms-block--gallery .slick-next svg>*, .cms-block--gallery .slick-prev svg>* {
fill: #ff8901;
}
.cms-block--gallery .slick-prev {
left: -20px;
}
.cms-block--gallery .slick-prev.on_press svg, html:not(.mobile):not(.tablet) .cms-block--gallery .slick-prev:hover svg {
-webkit-transform: translateX(-2px);
-ms-transform: translateX(-2px);
transform: translateX(-2px);
}
.cms-block--gallery .slick-next {
right: -20px;
}
.cms-block--gallery .slick-next.on_press svg, html:not(.mobile):not(.tablet) .cms-block--gallery .slick-next:hover svg {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
.cms-block--gallery .slick-dots {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cms-block--gallery .slick-dots li:not(:last-child) {
margin-right: 10px;
}
.cms-block--gallery .slick-dots button {
pointer-events: all;
padding: 0;
width: 10px;
height: 10px;
display: block;
background-color: #fff;
}
.cms-block--gallery .slick-dots li:not(.slick-active) button {
cursor: pointer;
}
.cms-block--gallery .slick-dots li.slick-active button {
background-color: #ff8901;
}
.cms-block-preview {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.cms-block-preview+.cms-block-preview {
margin-top: 30px;
}
.cms-block-preview .thumb {
display: block;
min-width: 142px;
margin-right: 30px;
max-width: 142px;
}
.cms-block-preview .thumb>img {
display: block;
margin: 0;
width: 100%;
height: auto;
border: 1px solid #303030;
}
.cms-block-preview .content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cms-block-preview .title {
font-size: 16px;
margin-bottom: 20px;
}
.tab-content {
display: none;
}
.tab-content.is-active {
display: flex;
}
.botmForm {
padding: 50px 0 60px 0;
background: #fff;
}
.page-contact .botmForm {
display: none;
}
.botmForm .gform_wrapper {
max-width: 70%;
}
.botmForm .gform_wrapper ul li.gfield:not(.gfield_html) .gfield_label {
display: none;
}
.botmForm .gform_wrapper ul li.gfield:not(.gfield_html) {
padding-left: 0;
position: relative;
}
.botmForm .gform_wrapper .gform_fields>li+li {
margin-top: 25px;
width: 46%;
display: inline-block;
margin-right: 20px;
}
.botmForm .gform_wrapper .gform_fields>li+li.full {
width: 95%;
margin-right: 0;
}
.footer-main__locations address a {
display: inherit;
}
.conterSection {
margin-bottom: 50px;
}
.conterSection h2 {
font-size: calc(48px + 12 * (100vw - 480px)/ 1320);
text-align: center;
margin-bottom: 20px;
}
.conterSection .countnew {
height: 100px;
border-bottom: solid 1px #212121;
margin: 36px 0px;
padding: 0px 30px;
}
.conterSection .countnew img {
display: inline-block;
vertical-align: top;
}
.conterSection .countnew p {
font-size: 24px;
display: inline-block;
vertical-align: top;
margin: 0 0 0px 10px;
}
.conterSection .countnew p span {
display: block;
font-size: 16px;
}
.conterSection .countnew.full {
height: 200px;
margin: 40px 0px;
border-right: solid 1px #212121;
padding: 10px 0 0;
text-align: center;
}
.conterSection .countnew.full img {
display: block;
margin: 10px auto;
}
.conterSection .countnew.full.sec {
border-left: solid 1px #212121;
border-bottom: 0px;
}
.conterSection .col-md-3 {
padding-right: 0;
padding-left: 0;
}
.borbtm {
border-bottom: 0px !important;
}
/*=====================Css-Start===============================*/
.main-hw-sec {
padding: 30px 0 80px 0;
background: #111;
}
.main-hw-sec .row {
height: 340px;
}
.main-hw-sec .row.mr_tp {
margin: 100px 0 0 0;
}
.main-hw-sec .hw-content h2 {
font-size: 32px;
padding: 0px 0px 30px 0;
line-height: 1.2;
}
.main-hw-sec .hw-img img {
position: initial!important;
}
.main-hw-sec.section-sidebyside:not(.section-sidebyside--google) img {
clip: unset !important;
width: auto;
height: 350px;
position: initial !important;
}
.page-how .hero-home {
background-size: cover !important;
text-align: center;
}
.main-hwitwks-sec {
padding: 70px 0;
text-align: center;
background-color: #111;
}
.howitworks_heading h2 {
font-size: 40px;
padding: 0 0 20px 0;
}
.hme-btn {
margin: 30px 0 0 0;
}
.thankyoupge footer {
margin: 50px 0 0 0;
}
.accordion .card-header.collapsed:after {
font-family: 'icomoon' !important;
content: "\e955" !important;
float: right;
color: #ff8901;
font-size: 20px;
}
.accordion .card-header:after {
content: "\e956";
font-family: 'icomoon' !important;
font-size: 20px;
color: #ff8901;
float: right;
}
.accordion .card-header {
cursor: pointer;
}
.card-header.collapsed .card-title {
color: #fff !important;
font-size: 20px;
font-weight: bold;
font-size: 18px;
}
.card-title:hover {
opacity: 1;
}
.card-header .card-title {
color: #ff8901 !important;
font-size: 20px;
font-weight: bold;
font-size: 18px;
}
.accordion p {
color: #ffffff !important;
font-size: 16px;
line-height: 20px;
font-weight: 500;
margin: 0px;
padding: 0px 20px 25px 20px;
}
.card {
background-color: transparent;
}
.card-title strong {
color: #ff8901;
padding-right: 15px;
}
.accordion {
border: 1px solid #303030;
border-radius: 5px !important;
}
.card-header {
border-top: 1px solid #303030;
padding: 1.75rem 1.25rem;
}
.card-header.no-border {
border-top: 1px solid transparent;
}
/*=====================Css-End===============================*/
.main-pricing-block .mytabbing-links {
border-radius: 30px;
display: table;
margin: 0 auto;
}
.main-pricing-block .mytabbing-links li {
display: inline-block;
padding-left: 0;
margin-bottom: 0;
font-size: 16px;
padding: 10px 20px;
border-radius: 30px;
width: 210px;
cursor: pointer;
text-align: center;
}
.main-pricing-block .mytabbing-links li:before {
display: none;
}
.main-pricing-block .mytabbing-links li.current {
color: #000;
}
.main-pricing-block .mytabs {
display: none;
}
.main-pricing-block .mytabs.current {
display: inline-block;
width: 100%;
}
.main-pricing-block .mytabs {
display: none;
}
.main-pricing-block .mytabs.current {
display: inline-block;
width: 100%;
}
.portfoliolist {
text-align: center;
margin-bottom: 0px;
}
.border-box-effect img {
width: 475px;
}
div.web-portfolio-ul .mytabbing-links li {
width: 230px !important;
margin: 0;
font-weight: 600;
opacity: 0.6;
}
div.web-portfolio-ul .mytabbing-links li svg {
display: none;
}
.main-pricing-block .mytabbing-links li.current {
opacity: 1;
color: #fff;
}
.main-pricing-block .mytabbing-links li.current svg {
/*display: block;*/
display: table;
margin: auto;
}
.main-pricing-block.web-portfolio-ul .mytabbing-links {
/* width: 92%; */
text-align: center;
margin: 20px auto;
}
.border-box-effect {
position: relative;
padding: 20px;
display: inline-block;
width: 33%;
}
.border-box-effect a {
opacity: 1 !important;
}
.border-box-effect:before, .border-box-effect:after {
width: calc(100% - 22px);
height: calc(100% - 22px);
z-index: 3;
content: '';
position: absolute;
top: 10px;
left: 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
z-index: 1;
}
.border-box-effect:hover:before, .border-box-effect:hover:after {
-webkit-transform: scale(1);
transform: scale(1);
}
.border-box-effect > * {
position: relative;
display: block;
}
.border-box-effect > * {
position: relative;
display: block;
}
.border-box-effect > *.new-anim:after {
content: "+";
font-family: 'ingicdesign';
color: #fb2224;
font-size: 50px;
}
.border-box-effect > *:before {
background: rgba(0, 0, 0, 0.2);
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
display: none;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.border-box-effect > *:after {
content: "+";
font-size: 74px;
color: #ffffff;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 40px;
height: 40px;
line-height: 36px;
z-index: 2;
font-weight: 200;
display: none;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.border-box-effect > *:hover:before, .border-box-effect > *:hover:after {
display: block;
}
.animtabbox .border-box-effect > *:after {
content: "";
background: url(../images/play-icon.png);
width: 40px;
height: 40px;
background-size: cover;
}
.border-box-effect figure {
margin-bottom: 0px;
}
.border-box-effect img {
width: 100%;
}
.pricing-plans {
margin-bottom: 75px;
}
.img-service {
width: 400px;
max-width: 400px;
}
.img-service1 {
margin-top: 55px;
}
.img-service2 {
margin-top: 120px;
}
.widget-brands .slick-arrow {
display: none;
}
@media screen and (max-width:1366px) {
}
@media screen and (min-width:320px) {
.hero-home__statement .title {
font-size: calc(5px + 50 * (100vw - 320px)/ 1480);
text-transform: uppercase;
}
}
@media screen and (min-width: 480px) {
body {
font-size: calc(14px + 4 * (100vw - 480px)/ 1320);
}
.text-fineprint {
font-size: calc(12px + 2 * (100vw - 480px)/ 1320);
}
.gform_text .title {
font-size: calc(22px + 8 * (100vw - 480px)/ 1320);
}
.accordion .accordion__panel, .accordion .accordion__trigger {
padding-left: calc(40px + 40 * (100vw - 480px)/ 1320);
}
.accordion .accordion__panel, .accordion .accordion__trigger {
padding-right: calc(40px + 40 * (100vw - 480px)/ 1320);
}
.accordion .accordion__trigger {
padding-top: calc(15px + 15 * (100vw - 480px)/ 1320);
}
.accordion .accordion__trigger {
padding-bottom: calc(15px + 15 * (100vw - 480px)/ 1320);
}
.accordion .accordion__trigger .icon--chevron-up, .accordion .accordion__trigger:before {
width: calc(40px + 40 * (100vw - 480px)/ 1320);
}
.accordion .accordion__panel {
padding-bottom: calc(25px + 40 * (100vw - 480px)/ 1320);
}
.award svg {
margin-bottom: calc(20px + 15 * (100vw - 480px)/ 1320);
}
.award .title {
font-size: calc(16px + 7 * (100vw - 480px)/ 1320);
}
.award .title {
margin-bottom: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.decorative-mosaic .grid {
grid-column-gap: calc(10px + 20 * (100vw - 480px)/ 1320);
}
.decorative-mosaic .grid {
grid-row-gap: calc(10px + 20 * (100vw - 480px)/ 1320);
}
.form-walled {
padding-top: calc(20px + 60 * (100vw - 480px)/ 1320);
}
.form-walled {
padding-bottom: calc(20px + 60 * (100vw - 480px)/ 1320);
}
.form-walled {
padding-left: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.form-walled {
padding-right: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.form-walled .title {
font-size: calc(18px + 10 * (100vw - 480px)/ 1320);
}
.form-walled .title {
margin-bottom: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.form-walled .btn, .form-walled .gform_wrapper .gform_button, .form-walled .text-fineprint, .gform_wrapper .form-walled .gform_button {
margin-top: calc(10px + 20 * (100vw - 480px)/ 1320);
}
.quote-statement blockquote {
font-size: calc(14px + 12 * (100vw - 480px)/ 1320);
}
.quote-statement blockquote {
line-height: calc(22px + 22 * (100vw - 480px)/ 1320);
}
.quote-statement blockquote {
padding-top: calc(15px + 20 * (100vw - 480px)/ 1320);
}
.quote-statement blockquote {
padding-bottom: calc(15px + 20 * (100vw - 480px)/ 1320);
}
.quote-statement figcaption {
font-size: calc(12px + 4 * (100vw - 480px)/ 1320);
}
.quote-statement__mark {
width: calc(94px + 94 * (100vw - 480px)/ 1320);
}
.quote-statement__mark {
height: calc(70px + 70 * (100vw - 480px)/ 1320);
}
.quote-statement__mark {
margin-left: calc(-47px + -47 * (100vw - 480px)/ 1320);
}
.quote-statement__mark {
margin-top: calc(-35px + -35 * (100vw - 480px)/ 1320);
}
.resource__content {
padding: calc(20px + 10 * (100vw - 480px)/ 1320);
}
.resource__title {
font-size: calc(16px + 4 * (100vw - 480px)/ 1320);
}
.resource__text {
font-size: calc(13px + 3 * (100vw - 480px)/ 1320);
}
.resource__text {
line-height: calc(18px + 8 * (100vw - 480px)/ 1320);
}
.resource__text {
margin-bottom: calc(10px + 20 * (100vw - 480px)/ 1320);
}
.resource__more {
font-size: calc(13px + 3 * (100vw - 480px)/ 1320);
}
.specialty__title {
font-size: calc(16px + 7 * (100vw - 480px)/ 1320);
}
.value .title {
font-size: calc(18px + 10 * (100vw - 480px)/ 1320);
}
.widget-brands>li {
padding-left: calc(8px + 22 * (100vw - 480px)/ 1320);
}
.widget-brands>li {
padding-right: calc(8px + 22 * (100vw - 480px)/ 1320);
}
.widget-brands>li {
min-width: calc(132px + 78 * (100vw - 480px)/ 1320);
}
.widget-brands>li:focus {
outline: none;
}
.widget-brands>li:first-child {
margin-left: calc(-8px + -22 * (100vw - 480px)/ 1320);
}
.widget-brands__item {
font-size: calc(12px + 2 * (100vw - 480px)/ 1320);
}
.widget-newsletter .title {
font-size: calc(18px + 32 * (100vw - 480px)/ 1320);
}
.widget-newsletter .title {
margin-bottom: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.widget-newsletter__inner {
padding-top: calc(30px + 40 * (100vw - 480px)/ 1320);
}
.widget-newsletter__inner {
padding-bottom: calc(30px + 60 * (100vw - 480px)/ 1320);
}
.work__content {
padding: calc(20px + 10 * (100vw - 480px)/ 1320);
}
.work__title {
font-size: calc(16px + 14 * (100vw - 480px)/ 1320);
}
.work__text {
font-size: calc(13px + 3 * (100vw - 480px)/ 1320);
}
.work__text {
line-height: calc(18px + 8 * (100vw - 480px)/ 1320);
}
.work__text {
margin-bottom: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.page-home .section-brightestminds {
margin-bottom: 50px;
margin-top: 50px;
}
.page-home .section-services {
margin-bottom: calc(100px + 90 * (100vw - 480px)/ 1320);
}
.page-home .quote-statement {
margin-bottom: 100px;
}
.page-home .quote-statement:focus {
outline: none;
}
.slick-initialized .slick-slide:focus {
outline: none;
}
.testimonial-slider .slick-prev.slick-arrow {
font-size: 0;
}
.testimonial-slider .slick-prev.slick-arrow:before {
background: #191818 url(../images/prevbutton.svg);
content: "";
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: inherit;
background-position: center;
left: 0px;
top: -100px;
position: absolute;
border: 1px solid #303030;
padding: 10px;
border-radius: 20px;
}
.testimonial-slider .slick-next.slick-arrow {
font-size: 0;
}
.testimonial-slider .slick-next.slick-arrow:before {
background: #191818 url(../images/nextbutton.svg);
content: "";
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: inherit;
background-position: center;
right: 0px;
top: -100px;
position: absolute;
border: 1px solid #303030;
padding: 10px;
border-radius: 20px;
}
.testimonial-slider1 .slick-prev.slick-arrow {
font-size: 0;
}
.testimonial-slider1 .slick-prev.slick-arrow:before {
background: #191818 url(../images/prevbutton.svg);
content: "";
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: inherit;
background-position: center;
left: 0px;
top: -100px;
position: absolute;
border: 1px solid #303030;
padding: 10px;
border-radius: 20px;
z-index: 88;
}
.testimonial-slider1 .slick-next.slick-arrow {
font-size: 0;
}
.testimonial-slider1 .slick-next.slick-arrow:before {
background: #191818 url(../images/nextbutton.svg);
content: "";
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: inherit;
background-position: center;
right: 0px;
top: -100px;
position: absolute;
border: 1px solid #303030;
padding: 10px;
border-radius: 20px;
}
.testimonial-slider1 .stat__inner {
padding-top: 10px;
}
.testimonials img {
padding: 0;
margin: 0;
width: 70%;
float: right;
}
.page-home .section-cs {
margin-bottom: 125px;
}
.page-home .cta-letstalk {
margin-bottom: 75px;
}
.page-about .hero-internal .container, .page-about .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-about .hero-internal .container, .page-about .hero-internal .widget-brands {
padding-bottom: calc(100px + 35 * (100vw - 480px)/ 1320);
}
.page-about .hero-internal__content {
max-width: calc(480px + 240 * (100vw - 480px)/ 1320);
}
.page-about .content-main {
padding-top: calc(50px + 90 * (100vw - 480px)/ 1320);
}
.page-about .section-sidebyside+.bg-black {
margin-top: calc(75px + 75 * (100vw - 480px)/ 1320);
}
.page-about .section-values {
margin-top: calc(75px + 105 * (100vw - 480px)/ 1320);
}
.page-about .section-values__overflow+.container--wide {
margin-top: calc(75px + 125 * (100vw - 480px)/ 1320);
}
.page-about .section-values__overflow+.container--wide {
margin-bottom: calc(75px + 125 * (100vw - 480px)/ 1320);
}
.page-about .section-values__list {
margin-top: calc(40px + 40 * (100vw - 480px)/ 1320);
}
.page-about .bg-black>.section-sidebyside--google {
margin-top: calc(75px + 135 * (100vw - 480px)/ 1320);
}
.page-about .bg-black>.section-sidebyside--google {
margin-bottom: calc(100px + 215 * (100vw - 480px)/ 1320);
}
.page-about .section-awards {
margin-bottom: 40px;
}
.page-about .cta-brightestminds {
padding-top: calc(40px + 110 * (100vw - 480px)/ 1320);
}
.page-about .cta-brightestminds {
padding-bottom: calc(40px + 110 * (100vw - 480px)/ 1320);
}
.page-about .cta-letstalk {
margin-bottom: 40px;
margin-top: 40px;
}
.page-approach .hero-internal .container, .page-approach .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-approach .hero-internal .container, .page-approach .hero-internal .widget-brands {
padding-bottom: calc(100px + 110 * (100vw - 480px)/ 1320);
}
.page-approach .hero-internal__content {
max-width: calc(480px + 350 * (100vw - 480px)/ 1320);
}
.page-approach .cta-letstalk {
margin-top: 40px;
}
.page-approach .cta-letstalk {
margin-bottom: 40px;
padding-top: 60px;
}
.page-solutions .hero-internal .container, .page-solutions .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-solutions .hero-internal .container, .page-solutions .hero-internal .widget-brands {
padding-bottom: calc(40px + 170 * (100vw - 480px)/ 1320);
}
.page-solutions .hero-internal__content {
max-width: calc(480px + 240 * (100vw - 480px)/ 1320);
}
.page-solutions .cta-letstalk {
margin-top: calc(100px + 110 * (100vw - 480px)/ 1320);
}
.page-solutions .cta-letstalk {
margin-bottom: calc(40px + 110 * (100vw - 480px)/ 1320);
}
.page-work .hero-internal .container, .page-work .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-work .hero-internal .container, .page-work .hero-internal .widget-brands {
padding-bottom: calc(40px + 30 * (100vw - 480px)/ 1320);
}
.page-work .hero-internal__content {
max-width: calc(480px + 240 * (100vw - 480px)/ 1320);
}
.page-work .section-work {
margin-bottom: calc(75px + 105 * (100vw - 480px)/ 1320);
}
.page-work .filter {
margin-bottom: calc(20px + 60 * (100vw - 480px)/ 1320);
}
.page-work .pagination {
margin-top: calc(20px + 45 * (100vw - 480px)/ 1320);
}
.page-work .cta-letstalk {
margin-bottom: 40px;
}
.page-work .cta-more {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.page-resources .hero-internal .container, .page-resources .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-resources .hero-internal .container, .page-resources .hero-internal .widget-brands {
padding-bottom: calc(40px + 30 * (100vw - 480px)/ 1320);
}
.page-resources .hero-internal__content {
max-width: calc(480px + 240 * (100vw - 480px)/ 1320);
}
.page-resources .filter {
margin-bottom: calc(20px + 60 * (100vw - 480px)/ 1320);
}
.page-resources .section-resources {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.page-resources .pagination {
margin-top: calc(40px + 35 * (100vw - 480px)/ 1320);
}
.page-team .hero-internal .container, .page-team .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-team .hero-internal .container, .page-team .hero-internal .widget-brands {
padding-bottom: calc(40px + 60 * (100vw - 480px)/ 1320);
}
.page-team .hero-internal__content {
max-width: calc(480px + 320 * (100vw - 480px)/ 1320);
}
.page-team .section-values {
margin-bottom: calc(20px + 60 * (100vw - 480px)/ 1320);
}
.page-team .section-team {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.page-team .filter {
margin-bottom: calc(20px + 60 * (100vw - 480px)/ 1320);
}
.page-quote .hero-internal .container, .page-quote .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-quote .hero-internal__content {
max-width: calc(480px + 350 * (100vw - 480px)/ 1320);
}
.page-quote .section-quote {
margin-bottom: calc(40px + 170 * (100vw - 480px)/ 1320);
}
.page-contact .section-contact {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.page-contact .section-contact {
margin-bottom: calc(40px + 95 * (100vw - 480px)/ 1320);
}
.error404 .hero-internal .container, .error404 .hero-internal .widget-brands, .page-standard .hero-internal .container, .page-standard .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.error404 .hero-internal .container, .error404 .hero-internal .widget-brands, .page-standard .hero-internal .container, .page-standard .hero-internal .widget-brands {
margin-bottom: calc(40px + 60 * (100vw - 480px)/ 1320);
}
.error404 .cms-block-content, .page-standard .cms-block-content {
margin-bottom: calc(100px + 35 * (100vw - 480px)/ 1320);
}
.single-solution .hero-solution .container, .single-solution .hero-solution .widget-brands {
padding-top: calc(120px + 40 * (100vw - 480px)/ 1320);
}
.single-solution .hero-solution .container, .single-solution .hero-solution .widget-brands {
padding-bottom: calc(120px + 40 * (100vw - 480px)/ 1320);
}
.single-solution .bg-black {
padding-top: 40px;
}
.single-solution .bg-black {
padding-bottom: 40px;
}
.single-solution .bg-black {
margin-bottom: 40px;
}
.single-solution .section-cs {
margin-bottom: calc(75px + 135 * (100vw - 480px)/ 1320);
}
.single-solution .section-cs.casestudyfold {
margin-bottom: 60px;
}
.single-solution .content-main>.section-textblock:last-child {
margin-bottom: calc(40px + 60 * (100vw - 480px)/ 1320);
}
.single-solution .section-textblock--large {
margin-top: calc(75px + 135 * (100vw - 480px)/ 1320);
}
.single-solution .section-textblock--large {
margin-bottom: calc(75px + 75 * (100vw - 480px)/ 1320);
}
.single-solution .section-specialty {
margin-bottom: 0px;
}
.mobapp-section.section-specialty {
margin-top: 180px;
}
.single-solution .section-industries {
margin-bottom: calc(75px + 100 * (100vw - 480px)/ 1320);
}
.single-solution .section-faq {
margin-bottom: calc(75px + 100 * (100vw - 480px)/ 1320);
}
.single-solution .cta-letstalk {
margin-bottom: 40px;
}
.single-work .hero-internal .container, .single-work .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.single-work .hero-internal .container, .single-work .hero-internal .widget-brands {
padding-bottom: calc(100px + 110 * (100vw - 480px)/ 1320);
}
.single-work .hero-internal__content {
margin-bottom: calc(40px + 30 * (100vw - 480px)/ 1320);
}
.single-work .quote-statement {
margin-top: calc(75px + 75 * (100vw - 480px)/ 1320);
}
.single-work .quote-statement {
margin-bottom: calc(75px + 75 * (100vw - 480px)/ 1320);
}
.single-work .cta-letstalk {
margin-top: calc(75px + 175 * (100vw - 480px)/ 1320);
}
.single-work .cta-letstalk {
margin-bottom: calc(100px + 60 * (100vw - 480px)/ 1320);
}
.single-work .cta-more {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.single-resource .hero-internal .container, .single-resource .hero-internal .widget-brands, .single-resource--walled .hero-internal .container, .single-resource--walled .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.single-resource .hero-internal .container, .single-resource .hero-internal .widget-brands, .single-resource--walled .hero-internal .container, .single-resource--walled .hero-internal .widget-brands {
padding-bottom: calc(100px + 110 * (100vw - 480px)/ 1320);
}
.single-resource .hero-internal__content, .single-resource--walled .hero-internal__content {
max-width: calc(480px + 240 * (100vw - 480px)/ 1320);
}
.single-resource .hero-internal__content, .single-resource--walled .hero-internal__content {
margin-bottom: calc(40px + 30 * (100vw - 480px)/ 1320);
}
.single-resource .content-main .share, .single-resource--walled .content-main .share {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.single-resource .cta-letstalk, .single-resource--walled .cta-letstalk {
margin-top: calc(75px + 175 * (100vw - 480px)/ 1320);
}
.single-resource .cta-letstalk, .single-resource--walled .cta-letstalk {
margin-bottom: calc(100px + 60 * (100vw - 480px)/ 1320);
}
.single-resource .cta-newsletter, .single-resource--walled .cta-newsletter {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.single-resource .cms-block-content, .single-resource .cms-block-preview:last-child, .single-resource--walled .cms-block-content, .single-resource--walled .cms-block-preview:last-child {
margin-bottom: calc(40px + 50 * (100vw - 480px)/ 1320);
}
.single-resource--walled .hero-internal__title {
font-size: calc(40px + 32 * (100vw - 480px)/ 1320);
}
.single-hiring .hero-internal .container, .single-hiring .hero-internal .widget-brands {
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.single-hiring .hero-internal .container, .single-hiring .hero-internal .widget-brands {
padding-bottom: calc(100px + 130 * (100vw - 480px)/ 1320);
}
.single-hiring .hero-internal__content {
max-width: calc(480px + 240 * (100vw - 480px)/ 1320);
}
.single-hiring .decorative-landscape, .single-hiring .decorative-mosaic, .single-hiring .section-positions, .single-hiring .section-values {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.footer-main {
font-size: calc(12px + 3 * (100vw - 480px)/ 1320);
}
.footer-main>.container, .footer-main>.widget-brands {
padding-top: calc(40px + 45 * (100vw - 480px)/ 1320);
}
.footer-main>.container, .footer-main>.widget-brands {
padding-bottom: calc(40px + 25 * (100vw - 480px)/ 1320);
}
.footer-main__learn {
margin-bottom: calc(35px + 50 * (100vw - 480px)/ 1320);
}
.footer-main__learn .footer-main__resource {
padding-top: calc(20px + 15 * (100vw - 480px)/ 1320);
}
.footer-main__learn .footer-main__resource {
padding-bottom: calc(20px + 15 * (100vw - 480px)/ 1320);
}
.footer-main__learn .footer-main__resource {
padding-left: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.footer-main__learn .footer-main__resource {
padding-right: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.footer-main__communication {
margin-bottom: calc(50px + 80 * (100vw - 480px)/ 1320);
}
.footer-sitemap .container, .footer-sitemap .widget-brands {
padding-top: calc(40px + 50 * (100vw - 480px)/ 1320);
}
.footer-sitemap .container, .footer-sitemap .widget-brands {
padding-bottom: calc(40px + 50 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__wrap {
padding-top: calc(40px + 205 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__wrap {
padding-bottom: calc(40px + 205 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__title {
font-size: calc(40px + 40 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__title {
margin-bottom: calc(10px + 30 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__intro {
margin-bottom: calc(10px + 50 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__intro .link {
font-size: calc(16px + 10 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__intro svg {
width: calc(40px + 57 * (100vw - 480px)/ 1320);
}
.cta-brightestminds__content {
font-size: calc(16px + 4 * (100vw - 480px)/ 1320);
}
.cta-letstalk {
font-size: calc(14px + 6 * (100vw - 480px)/ 1320);
}
.cta-letstalk .title {
font-size: calc(48px + 12 * (100vw - 480px)/ 1320);
}
.cta-letstalk .title {
margin-bottom: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.cta-letstalk .buttons {
padding-top: calc(30px + 20 * (100vw - 480px)/ 1320);
}
.cta-letstalk .buttons {
padding-bottom: calc(20px + 30 * (100vw - 480px)/ 1320);
}
.cta-more__title {
font-size: calc(28px + 22 * (100vw - 480px)/ 1320);
}
.cta-more__title {
margin-bottom: calc(40px + 40 * (100vw - 480px)/ 1320);
}
.hero-home__clients .title {
font-size: calc(14px + 4 * (100vw - 480px)/ 1320);
}
.hero-internal__title {
font-size: calc(40px + 46 * (100vw - 480px)/ 1320);
}
.hero-internal__title {
margin-bottom: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.hero-internal .work__tags {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.hero-internal .work__tags {
font-size: calc(14px + 2 * (100vw - 480px)/ 1320);
}
.hero-internal__video>.inner .icon {
font-size: calc(50px + 30 * (100vw - 480px)/ 1320);
}
.hero-internal__video>.inner .icon {
margin-top: calc(-25px + -15 * (100vw - 480px)/ 1320);
}
.hero-solution__intro {
margin-bottom: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.hero-solution__title.title {
font-size: calc(40px + 46 * (100vw - 480px)/ 1320);
}
.hero-solution__title.title {
margin-bottom: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.hero-solution__subtitle.title {
font-size: calc(18px + 10 * (100vw - 480px)/ 1320);
}
.section-awards__intro {
margin-bottom: calc(40px + 80 * (100vw - 480px)/ 1320);
}
.section-awards__intro .title {
font-size: calc(24px + 36 * (100vw - 480px)/ 1320);
}
.section-awards__intro .title {
margin-bottom: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.section-awards__intro .content {
max-width: calc(400px + 400 * (100vw - 480px)/ 1320);
}
.section-awards__list>li {
margin-bottom: calc(40px + 50 * (100vw - 480px)/ 1320);
}
.section-awards__list>li {
font-size: calc(14px + 2 * (100vw - 480px)/ 1320);
}
.section-brightestminds__intro .title {
font-size: calc(20px + 72 * (100vw - 480px)/ 1320);
}
.section-brightestminds__intro .content {
margin-top: calc(25px + 25 * (100vw - 480px)/ 1320);
}
.section-brightestminds__intro .content {
margin-bottom: calc(25px + 35 * (100vw - 480px)/ 1320);
}
.section-brightestminds__video>.inner .icon {
font-size: calc(50px + 30 * (100vw - 480px)/ 1320);
}
.section-brightestminds__video>.inner .icon {
margin-top: calc(-25px + -15 * (100vw - 480px)/ 1320);
}
.section-brightestminds__stats .title {
font-size: calc(14px + 8 * (100vw - 480px)/ 1320);
}
.section-brightestminds__stats .list>li {
min-height: calc(40px + 30 * (100vw - 480px)/ 1320);
}
.section-brightestminds__stats .list>li {
padding-left: calc(60px + 40 * (100vw - 480px)/ 1320);
}
.section-brightestminds__stats .list>li:not(:last-child) {
margin-bottom: calc(15px + 20 * (100vw - 480px)/ 1320);
}
.section-brightestminds__stats .icon {
width: calc(40px + 30 * (100vw - 480px)/ 1320);
}
.section-brightestminds__stats .icon {
height: calc(40px + 30 * (100vw - 480px)/ 1320);
}
.section-brightestminds__stats .text {
padding-top: calc(0px + 8 * (100vw - 480px)/ 1320);
}
.section-contact__intro {
margin-bottom: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.section-contact__intro>.title {
font-size: calc(40px + 46 * (100vw - 480px)/ 1320);
}
.section-contact__intro>.title {
margin-bottom: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.section-contact__intro ul {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-contact__locations {
margin-bottom: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.section-contact__locations>.title {
font-size: calc(22px + 8 * (100vw - 480px)/ 1320);
}
.section-contact__locations>.title {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-contact__locations ul {
margin-left: calc(-20px + -40 * (100vw - 480px)/ 1320);
}
.section-contact__locations ul {
margin-bottom: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.section-contact__locations ul>li {
padding-left: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.section-contact__locations ul>li {
margin-bottom: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.section-contact__locations ul .title {
font-size: calc(14px + 6 * (100vw - 480px)/ 1320);
}
.section-contact__locations ul .title {
margin-bottom: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.section-contact__social .title {
font-size: calc(22px + 8 * (100vw - 480px)/ 1320);
}
.section-contact__social .title {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-contact__social ul {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-contact__form {
padding-top: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-contact__form {
padding-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-contact__form {
padding-left: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.section-contact__form {
padding-right: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.section-contact__form>.title {
font-size: calc(22px + 8 * (100vw - 480px)/ 1320);
}
.section-contact__form>.title {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-cs__controls .pager-item {
font-size: calc(14px + 2 * (100vw - 480px)/ 1320);
}
.section-cs__intro .title {
font-size: calc(48px + 72 * (100vw - 480px)/ 1320);
}
.section-cs__excerpt .title {
font-size: calc(30px + 16 * (100vw - 480px)/ 1320);
}
.section-cs__stats li.stat:not(:last-child) {
margin-bottom: calc(35px + 25 * (100vw - 480px)/ 1320);
}
.section-cs__stats li.stat__inner .text {
font-size: calc(32px + 13 * (100vw - 480px)/ 1320);
}
.section-cs__stats li.stat__inner .arrow {
height: calc(30px + 10 * (100vw - 480px)/ 1320);
}
.section-cs__stats li.stat__text {
font-size: calc(14px + 2 * (100vw - 480px)/ 1320);
}
.section-faq__title {
font-size: calc(24px + 26 * (100vw - 480px)/ 1320);
}
.section-faq__title {
margin-bottom: calc(20px + 60 * (100vw - 480px)/ 1320);
}
.section-positions__intro {
margin-bottom: calc(40px + 40 * (100vw - 480px)/ 1320);
}
.section-positions__intro .title {
font-size: calc(24px + 36 * (100vw - 480px)/ 1320);
}
.section-positions__intro .title {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-positions__intro .text--large {
font-size: calc(14px + 11 * (100vw - 480px)/ 1320);
}
.gform_wrapper .section-positions__form .gform_button, .section-positions__form .btn, .section-positions__form .gform_wrapper .gform_button {
margin-top: calc(10px + 20 * (100vw - 480px)/ 1320);
}
.gform_wrapper .section-positions__form .gform_button, .section-positions__form .btn, .section-positions__form .gform_wrapper .gform_button {
margin-bottom: calc(10px + 20 * (100vw - 480px)/ 1320);
}
.section-services__intro .title {
font-size: calc(24px + 72 * (100vw - 480px)/ 1320);
}
.section-services__intro .title {
margin-bottom: calc(20px + 15 * (100vw - 480px)/ 1320);
}
.section-sidebyside+.bg-black, .section-sidebyside+.section-sidebyside {
margin-top: 40px;
}
.section-sidebyside .title {
font-size: calc(28px + 22 * (100vw - 480px)/ 1320);
}
.section-sidebyside .title {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-sidebyside .buttons {
margin-top: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-sidebyside .grid {
margin-left: calc(-20px + -20 * (100vw - 480px)/ 1320);
}
.section-sidebyside .grid__col {
padding-left: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-solution+.section-solution {
margin-top: calc(75px + 75 * (100vw - 480px)/ 1320);
}
.section-solution .title {
font-size: calc(28px + 22 * (100vw - 480px)/ 1320);
}
.section-solution .title {
margin-bottom: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-solution .buttons {
margin-top: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-solution .grid {
margin-left: calc(-20px + -20 * (100vw - 480px)/ 1320);
}
.section-solution .grid__col {
padding-left: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-specialty__title {
font-size: calc(24px + 36 * (100vw - 480px)/ 1320);
}
.section-specialty__title {
margin-bottom: calc(20px + 80 * (100vw - 480px)/ 1320);
}
.section-specialty__list {
margin-left: calc(-10px + -50 * (100vw - 480px)/ 1320);
}
.section-specialty__list>li {
padding-left: calc(10px + 50 * (100vw - 480px)/ 1320);
}
.section-specialty__list>li {
margin-bottom: calc(10px + 50 * (100vw - 480px)/ 1320);
}
.section-team .section-team__item .overlay .experience, .section-team .section-team__item .overlay .position {
font-size: calc(13px + 3 * (100vw - 480px)/ 1320);
}
.section-team .section-team__item .stat__inner {
margin-bottom: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.section-team .section-team__item .stat__inner .arrow {
height: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-team .section-team__item .stat__inner .text {
font-size: calc(16px + 29 * (100vw - 480px)/ 1320);
}
.section-team .section-team__item .stat p {
font-size: calc(13px + 3 * (100vw - 480px)/ 1320);
}
.section-team .grid:not(.grid-fancy) {
margin-left: calc(-10px + -10 * (100vw - 480px)/ 1320);
}
.section-team .grid:not(.grid-fancy) {
margin-bottom: calc(-10px + -10 * (100vw - 480px)/ 1320);
}
.section-team .grid:not(.grid-fancy)>.grid__col {
padding-left: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.section-team .grid:not(.grid-fancy)>.grid__col {
margin-bottom: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.section-team .grid:not(.grid-fancy) .staff-item .overlay .title {
font-size: calc(18px + 10 * (100vw - 480px)/ 1320);
}
.section-team .grid-fancy {
grid-column-gap: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.section-team .grid-fancy {
grid-row-gap: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.section-textblock--large {
font-size: calc(16px + 9 * (100vw - 480px)/ 1320);
}
.section-values__title {
font-size: calc(20px + 20 * (100vw - 480px)/ 1320);
}
.section-values__footer {
max-width: calc(280px + 420 * (100vw - 480px)/ 1320);
}
.section-values--stats .value .title {
font-size: calc(18px + 42 * (100vw - 480px)/ 1320);
}
.cms-block-content p:first-child {
font-size: calc(18px + 4 * (100vw - 480px)/ 1320);
}
.cms-block-content--emphasised-first-item>:first-child {
font-size: calc(18px + 4 * (100vw - 480px)/ 1320);
}
.cms-block-content+.buttons {
margin-top: calc(20px + 40 * (100vw - 480px)/ 1320);
}
.cms-block-content .wp-caption-text {
font-size: calc(12px + 2 * (100vw - 480px)/ 1320);
}
.cms-block-content h2 {
font-size: calc(20px + 12 * (100vw - 480px)/ 1320);
}
.cms-block-content h3 {
font-size: calc(18px + 4 * (100vw - 480px)/ 1320);
}
.cms-block-content h4 {
font-size: calc(16px + 4 * (100vw - 480px)/ 1320);
}
.cms-block-content h5 {
font-size: calc(14px + 2 * (100vw - 480px)/ 1320);
}
.cms-block-content h6 {
font-size: calc(12px + 2 * (100vw - 480px)/ 1320);
}
.cms-block-content blockquote {
font-size: calc(16px + 10 * (100vw - 480px)/ 1320);
}
.cms-block-content blockquote {
padding-left: calc(30px + 30 * (100vw - 480px)/ 1320);
}
.cms-block-content *+.cms-block--gallery, .cms-block-content *+.twitter-tweet, .cms-block-content *+.wp-video, .cms-block-content *+blockquote, .cms-block-content *+h2, .cms-block-content *+h3, .cms-block-content *+h4, .cms-block-content *+h5, .cms-block-content *+h6, .cms-block-content *+img, .cms-block-content *+ol, .cms-block-content *+p, .cms-block-content *+ul:not(.slick-dots) {
margin-top: calc(20px + 10 * (100vw - 480px)/ 1320);
}
.cms-block-content h1+.cms-block--gallery, .cms-block-content h1+.twitter-tweet, .cms-block-content h1+.wp-video, .cms-block-content h1+blockquote, .cms-block-content h1+img, .cms-block-content h1+ol, .cms-block-content h1+p, .cms-block-content h1+ul:not(.slick-dots), .cms-block-content h2+.cms-block--gallery, .cms-block-content h2+.twitter-tweet, .cms-block-content h2+.wp-video, .cms-block-content h2+blockquote, .cms-block-content h2+img, .cms-block-content h2+ol, .cms-block-content h2+p, .cms-block-content h2+ul:not(.slick-dots), .cms-block-content h3+.cms-block--gallery, .cms-block-content h3+.twitter-tweet, .cms-block-content h3+.wp-video, .cms-block-content h3+blockquote, .cms-block-content h3+img, .cms-block-content h3+ol, .cms-block-content h3+p, .cms-block-content h3+ul:not(.slick-dots), .cms-block-content h4+.cms-block--gallery, .cms-block-content h4+.twitter-tweet, .cms-block-content h4+.wp-video, .cms-block-content h4+blockquote, .cms-block-content h4+img, .cms-block-content h4+ol, .cms-block-content h4+p, .cms-block-content h4+ul:not(.slick-dots), .cms-block-content h5+.cms-block--gallery, .cms-block-content h5+.twitter-tweet, .cms-block-content h5+.wp-video, .cms-block-content h5+blockquote, .cms-block-content h5+img, .cms-block-content h5+ol, .cms-block-content h5+p, .cms-block-content h5+ul:not(.slick-dots), .cms-block-content h6+.cms-block--gallery, .cms-block-content h6+.twitter-tweet, .cms-block-content h6+.wp-video, .cms-block-content h6+blockquote, .cms-block-content h6+img, .cms-block-content h6+ol, .cms-block-content h6+p, .cms-block-content h6+ul:not(.slick-dots) {
margin-top: calc(10px + 10 * (100vw - 480px)/ 1320);
}
.cms-block-content hr {
margin-top: calc(30px + 60 * (100vw - 480px)/ 1320);
}
.cms-block-content hr {
margin-bottom: calc(30px + 60 * (100vw - 480px)/ 1320);
}
.cms-block-content ul:not(.slick-dots)>li:before {
top: calc(7px + 2 * (100vw - 480px)/ 1320);
}
.cms-block-content ul:not(.slick-dots)>li>ol>li:before, .cms-block-content ul:not(.slick-dots)>li>ul>li:before {
top: calc(7px + 2 * (100vw - 480px)/ 1320);
}
.cms-block-content ul:not(.slick-dots)>li>ol>li:after, .cms-block-content ul:not(.slick-dots)>li>ul>li:after {
top: calc(9px + 2 * (100vw - 480px)/ 1320);
}
.cms-block-preview {
font-size: calc(14px + 2 * (100vw - 480px)/ 1320);
}
.cms-block-preview .title {
font-size: calc(16px + 6 * (100vw - 480px)/ 1320);
}
}
@media (min-width:480px) {
.gform_wrapper .gform_fineprint {
padding-left: 0;
}
.gform_wrapper ul li.gfield:not(.gfield_html) {
padding-left: 150px;
position: relative;
}
.gform_wrapper ul li.gfield:not(.gfield_html) .gfield_label {
position: absolute;
left: 0;
top: 15px;
width: 150px;
}
.gform_wrapper .ginput_container.ginput_container_checkbox {
padding-top: 15px;
}
}
@media screen and (min-width:481px) {
.hero-home__bg canvas {
left: calc(0px + 150 * (100vw - 481px)/ 286);
}
.section-cs__video {
margin-top: calc(50px + 50 * (100vw - 481px)/ 1319);
}
.section-cs__slide {
margin-bottom: calc(50px + 50 * (100vw - 481px)/ 1319);
}
}
@media (min-width:481px) {
.section-awards__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-positions__form .grid__col {
width: 50%;
}
.section-positions__form .grid__col--full {
width: 100%;
}
}
@media (min-width:500px) {
.hero-internal__stats {
font-size: 1.6rem;
}
.hero-internal__stats>li {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.hero-internal__stats .stat.has-arrow {
min-width: 170px;
}
.hero-internal__stats .stat__inner .text {
font-size: 4.5rem;
}
.hero-internal__stats .stat svg {
width: auto;
height: 36px;
}
}
@media (min-width:520px) {
.section-values__list .slick-slide:not(.slick-active) {
-webkit-transform: translateX(-65px);
-ms-transform: translateX(-65px);
transform: translateX(-65px);
}
.section-values__list .slick-slide.slick-active~.slick-slide:not(.slick-active) {
-webkit-transform: translateX(65px);
-ms-transform: translateX(65px);
transform: translateX(65px);
}
}
@media (min-width:767px) {
input[type=text], textarea {
font-size: 1.4rem;
}
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
font-size: 1.4rem;
}
}
@media screen and (min-width:767px) {
.hero-home__bg canvas {
left: 150px;
}
}
@media (min-width:768px) {
.decorative-landscape img {
display: none;
}
.decorative-landscape .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
max-height: 720px;
}
.decorative-landscape .bg:before {
content: '';
display: block;
width: 100%;
padding-top: 42%;
}
.filter {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.filter>li {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
.filter>li.is-active .filter-item {
color: #fff;
font-weight: 800;
}
.filter>li.is-active .filter-item svg {
opacity: 1;
visibility: visible;
}
.filter>li.is-active .filter-item:focus, .filter>li.is-active .filter-item:hover {
color: #ff8901;
}
.filter-item {
cursor: pointer;
display: block;
color: rgba(255, 255, 255, .55);
position: relative;
-webkit-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
padding: 10px;
line-height: 1;
white-space: nowrap;
font-size: 1.6rem;
}
.filter-item svg {
position: absolute;
left: 50%;
top: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: auto;
max-width: 125%;
min-width: 50px;
height: 12px;
opacity: 0;
pointer-events: none;
visibility: hidden;
min-height: 12px;
}
.filter-item:focus, .filter-item:hover {
color: #fff;
text-decoration: none;
opacity: 1;
}
.newsletter__hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px!important;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
}
.resource>a.on_press .resource__content, html:not(.mobile):not(.tablet) .resource>a:hover .resource__content {
-webkit-transform: translateY(-78px);
-ms-transform: translateY(-78px);
transform: translateY(-78px);
}
.work>a.on_press .logo, html:not(.mobile):not(.tablet) .work>a:hover .logo {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.work>a.on_press .work__bg, html:not(.mobile):not(.tablet) .work>a:hover .work__bg {
-webkit-transform: translateY(-39px);
-ms-transform: translateY(-39px);
transform: translateY(-39px);
}
.work>a.on_press .work__content, html:not(.mobile):not(.tablet) .work>a:hover .work__content {
-webkit-transform: translateY(-78px);
-ms-transform: translateY(-78px);
transform: translateY(-78px);
}
.work.has-logo>a.on_press .work__bg:after, html:not(.mobile):not(.tablet) .work.has-logo>a:hover .work__bg:after {
opacity: 1;
}
.footer-main__communication .newsletter .message {
position: absolute;
left: 0;
top: 100%;
}
.cta-letstalk .buttons {
margin-left: -20px;
}
.cta-letstalk .buttons>.button {
width: 50%;
padding-left: 20px;
}
.cta-letstalk .buttons .btn, .cta-letstalk .buttons .gform_wrapper .gform_button, .gform_wrapper .cta-letstalk .buttons .gform_button {
width: 100%;
height: 100%;
}
.hero-home__bg canvas {
position: absolute;
width: auto!important;
height: 90vh!important;
min-height: 800px;
left: 50vw;
top: 50%;
-webkit-transform: translate(-35%, -45%);
-ms-transform: translate(-35%, -45%);
transform: translate(-35%, -45%);
}
.hero-home__statement {
display: table;
}
.hero-home__statement .inner {
display: table-cell;
vertical-align: middle;
height: 750px;
}
.hero-home__statement .container, .hero-home__statement .widget-brands {
padding-top: 0;
padding-bottom: 0;
/* display: table-cell; */
/* vertical-align: middle; */
/* height: 100vh; */;
}
.single-work .hero-internal__content, .single-work .hero-internal__stats-controls, .single-work .hero-internal__title {
position: relative;
z-index: 2;
}
.single-work .hero-internal+.content-main .section-sidexside .grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-cs__intro {
margin-bottom: 130px;
}
.section-cs__bg {
background-repeat: no-repeat;
background-position: center bottom;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: block;
}
.section-cs__bg>img {
display: none;
}
.section-cs__slide>.grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: relative;
z-index: 2;
}
.section-cs__slide>.grid>.grid__col {
width: 33.3333%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.section-cs__slide>.grid>.grid__col:nth-child(1) {
max-width: 400px;
}
.section-cs__slide>.grid>.grid__col:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-cs__slide>.grid>.grid__col:nth-child(3) {
max-width: 300px;
}
.section-cs__video .thumb {
position: absolute;
left: 0;
top: 50%;
width: 180px;
height: 100px;
margin-top: -50px;
}
.section-cs__video .content {
padding-left: 200px;
}
.section-sidebyside.is-breakout .container, .section-sidebyside.is-breakout .widget-brands {
position: static;
}
.section-sidebyside.is-breakout .image {
position: absolute!important;
top: 0;
width: 50vw;
}
.section-sidebyside.is-breakout.is-odd .image {
left: 0;
}
.section-sidebyside.is-breakout.is-even .image {
right: 0;
}
.section-sidebyside.is-full .grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-sidebyside.is-full .grid__col {
width: 100%;
max-width: 100%;
text-align: center;
}
.section-sidebyside.is-full .content {
margin: 0 auto;
}
.section-sidebyside.is-full .image {
display: block;
width: 100%;
}
.section-sidebyside.is-full .image .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
max-height: 560px;
}
.section-sidebyside.is-full .image .bg:before {
content: '';
display: block;
width: 100%;
padding-top: 40%;
}
.section-sidebyside:not(.section-sidebyside--google) img {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px!important;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
}
.section-sidebyside--google .grid__col--secondary {
position: relative;
}
.section-sidebyside--google .image {
padding-left: 80px;
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (min-width:768px) {
.hero-home__bg canvas {
margin-left: calc(-200px + 200 * (100vw - 768px)/ 512);
}
.hero-internal__video>.supporting-text {
margin-top: calc(10px + 15 * (100vw - 768px)/ 1032);
}
.section-brightestminds__video>.supporting-text {
margin-top: calc(10px + 15 * (100vw - 768px)/ 1032);
}
.section-sidebyside.is-full .grid__col--primary {
margin-bottom: calc(58px + 62 * (100vw - 768px)/ 1032);
}
.section-sidebyside.is-full .content {
max-width: calc(572px + 258 * (100vw - 768px)/ 1032);
}
}
@media (min-width:769px) {
.gform_wrapper .ginput_container_checkbox .gfield_checkbox>li:nth-child(odd) {
width: 29%;
}
.gform_wrapper .ginput_container_checkbox .gfield_checkbox>li:nth-child(even) {
width: 21%;
}
.gform_wrapper .ginput_container_checkbox .gfield_checkbox>li:nth-child(odd) {
width: 58%;
}
.gform_wrapper .ginput_container_checkbox .gfield_checkbox>li:nth-child(even) {
width: 42%;
}
.cms-block-content .alignleft, .cms-block-content .alignright {
max-width: 100%;
width: auto;
height: auto;
}
.cms-block-content .alignleft {
float: left;
margin-top: 50px;
margin-bottom: 50px;
margin-right: 70px;
}
.cms-block-content .alignright {
float: right;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 70px;
}
}
@media (min-width:960px) {
.hamburger {
display: none;
}
.share--resource .share__title {
font-size: 1.4rem;
}
.grid--walled {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: -40px;
width: auto;
}
.grid--walled .hero-internal__title {
margin-left: 0;
margin-right: 0;
text-align: left;
}
.grid--walled>.grid__col {
width: 50%;
padding-left: 40px;
}
.grid--walled>.grid__col:first-child {
width: 52.778%;
}
.grid--walled>.grid__col:last-child {
width: 47.222%;
}
.grid--walled .form-walled {
position: absolute;
right: 0;
top: 0;
width: calc(47.222% - 40px);
}
.grid--walled .cms-block-content, .grid--walled .hero-internal__meta {
max-width: 640px;
}
.header-main {
height: auto;
top: -20px;
-webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
-o-transition: transform .2s cubic-bezier(.165, .84, .44, 1);
transition: transform .2s cubic-bezier(.165, .84, .44, 1);
transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
-webkit-transform: translate(0, 30px);
-ms-transform: translate(0, 30px);
transform: translate(0, 30px);
}
.header-main__inner {
/* padding-top: 10px; */
padding-bottom: 10px;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
padding: 20px 40px 0;
}
body.is-headerScroll .header-main {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
body.is-headerScroll.is-enquiryOpen .header-main {
-webkit-transform: translate(-670px, 0);
-ms-transform: translate(-670px, 0);
transform: translate(-670px, 0);
}
body.is-enquiryOpen .header-main {
-webkit-transform: translate(-670px, 30px);
-ms-transform: translate(-670px, 30px);
transform: translate(-670px, 30px);
}
body.is-enquiryOpen .header-main .header-main__inner {
opacity: .35;
pointer-events: none;
}
.header-mobile {
display: none;
}
.container--outer, .enquiry {
-webkit-transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
transition: -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
-o-transition: transform .2s cubic-bezier(.165, .84, .44, 1);
transition: transform .2s cubic-bezier(.165, .84, .44, 1);
transition: transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
}
body.is-enquiryOpen {
overflow: hidden;
}
body.is-enquiryOpen .container--outer, body.is-enquiryOpen .enquiry {
-webkit-transform: translateX(-670px);
-ms-transform: translateX(-670px);
transform: translateX(-670px);
}
body.is-enquiryOpen .enquiry__overlay {
opacity: 1;
visibility: visible;
}
.single-work .hero-internal .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-work .hero-internal .grid>.grid-item {
width: 50%;
}
.single-work .hero-internal .grid>.grid-item:nth-child(1) .hero-internal__video {
display: none;
}
.hero-internal__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.4rem;
}
.hero-internal__meta .avatar-wrap, .hero-internal__meta .share__title, .hero-internal__meta .tag-wrap {
font-size: 1.4rem;
}
.hero-internal__meta .avatar-wrap, .hero-internal__meta .tag-wrap {
position: absolute;
top: 50%;
z-index: 2;
}
.hero-internal__meta .avatar-wrap {
left: 0;
margin-top: -20px;
}
.hero-internal__meta .tag-wrap {
right: 0;
margin-top: -10px;
}
.hero-internal__meta .share.share--resource {
margin: 0 auto;
}
.hero-solution__wrap {
display: table;
width: 100%;
}
.hero-solution__wrap>div {
display: table-cell;
width: 50%;
vertical-align: middle;
}
.hero-solution__content {
padding-top: 40px;
padding-bottom: 40px;
padding-right: 20px;
vertical-align: middle;
}
.hero-solution__image {
vertical-align: top;
padding-left: 20px;
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}
.section-brightestminds__intro .content {
padding-left: 30px;
}
.section-brightestminds .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
width: auto;
}
.section-brightestminds .grid__col {
width: 50%;
max-width: 50%;
}
.section-brightestminds__intro .title br {
display: none;
}
.section-brightestminds__stats {
padding-right: 40px;
}
.section-brightestminds__stats .title {
margin-top: -60px;
}
.section-brightestminds__stats .list {
max-width: 500px;
}
}
@media screen and (min-width:960px) {
.header-main nav>ul>li {
margin-left: calc(10px + 15 * (100vw - 960px)/ 290);
}
.header-main nav>ul>li {
margin-right: calc(5px + 5 * (100vw - 960px)/ 290);
}
.header-main nav>ul>li a {
font-size: 16px;
}
.header-main nav>ul .phone {
padding-left: calc(16px + 9 * (100vw - 960px)/ 290);
}
.gform_wrapper .header-main nav>ul .js-enquiryToggle.gform_button, .header-main nav>ul .btn.js-enquiryToggle, .header-main nav>ul .gform_wrapper .js-enquiryToggle.gform_button {
width: calc(140px + 40 * (100vw - 960px)/ 290);
}
.footer-main__locations {
margin-bottom: calc(40px + 95 * (100vw - 960px)/ 840);
}
.single-work .hero-internal .grid>.grid-item:nth-child(1) {
padding-right: calc(50px + 100 * (100vw - 960px)/ 840);
}
.section-brightestminds__intro .title .line-1 {
margin-left: calc(-50px + -70 * (100vw - 960px)/ 386);
}
.section-brightestminds__intro .title .line-2 {
margin-left: calc(12px + -32 * (100vw - 960px)/ 386);
}
.section-sidebyside.is-odd .grid__col--primary>.inner {
padding-left: calc(20px + 60 * (100vw - 960px)/ 840);
}
.section-sidebyside.is-even .grid__col--primary>.inner {
padding-right: calc(20px + 60 * (100vw - 960px)/ 840);
}
.section-solution.is-odd .grid__col--primary>.inner {
padding-left: calc(20px + 60 * (100vw - 960px)/ 840);
}
.section-solution.is-even .grid__col--primary>.inner {
padding-right: calc(20px + 60 * (100vw - 960px)/ 840);
}
}
@media screen and (min-width:961px) {
.section-team .section-team__item .overlay {
padding: calc(20px + 20 * (100vw - 961px)/ 839);
}
.genpadding {
padding-top: 60px;
padding-bottom: 60px;
}
.footer-main__locations {
margin-bottom: 40px;
}
.footer-main__locations ul.footer-loc-second {
margin-top: 40px;
}
}
@media (min-width:1024px) {
.widget-brands__item>:not(.logo) {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
opacity: .14;
}
.section-cs__controls ul>li {
width: 25%;
}
.section-services__image {
position: absolute;
left: 50%;
margin-left: -250px;
}
.section-services__content {
text-align: right;
max-width: 330px;
}
.section-services__slider {
position: relative;
}
.section-services__slider .slick-list {
z-index: 1;
}
.section-services__slide {
min-height: 820px;
}
.section-services__slide:after {
content: '';
display: table;
clear: both;
}
.section-services .accordion__panel {
display: block!important;
}
.section-services__overlay, .section-services__underlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-services__underlay {
z-index: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-services__underlay>img {
display: block;
}
.section-services__overlay {
z-index: 2;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-services__controls {
position: absolute;
left: 0;
top: 0;
z-index: 2;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-services__controls ul {
list-style: none;
font-size: 2.2rem;
counter-reset: i;
}
.section-services__controls ul, .section-services__controls ul li {
margin: 0;
padding: 0;
}
.section-services__controls ul>li {
counter-increment: i;
}
.section-services__controls ul>li:not(:last-child) {
margin-bottom: 35px;
}
.section-services__controls ul>li:before {
content: counter(i, decimal-leading-zero);
color: #ff8901;
margin-right: 18px;
}
.section-services__controls ul>li:not(.slick-active) svg {
visibility: hidden;
}
.section-sidebyside--tour .pano iframe {
min-height: 500px;
}
.section-specialty--industries ul>li {
width: 25%;
}
.section-team .grid:not(.grid-fancy)>.grid__col {
width: 25%;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-13) .section-team__item .bg-fallback {
display: none;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-09) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-13) .section-team__item .overlay {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-09) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-13) .section-team__item .overlay__primary {
text-align: left;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-09) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-13) .section-team__item .overlay__secondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-09) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-13) .section-team__item .overlay .title {
font-size: 18px;
margin-bottom: 15px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) .bg-fallback {
display: none;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) .section-team__item .overlay {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) .section-team__item .overlay__primary {
text-align: left;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) .section-team__item .overlay__secondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) .section-team__item .overlay .title {
font-size: 18px;
margin-bottom: 15px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .bg-fallback, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .bg-fallback, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .bg-fallback, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .bg-fallback, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .bg-fallback, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .bg-fallback {
display: none;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
line-height: 1.4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay:before, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay:before, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay:before, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay:before, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay:before, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay:before {
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), to(rgba(0, 0, 0, .65)));
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .65) 100%);
background: -o-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .65) 100%);
background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .65) 100%);
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay__secondary {
width: 100%;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay__secondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay .title {
font-size: 18px;
margin-bottom: 15px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay .linkedin .icon--linkedin-circle {
margin-bottom: 0;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay__secondary, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay__secondary {
width: 100%;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay .title {
font-size: 18px;
margin-bottom: 15px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay .linkedin, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay .linkedin, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay .linkedin, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay .linkedin, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay .linkedin {
position: absolute;
bottom: 0;
right: 0;
padding: 0;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay .linkedin .icon--linkedin-circle, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay .linkedin .icon--linkedin-circle {
margin-bottom: 0;
}
.section-team .grid-fancy {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.section-team .grid-fancy>.grid__col:nth-child(14n-13) {
grid-column-end: span 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-9) {
grid-row-end: span 4;
grid-column-end: span 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-9) .section-team__item {
max-height: 900px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-9) .section-team__item:before {
content: '';
display: block;
width: 100%;
padding-top: 131%;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-3), .section-team .grid-fancy>.grid__col:nth-child(14n-6), .section-team .grid-fancy>.grid__col:nth-child(14n-8) {
grid-row-end: span 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-1) {
grid-row-end: span 2;
grid-column-end: span 2;
}
}
@media screen and (min-width:1024px) {
.section-sidebyside:not(.is-breakout):not(.is-full) .grid>.grid__col--primary .inner {
height: calc(300px + 180 * (100vw - 1024px)/ 776);
}
.section-sidebyside.is-breakout .grid>.grid__col--primary .inner {
height: calc(500px + 300 * (100vw - 1024px)/ 776);
}
}
@media screen and (min-width:1024px) and (min-width:480px) {
.section-team .grid-fancy>.grid__col:nth-child(14n-09) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-13) .section-team__item .overlay .title {
font-size: calc(18px + 22 * (100vw - 480px)/ 1320);
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) .section-team__item .overlay .title {
font-size: calc(18px + 22 * (100vw - 480px)/ 1320);
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay .title {
font-size: calc(18px + 10 * (100vw - 480px)/ 1320);
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay .title {
font-size: calc(18px + 10 * (100vw - 480px)/ 1320);
}
}
@media screen and (min-width:1024px) and (min-width:1800px) {
.section-team .grid-fancy>.grid__col:nth-child(14n-09) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-13) .section-team__item .overlay .title {
font-size: 40px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) .section-team__item .overlay .title {
font-size: 40px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-02) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-04) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-05) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-07) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-10) .section-team__item .overlay .title {
font-size: 28px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-06) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-08) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-11) .section-team__item .overlay .title, .section-team .grid-fancy>.grid__col:nth-child(14n-12) .section-team__item .overlay .title {
font-size: 28px;
}
}
@media screen and (min-width:1200px) {
.widget-newsletter__inner {
left: calc(0px + -30 * (100vw - 1200px)/ 600);
}
}
@media screen and (min-width:1250px) {
.header-main nav>ul>li {
margin-left: 10px;
}
.header-main nav>ul>li {
margin-right: 10px;
}
.header-main nav>ul .phone {
padding-left: 25px;
}
.gform_wrapper .header-main nav>ul .js-enquiryToggle.gform_button, .header-main nav>ul .btn.js-enquiryToggle, .header-main nav>ul .gform_wrapper .js-enquiryToggle.gform_button {
width: 180px;
}
}
@media screen and (min-width:1280px) {
.hero-home__bg canvas {
margin-left: 0;
}
}
@media screen and (min-width:1346px) {
.section-brightestminds__intro .title .line-1 {
margin-left: -120px;
}
.section-brightestminds__intro .title .line-2 {
margin-left: -20px;
}
}
@media only screen and (min-width:1400px) {
.modaal-video-container {
padding-bottom: 0;
height: 731px;
}
}
@media (min-width:1440px) {
.container, .widget-brands {
max-width: 1580px;
padding-left: 40px;
padding-right: 40px;
}
.container--wide {
max-width: 1900px;
}
.container--narrow {
max-width: 1140px;
}
.cta-letstalk .container, .cta-letstalk .widget-brands {
max-width: 760px !important;
}
.section-textblock .container, .section-textblock .widget-brands {
max-width: 1040px;
}
.section-textblock--large .container, .section-textblock--large .widget-brands {
max-width: 1090px;
}
}
@media screen and (min-width:1800px) {
body {
font-size: 18px;
}
.text-fineprint {
font-size: 14px;
}
.gform_text .title {
font-size: 30px;
}
.accordion .accordion__panel, .accordion .accordion__trigger {
padding-left: 80px;
}
.accordion .accordion__panel, .accordion .accordion__trigger {
padding-right: 80px;
}
.accordion .accordion__trigger {
padding-top: 30px;
}
.accordion .accordion__trigger {
padding-bottom: 30px;
}
.accordion .accordion__trigger .icon--chevron-up, .accordion .accordion__trigger:before {
width: 80px;
}
.accordion .accordion__panel {
padding-bottom: 65px;
}
.award svg {
margin-bottom: 35px;
}
.award .title {
font-size: 23px;
}
.award .title {
margin-bottom: 20px;
}
.decorative-mosaic .grid {
grid-column-gap: 30px;
}
.decorative-mosaic .grid {
grid-row-gap: 30px;
}
.form-walled {
padding-top: 80px;
}
.form-walled {
padding-bottom: 80px;
}
.form-walled {
padding-left: 60px;
}
.form-walled {
padding-right: 60px;
}
.form-walled .title {
font-size: 28px;
}
.form-walled .title {
margin-bottom: 60px;
}
.form-walled .btn, .form-walled .gform_wrapper .gform_button, .form-walled .text-fineprint, .gform_wrapper .form-walled .gform_button {
margin-top: 30px;
}
.quote-statement blockquote {
font-size: 26px;
}
.quote-statement blockquote {
line-height: 44px;
}
.quote-statement blockquote {
padding-top: 35px;
}
.quote-statement blockquote {
padding-bottom: 35px;
}
.quote-statement figcaption {
font-size: 16px;
}
.quote-statement__mark {
width: 188px;
}
.quote-statement__mark {
height: 140px;
}
.quote-statement__mark {
margin-left: -94px;
}
.quote-statement__mark {
margin-top: -70px;
}
.resource__content {
padding: 30px;
}
.resource__title {
font-size: 20px;
}
.resource__text {
font-size: 16px;
}
.resource__text {
line-height: 26px;
}
.resource__text {
margin-bottom: 30px;
}
.resource__more {
font-size: 16px;
}
.specialty__title {
font-size: 23px;
}
.value .title {
font-size: 28px;
}
.widget-brands>li {
padding-left: 30px;
}
.widget-brands>li {
padding-right: 30px;
}
.widget-brands>li {
min-width: 210px;
}
.widget-brands>li:first-child {
margin-left: -30px;
}
.widget-brands__item {
font-size: 14px;
}
.widget-newsletter .title {
font-size: 50px;
}
.widget-newsletter .title {
margin-bottom: 60px;
}
.widget-newsletter__inner {
padding-top: 70px;
}
.widget-newsletter__inner {
padding-bottom: 90px;
}
.widget-newsletter__inner {
left: -30px;
}
.work__content {
padding: 30px;
}
.work__title {
font-size: 30px;
}
.work__text {
font-size: 16px;
}
.work__text {
line-height: 26px;
}
.work__text {
margin-bottom: 20px;
}
.page-home .section-brightestminds {
margin-bottom: 190px;
}
.page-home .section-services {
margin-bottom: 190px;
}
.page-home .quote-statement {
margin-bottom: 230px;
}
.page-home .section-cs {
margin-bottom: 250px;
}
.page-home .cta-letstalk {
margin-bottom: 230px;
}
.page-about .hero-internal .container, .page-about .hero-internal .widget-brands {
padding-top: 250px;
}
.page-about .hero-internal .container, .page-about .hero-internal .widget-brands {
padding-bottom: 135px;
}
.page-about .hero-internal__content {
max-width: 720px;
}
.page-about .content-main {
padding-top: 140px;
}
.page-about .section-sidebyside+.bg-black {
margin-top: 150px;
}
.page-about .section-values {
margin-top: 180px;
}
.page-about .section-values__overflow+.container--wide {
margin-top: 200px;
}
.page-about .section-values__overflow+.container--wide {
margin-bottom: 200px;
}
.page-about .section-values__list {
margin-top: 80px;
}
.page-about .bg-black>.section-sidebyside--google {
margin-top: 210px;
}
.page-about .bg-black>.section-sidebyside--google {
margin-bottom: 315px;
}
.page-about .section-awards {
margin-bottom: 150px;
}
.page-about .cta-brightestminds {
padding-top: 150px;
}
.page-about .cta-brightestminds {
padding-bottom: 150px;
}
.page-about .cta-letstalk {
margin: 0;
padding: 60px 0;
}
.page-approach .hero-internal .container, .page-approach .hero-internal .widget-brands {
padding-top: 150px;
}
.page-approach .hero-internal .container, .page-approach .hero-internal .widget-brands {
padding-bottom: 100px;
}
.page-approach .hero-internal__content {
max-width: 830px;
}
.page-approach .cta-letstalk {
margin-top: 210px;
}
.page-approach .cta-letstalk {
margin-bottom: 150px;
}
.page-solutions .hero-internal .container, .page-solutions .hero-internal .widget-brands {
padding-top: 250px;
}
.page-solutions .hero-internal .container, .page-solutions .hero-internal .widget-brands {
padding-bottom: 210px;
}
.page-solutions .hero-internal__content {
max-width: 720px;
}
.page-solutions .cta-letstalk {
margin-top: 210px;
}
.page-solutions .cta-letstalk {
margin-bottom: 150px;
}
.page-work .hero-internal .container, .page-work .hero-internal .widget-brands {
padding-top: 250px;
}
.page-work .hero-internal .container, .page-work .hero-internal .widget-brands {
padding-bottom: 70px;
}
.page-work .hero-internal__content {
max-width: 720px;
}
.page-work .section-work {
margin-bottom: 180px;
}
.page-work .filter {
margin-bottom: 80px;
}
.page-work .pagination {
margin-top: 65px;
}
.page-work .cta-letstalk {
margin-bottom: 160px;
}
.page-work .cta-more {
margin-bottom: 120px;
}
.page-resources .hero-internal .container, .page-resources .hero-internal .widget-brands {
padding-top: 250px;
}
.page-resources .hero-internal .container, .page-resources .hero-internal .widget-brands {
padding-bottom: 70px;
}
.page-resources .hero-internal__content {
max-width: 720px;
}
.page-resources .filter {
margin-bottom: 80px;
}
.page-resources .section-resources {
margin-bottom: 120px;
}
.page-resources .pagination {
margin-top: 75px;
}
.page-team .hero-internal .container, .page-team .hero-internal .widget-brands {
padding-top: 250px;
}
.page-team .hero-internal .container, .page-team .hero-internal .widget-brands {
padding-bottom: 100px;
}
.page-team .hero-internal__content {
max-width: 800px;
}
.page-team .section-values {
margin-bottom: 80px;
}
.page-team .section-team {
margin-bottom: 120px;
}
.page-team .filter {
margin-bottom: 80px;
}
.page-quote .hero-internal .container, .page-quote .hero-internal .widget-brands {
padding-top: 250px;
}
.page-quote .hero-internal__content {
max-width: 830px;
}
.page-quote .section-quote {
margin-bottom: 210px;
}
.page-contact .section-contact {
padding-top: 250px;
}
.page-contact .section-contact {
margin-bottom: 135px;
}
.error404 .hero-internal .container, .error404 .hero-internal .widget-brands, .page-standard .hero-internal .container, .page-standard .hero-internal .widget-brands {
padding-top: 250px;
}
.error404 .hero-internal .container, .error404 .hero-internal .widget-brands, .page-standard .hero-internal .container, .page-standard .hero-internal .widget-brands {
margin-bottom: 100px;
}
.error404 .cms-block-content, .page-standard .cms-block-content {
margin-bottom: 135px;
}
.single-solution .hero-solution .container, .single-solution .hero-solution .widget-brands {
padding-top: 160px;
}
.single-solution .hero-solution .container, .single-solution .hero-solution .widget-brands {
padding-bottom: 160px;
}
.single-solution .bg-black {
padding-top: 150px;
}
.single-solution .bg-black {
padding-bottom: 10px;
}
.single-solution .bg-black {
margin-bottom: 0;
}
.single-solution .section-cs {
margin-bottom: 210px;
}
.single-solution .content-main>.section-textblock:last-child {
margin-bottom: 100px;
}
.single-solution .section-textblock--large {
margin-top: 210px;
}
.single-solution .section-textblock--large {
margin-bottom: 150px;
}
.single-solution .section-specialty {
margin-bottom: 110px;
}
.single-solution .section-industries {
margin-bottom: 175px;
}
.single-solution .section-faq {
margin-bottom: 175px;
}
.single-solution .cta-letstalk {
margin-bottom: 210px;
}
.single-work .hero-internal .container, .single-work .hero-internal .widget-brands {
padding-top: 250px;
}
.single-work .hero-internal .container, .single-work .hero-internal .widget-brands {
padding-bottom: 210px;
}
.single-work .hero-internal__content {
margin-bottom: 70px;
}
.single-work .quote-statement {
margin-top: 150px;
}
.single-work .quote-statement {
margin-bottom: 150px;
}
.single-work .cta-letstalk {
margin-top: 250px;
}
.single-work .cta-letstalk {
margin-bottom: 160px;
}
.single-work .cta-more {
margin-bottom: 120px;
}
.single-resource .hero-internal .container, .single-resource .hero-internal .widget-brands, .single-resource--walled .hero-internal .container, .single-resource--walled .hero-internal .widget-brands {
padding-top: 250px;
}
.single-resource .hero-internal .container, .single-resource .hero-internal .widget-brands, .single-resource--walled .hero-internal .container, .single-resource--walled .hero-internal .widget-brands {
padding-bottom: 210px;
}
.single-resource .hero-internal__content, .single-resource--walled .hero-internal__content {
max-width: 720px;
}
.single-resource .hero-internal__content, .single-resource--walled .hero-internal__content {
margin-bottom: 70px;
}
.single-resource .content-main .share, .single-resource--walled .content-main .share {
margin-bottom: 120px;
}
.single-resource .cta-letstalk, .single-resource--walled .cta-letstalk {
margin-top: 250px;
}
.single-resource .cta-letstalk, .single-resource--walled .cta-letstalk {
margin-bottom: 160px;
}
.single-resource .cta-newsletter, .single-resource--walled .cta-newsletter {
margin-bottom: 120px;
}
.single-resource .cms-block-content, .single-resource .cms-block-preview:last-child, .single-resource--walled .cms-block-content, .single-resource--walled .cms-block-preview:last-child {
margin-bottom: 90px;
}
.single-resource--walled .hero-internal__title {
font-size: 72px;
}
.single-hiring .hero-internal .container, .single-hiring .hero-internal .widget-brands {
padding-top: 250px;
}
.single-hiring .hero-internal .container, .single-hiring .hero-internal .widget-brands {
padding-bottom: 230px;
}
.single-hiring .hero-internal__content {
max-width: 720px;
}
.single-hiring .decorative-landscape, .single-hiring .decorative-mosaic, .single-hiring .section-positions, .single-hiring .section-values {
margin-bottom: 120px;
}
.footer-main {
font-size: 15px;
}
.footer-main>.container, .footer-main>.widget-brands {
padding-top: 85px;
}
.footer-main>.container, .footer-main>.widget-brands {
padding-bottom: 65px;
}
.footer-main__learn {
margin-bottom: 85px;
}
.footer-main__learn .footer-main__resource {
padding-top: 35px;
}
.footer-main__learn .footer-main__resource {
padding-bottom: 35px;
}
.footer-main__learn .footer-main__resource {
padding-left: 40px;
}
.footer-main__learn .footer-main__resource {
padding-right: 40px;
}
.footer-main__communication {
margin-bottom: 130px;
}
.footer-main__locations {
margin-bottom: 135px;
}
.footer-sitemap .container, .footer-sitemap .widget-brands {
padding-top: 90px;
}
.footer-sitemap .container, .footer-sitemap .widget-brands {
padding-bottom: 90px;
}
.cta-brightestminds__wrap {
padding-top: 245px;
}
.cta-brightestminds__wrap {
padding-bottom: 245px;
}
.cta-brightestminds__title {
font-size: 80px;
}
.cta-brightestminds__title {
margin-bottom: 40px;
}
.cta-brightestminds__intro {
margin-bottom: 60px;
}
.cta-brightestminds__intro .link {
font-size: 26px;
}
.cta-brightestminds__intro svg {
width: 97px;
}
.cta-brightestminds__content {
font-size: 20px;
}
.cta-letstalk {
font-size: 20px;
margin: 0 !important;
padding: 60px 0;
}
.cta-letstalk .title {
font-size: 60px;
}
.cta-letstalk .title {
margin-bottom: 60px;
}
.cta-letstalk .buttons {
padding-top: 50px;
}
.cta-letstalk .buttons {
padding-bottom: 50px;
}
.cta-more__title {
font-size: 50px;
}
.cta-more__title {
margin-bottom: 80px;
}
.hero-home__statement .title {
font-size: 42px;
}
.hero-home__clients .title {
font-size: 18px;
}
.single-work .hero-internal .grid>.grid-item:nth-child(1) {
padding-right: 150px;
}
.hero-internal__title {
font-size: 86px;
}
.hero-internal__title {
margin-bottom: 60px;
}
.hero-internal .work__tags {
margin-bottom: 40px;
}
.hero-internal .work__tags {
font-size: 16px;
}
.hero-internal__video>.inner .icon {
font-size: 80px;
}
.hero-internal__video>.inner .icon {
margin-top: -40px;
}
.hero-internal__video>.supporting-text {
margin-top: 25px;
}
.hero-solution__intro {
margin-bottom: 60px;
}
.hero-solution__title.title {
font-size: 86px;
}
.hero-solution__title.title {
margin-bottom: 20px;
}
.hero-solution__subtitle.title {
font-size: 28px;
}
.section-awards__intro {
margin-bottom: 120px;
}
.section-awards__intro .title {
font-size: 60px;
}
.section-awards__intro .title {
margin-bottom: 60px;
}
.section-awards__intro .content {
max-width: 800px;
}
.section-awards__list>li {
margin-bottom: 90px;
}
.section-awards__list>li {
font-size: 16px;
}
.section-brightestminds__intro .title {
font-size: 70px;
}
.section-brightestminds__intro .content {
margin-top: 50px;
}
.section-brightestminds__intro .content {
margin-bottom: 60px;
}
.section-brightestminds__video>.inner .icon {
font-size: 80px;
}
.section-brightestminds__video>.inner .icon {
margin-top: -40px;
}
.section-brightestminds__video>.supporting-text {
margin-top: 25px;
}
.section-brightestminds__stats .title {
font-size: 22px;
}
.section-brightestminds__stats .list>li {
min-height: 70px;
}
.section-brightestminds__stats .list>li {
padding-left: 100px;
}
.section-brightestminds__stats .list>li:not(:last-child) {
margin-bottom: 35px;
}
.section-brightestminds__stats .icon {
width: 70px;
}
.section-brightestminds__stats .icon {
height: 70px;
}
.section-brightestminds__stats .text {
padding-top: 8px;
}
.section-contact__intro {
margin-bottom: 60px;
}
.section-contact__intro>.title {
font-size: 86px;
}
.section-contact__intro>.title {
margin-bottom: 60px;
}
.section-contact__intro ul {
margin-bottom: 40px;
}
.section-contact__locations {
margin-bottom: 60px;
}
.section-contact__locations>.title {
font-size: 30px;
}
.section-contact__locations>.title {
margin-bottom: 40px;
}
.section-contact__locations ul {
margin-left: -60px;
}
.section-contact__locations ul {
margin-bottom: 60px;
}
.section-contact__locations ul>li {
padding-left: 60px;
}
.section-contact__locations ul>li {
margin-bottom: 60px;
}
.section-contact__locations ul .title {
font-size: 20px;
}
.section-contact__locations ul .title {
margin-bottom: 20px;
}
.section-contact__social .title {
font-size: 30px;
}
.section-contact__social .title {
margin-bottom: 40px;
}
.section-contact__social ul {
margin-bottom: 40px;
}
.section-contact__form {
padding-top: 40px;
}
.section-contact__form {
padding-bottom: 40px;
}
.section-contact__form {
padding-left: 60px;
}
.section-contact__form {
padding-right: 60px;
}
.section-contact__form>.title {
font-size: 30px;
}
.section-contact__form>.title {
margin-bottom: 40px;
}
.section-cs__controls .pager-item {
font-size: 16px;
}
.section-cs__intro .title {
font-size: 70px;
}
.section-cs__excerpt .title {
font-size: 46px;
}
.section-cs__video {
margin-top: 100px;
}
.section-cs__stats li.stat:not(:last-child) {
margin-bottom: 60px;
}
.section-cs__stats li.stat__inner .text {
font-size: 45px;
}
.section-cs__stats li.stat__inner .arrow {
height: 40px;
}
.section-cs__stats li.stat__text {
font-size: 16px;
}
.section-cs__slide {
margin-bottom: 100px;
}
.section-faq__title {
font-size: 50px;
}
.section-faq__title {
margin-bottom: 80px;
}
.section-positions__intro {
margin-bottom: 80px;
}
.section-positions__intro .title {
font-size: 60px;
}
.section-positions__intro .title {
margin-bottom: 40px;
}
.section-positions__intro .text--large {
font-size: 25px;
}
.gform_wrapper .section-positions__form .gform_button, .section-positions__form .btn, .section-positions__form .gform_wrapper .gform_button {
margin-top: 30px;
}
.gform_wrapper .section-positions__form .gform_button, .section-positions__form .btn, .section-positions__form .gform_wrapper .gform_button {
margin-bottom: 30px;
}
.section-services__intro .title {
font-size: 120px;
}
.section-services__intro .title {
margin-bottom: 35px;
}
.section-sidebyside+.bg-black, .section-sidebyside+.section-sidebyside {
margin-top: 150px;
}
.section-sidebyside .title {
font-size: 40px;
margin-bottom: 30px;
}
.section-sidebyside .buttons {
margin-top: 40px;
}
.section-sidebyside .grid {
margin-left: -40px;
}
.section-sidebyside .grid__col {
padding-left: 40px;
}
.section-sidebyside.is-odd .grid__col--primary>.inner {
padding-left: 80px;
}
.section-sidebyside.is-even .grid__col--primary>.inner {
padding-right: 80px;
}
.section-sidebyside:not(.is-breakout):not(.is-full) .grid>.grid__col--primary .inner {
height: 480px;
}
.section-sidebyside.is-full .grid__col--primary {
margin-bottom: 120px;
}
.section-sidebyside.is-full .content {
max-width: 830px;
}
.section-sidebyside.is-breakout .grid>.grid__col--primary .inner {
height: 800px;
}
.section-solution+.section-solution {
margin-top: 150px;
}
.section-solution .title {
font-size: 50px;
}
.section-solution .title {
margin-bottom: 40px;
}
.section-solution .buttons {
margin-top: 40px;
}
.section-solution .grid {
margin-left: -40px;
}
.section-solution .grid__col {
padding-left: 40px;
}
.section-solution.is-odd .grid__col--primary>.inner {
padding-left: 80px;
}
.section-solution.is-even .grid__col--primary>.inner {
padding-right: 80px;
}
.section-specialty__title {
font-size: 60px;
}
.section-specialty__title {
margin-bottom: 100px;
}
.section-specialty__list {
margin-left: -60px;
}
.section-specialty__list>li {
padding-left: 60px;
}
.section-specialty__list>li {
margin-bottom: 60px;
}
.section-team .section-team__item .overlay {
padding: 40px;
}
.section-team .section-team__item .overlay .experience, .section-team .section-team__item .overlay .position {
font-size: 16px;
}
.section-team .section-team__item .stat__inner {
margin-bottom: 20px;
}
.section-team .section-team__item .stat__inner .arrow {
height: 40px;
}
.section-team .section-team__item .stat__inner .text {
font-size: 45px;
}
.section-team .section-team__item .stat p {
font-size: 16px;
}
.section-team .grid:not(.grid-fancy) {
margin-left: -20px;
}
.section-team .grid:not(.grid-fancy) {
margin-bottom: -20px;
}
.section-team .grid:not(.grid-fancy)>.grid__col {
padding-left: 20px;
}
.section-team .grid:not(.grid-fancy)>.grid__col {
margin-bottom: 20px;
}
.section-team .grid:not(.grid-fancy) .staff-item .overlay .title {
font-size: 28px;
}
.section-team .grid-fancy {
grid-column-gap: 20px;
}
.section-team .grid-fancy {
grid-row-gap: 20px;
}
.section-textblock--large {
font-size: 25px;
}
.section-values__title {
font-size: 40px;
}
.section-values__footer {
max-width: 700px;
}
.section-values--stats .value .title {
font-size: 60px;
}
.cms-block-content p:first-child {
font-size: 22px;
}
.cms-block-content--emphasised-first-item>:first-child {
font-size: 22px;
}
.cms-block-content+.buttons {
margin-top: 60px;
}
.cms-block-content .wp-caption-text {
font-size: 14px;
}
.cms-block-content h2 {
font-size: 32px;
}
.cms-block-content h3 {
font-size: 22px;
}
.cms-block-content h4 {
font-size: 20px;
}
.cms-block-content h5 {
font-size: 16px;
}
.cms-block-content h6 {
font-size: 14px;
}
.cms-block-content blockquote {
font-size: 26px;
}
.cms-block-content blockquote {
padding-left: 60px;
}
.cms-block-content *+.cms-block--gallery, .cms-block-content *+.twitter-tweet, .cms-block-content *+.wp-video, .cms-block-content *+blockquote, .cms-block-content *+h2, .cms-block-content *+h3, .cms-block-content *+h4, .cms-block-content *+h5, .cms-block-content *+h6, .cms-block-content *+img, .cms-block-content *+ol, .cms-block-content *+p, .cms-block-content *+ul:not(.slick-dots) {
margin-top: 30px;
}
.cms-block-content h1+.cms-block--gallery, .cms-block-content h1+.twitter-tweet, .cms-block-content h1+.wp-video, .cms-block-content h1+blockquote, .cms-block-content h1+img, .cms-block-content h1+ol, .cms-block-content h1+p, .cms-block-content h1+ul:not(.slick-dots), .cms-block-content h2+.cms-block--gallery, .cms-block-content h2+.twitter-tweet, .cms-block-content h2+.wp-video, .cms-block-content h2+blockquote, .cms-block-content h2+img, .cms-block-content h2+ol, .cms-block-content h2+p, .cms-block-content h2+ul:not(.slick-dots), .cms-block-content h3+.cms-block--gallery, .cms-block-content h3+.twitter-tweet, .cms-block-content h3+.wp-video, .cms-block-content h3+blockquote, .cms-block-content h3+img, .cms-block-content h3+ol, .cms-block-content h3+p, .cms-block-content h3+ul:not(.slick-dots), .cms-block-content h4+.cms-block--gallery, .cms-block-content h4+.twitter-tweet, .cms-block-content h4+.wp-video, .cms-block-content h4+blockquote, .cms-block-content h4+img, .cms-block-content h4+ol, .cms-block-content h4+p, .cms-block-content h4+ul:not(.slick-dots), .cms-block-content h5+.cms-block--gallery, .cms-block-content h5+.twitter-tweet, .cms-block-content h5+.wp-video, .cms-block-content h5+blockquote, .cms-block-content h5+img, .cms-block-content h5+ol, .cms-block-content h5+p, .cms-block-content h5+ul:not(.slick-dots), .cms-block-content h6+.cms-block--gallery, .cms-block-content h6+.twitter-tweet, .cms-block-content h6+.wp-video, .cms-block-content h6+blockquote, .cms-block-content h6+img, .cms-block-content h6+ol, .cms-block-content h6+p, .cms-block-content h6+ul:not(.slick-dots) {
margin-top: 20px;
}
.cms-block-content hr {
margin-top: 90px;
}
.cms-block-content hr {
margin-bottom: 90px;
}
.cms-block-content ul:not(.slick-dots)>li:before {
top: 9px;
}
.cms-block-content ul:not(.slick-dots)>li>ol>li:before, .cms-block-content ul:not(.slick-dots)>li>ul>li:before {
top: 9px;
}
.cms-block-content ul:not(.slick-dots)>li>ol>li:after, .cms-block-content ul:not(.slick-dots)>li>ul>li:after {
top: 11px;
}
.cms-block-preview {
font-size: 16px;
}
.cms-block-preview .title {
font-size: 22px;
}
}
@media (max-width:1439px) {
.section-textblock .container, .section-textblock .widget-brands {
max-width: 870px;
}
.section-textblock--large .container, .section-textblock--large .widget-brands {
max-width: 920px;
}
}
@media (max-width:1200px) {
.section-services__underlay img {
opacity: .25;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
}
@media only screen and (max-width:1140px) {
.modaal-image .modaal-inner-wrapper {
padding-left: 25px;
padding-right: 25px;
}
.modaal-gallery-control {
top: auto;
bottom: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background: rgba(0, 0, 0, .7);
}
.modaal-gallery-control:after, .modaal-gallery-control:before {
background: #fff;
}
.modaal-gallery-next {
left: auto;
right: 20px;
}
.modaal-gallery-prev {
left: 20px;
right: auto;
}
}
@media (max-width:1023px) {
.container, .widget-brands {
max-width: 1460px;
padding-left: 30px;
padding-right: 30px;
}
.container--wide {
max-width: 1780px;
}
.container--narrow {
max-width: 1020px;
}
.cta-brightestminds__mosaic {
margin-top: 10px;
width: calc(100% + 20px);
}
.cta-brightestminds__mosaic .mosaic .bg {
width: calc(100% - 20px);
height: calc(100% - 20px);
opacity: .5;
}
.cta-brightestminds__mosaic .mosaic--3 .bg, .cta-brightestminds__mosaic .mosaic--6 .bg, .cta-brightestminds__mosaic .mosaic--8 .bg {
opacity: .22;
}
.cta-brightestminds__mosaic .mosaic--2 .bg {
-webkit-transform: translateY(calc(-100% - 20px));
-ms-transform: translateY(calc(-100% - 20px));
transform: translateY(calc(-100% - 20px));
}
.cta-brightestminds__mosaic .mosaic--5 .bg, .cta-brightestminds__mosaic .mosaic--7 .bg {
-webkit-transform: translateY(calc(100% + 20px));
-ms-transform: translateY(calc(100% + 20px));
transform: translateY(calc(100% + 20px));
}
.cta-letstalk .container, .cta-letstalk .widget-brands {
max-width: 640px;
}
.section-cs__controls ul {
padding-bottom: 20px;
width: 100%;
}
.section-cs__footer {
margin-top: 20px;
}
.section-services .exploded.exploded-consulting {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.section-services__overlay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -40px;
}
.section-services__overlay>div {
padding-left: 40px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.section-services__intro {
margin-bottom: 20px;
}
.section-services__image {
min-width: 400px;
}
.section-services__image>img {
max-width: 360px;
width: 100%;
display: block;
margin: 0;
}
.section-services__slider {
counter-reset: i;
}
.section-services__slide {
counter-increment: i;
}
.section-services__slide .accordion__trigger:before {
content: counter(i, decimal-leading-zero);
color: #ff8901;
margin-right: 12px;
}
.section-services__slide:not(.accordion-has-eased) .accordion__panel, .section-services__underlay {
display: none;
}
.section-services .accordion__trigger {
display: block;
}
.section-services .accordion__panel {
padding: 40px 0;
}
.section-sidebyside.is-breakout .grid>.grid__col--primary .inner {
height: 300px;
}
.section-team .grid-fancy>.grid__col .section-team__item .overlay {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.4;
}
.section-team .grid-fancy>.grid__col .section-team__item .overlay__primary, .section-team .grid-fancy>.grid__col .section-team__item .overlay__secondary {
width: 100%;
}
.section-team .grid-fancy>.grid__col .section-team__item .overlay .title {
font-size: 18px;
margin-bottom: 15px;
}
.section-team .grid-fancy>.grid__col .section-team__item .overlay .linkedin {
position: absolute;
bottom: 0;
right: 0;
padding: 0;
}
.section-team .grid-fancy>.grid__col .section-team__item .overlay .linkedin .icon--linkedin-circle {
margin-bottom: 0;
}
.section-team .grid>.grid__col.stat-item {
display: none!important;
}
.section-team .grid-fancy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-bottom: -10px;
}
.section-team .grid-fancy>.grid__col {
margin-bottom: 10px;
padding-left: 10px;
width: 50%;
}
.section-team .grid-fancy>.grid__col.stat-item {
display: none!important;
}
.section-team .grid-fancy>.grid__col .section-team__item {
max-height: 900px;
}
.section-team .grid-fancy>.grid__col .section-team__item:before {
content: '';
display: block;
width: 100%;
padding-top: 131%;
}
}
@media (max-width:959px) {
.share--resource .share__title {
font-size: 1.2rem;
}
.widget-newsletter {
padding-left: 30px;
padding-right: 30px;
}
.widget-newsletter:before {
content: '';
display: block;
width: 100%;
padding-top: 80%;
}
.widget-newsletter .title {
max-width: 480px;
}
.widget-newsletter__fancy {
width: calc(100% + 50px);
left: -50px;
top: -50px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.widget-newsletter .newsletter .message, .widget-newsletter .newsletter__hidden {
font-size: 1.3rem;
line-height: 1.4;
}
.widget-newsletter .newsletter__hidden {
color: #fff;
}
.widget-newsletter .newsletter .inner {
margin-top: -5px;
}
.widget-newsletter .newsletter input[type=text] {
padding-right: 20px;
height: 60px;
font-size: 1.6rem;
}
.widget-newsletter .newsletter .message {
margin-bottom: 10px;
}
.widget-newsletter .newsletter button {
position: static;
width: 100%;
}
.grid--walled {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.grid--walled .form-walled {
margin: 0 auto;
width: 100%;
}
.header-main nav>ul .phone svg {
width: 26px;
height: 26px;
margin-top: -11px;
}
.header-main, .header-main__spacer {
height: 86px;
}
.header-main:before {
content: '';
}
.header-main__inner {
padding-top: 18px;
padding-bottom: 18px;
}
.header-main nav>ul>li, .header-main nav>ul>li .js-enquiryToggle, .header-main nav>ul>li.has-phone .text {
display: none;
}
.header-main nav>ul>li.has-action, .header-main nav>ul>li.has-phone {
display: block;
}
.header-main nav>ul>li.has-phone .phone {
padding-left: 0;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
width: 26px;
height: 26px;
}
.header-main nav>ul>li.has-phone .phone span {
display: none;
}
.header-main nav>ul>li.has-phone .phone .icon {
position: static;
}
.header-main nav>ul>li.has-phone .phone.on_press, html:not(.mobile):not(.tablet) .header-main nav>ul>li.has-phone .phone:hover {
opacity: .65;
}
.footer-main__learn .grid {
margin-left: -20px;
}
.footer-main__learn .grid>.grid__col {
padding-left: 20px;
}
.footer-main__learn__resources .list>li .title {
font-size: 1.6rem;
}
.footer-main__learn__resources .list>li a {
padding: 15px 30px;
}
.footer-main__learn__resources .list>li svg {
top: 15px;
left: 0;
}
.footer-main__learn__resources>.title {
font-size: 2rem;
}
.footer-main__learn__resources .cta {
font-size: 1.6rem;
padding: 15px;
padding-left: 70px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.footer-main__learn__resources .cta svg {
left: 0;
top: 25px;
}
.footer-main__learn .footer-main__resource {
font-size: 1.4rem;
}
.footer-main__learn .footer-main__resource .title {
font-size: 1.6rem;
margin-bottom: 20px;
}
.footer-main__communication .grid>.grid__col {
width: 100%;
max-width: 100%;
}
.footer-main__communication .grid>.grid__col:nth-child(2) {
display: none;
}
.footer-main__locations ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-main__locations ul>li:nth-child(1) {
width: 100%;
margin-bottom: 30px;
}
.footer-main__credits {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-main__credits .share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
}
.footer-main__credits .share a {
color: rgba(255, 255, 255, .4);
}
.footer-main__credits .share a:focus, .footer-main__credits .share a:hover {
color: #fff;
}
.cta-more .grid {
display: block;
}
.cta-more .grid>.grid__col {
width: 50%;
max-width: none;
}
.cta-more .work .work__text {
min-height: 60px;
}
.single-work .hero-internal .grid>.grid-item:not(:last-child) {
margin-bottom: 40px;
}
.single-work .hero-internal .grid>.grid-item:nth-child(1) .hero-internal__video {
margin-bottom: 40px;
}
.single-work .hero-internal .grid>.grid-item:nth-child(2) {
display: none;
}
.hero-internal__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-internal__meta__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
width: 100%;
}
.hero-internal__meta .avatar-wrap, .hero-internal__meta .share__title, .hero-internal__meta .tag-wrap {
font-size: 1.2rem;
}
.hero-solution .container, .hero-solution .widget-brands {
padding-top: 80px!important;
}
.hero-solution__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
position: relative;
margin-top: -50px;
}
.hero-solution__content {
z-index: 2;
position: relative;
margin-top: -100px;
}
.hero-solution__content:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0)), to(#111));
background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0, #111 100%);
background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0, #111 100%);
background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0, #111 100%);
}
.hero-solution__content>* {
position: relative;
z-index: 2;
}
.hero-solution__image {
padding-left: 20px;
padding-right: 20px;
width: 100%;
margin-right: 0;
margin-left: auto;
margin-bottom: 40px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.hero-solution__image .exploded.exploded-seo {
max-width: 350px;
}
.hero-solution__image .exploded.exploded-adwords {
max-width: 200px;
}
.hero-solution__image .exploded.exploded-remarketing {
max-width: 450px;
}
.hero-solution__image .exploded.exploded-socialadvertising {
max-width: 450px;
}
.hero-solution__image .exploded.exploded-webdesign {
max-width: 450px;
}
.hero-solution__image .exploded.exploded-consulting {
max-width: 350px;
margin-bottom: 40px;
}
.hero-solution__image .exploded.exploded-digital-advertising {
max-width: 480px;
margin-right: auto;
margin-bottom: 40px;
}
.section-brightestminds .grid__col:not(:last-child) {
margin-bottom: 40px;
}
.section-brightestminds__intro .title .line-1, .section-brightestminds__intro .title .line-2 {
margin-left: 0;
}
.section-brightestminds__intro .section-brightestminds__fancy {
right: auto;
left: 4%;
bottom: 65%;
top: auto;
margin: 0;
width: 376px;
}
.section-brightestminds__stats .section-brightestminds__fancy {
display: none;
}
.section-contact .grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-contact .grid>.grid-item {
width: 100%;
}
.section-contact .grid>.grid-item:not(:last-child) {
margin-bottom: 40px;
}
.section-contact__form .title {
text-align: center;
}
.section-resources__grid>.grid__col {
width: 50%;
max-width: 50%;
}
.section-resources__grid>.grid__col--full {
width: 100%;
max-width: 100%;
}
.section-work__grid>.grid__col {
width: 50%;
}
}
@media screen and (max-width:900px) {
.modaal-instagram iframe {
width: 500px!important;
}
}
@media (max-width:768px) {
input[type=text], textarea {
font-size: 1.6rem;
}
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
font-size: 1.6rem;
}
.imgnew {
display: none;
}
.section-brightestminds__video {
display: none;
}
.botmForm .gform_wrapper .gform_fields>li+li {
width: 45%;
}
.border-box-effect {
width: 49%;
padding: 5px;
}
div.web-portfolio-ul .mytabbing-links li {
width: 48% !important;
min-width: unset !important;
}
.main-pricing-block .mytabbing-links li {
font-size: 14px;
padding: 10px 15px;
}
.botmForm .gform_wrapper {
max-width: 80%;
}
.footer-main {
text-align: center;
}
.hero-home__clients, .section-specialty__controls .slick-dots, .section-specialty__controls .slick-dots li {
display: none;
}
.home-desc .title--stagger span {
font-size: 35px !important;
}
.hero-home {
height: auto !important;
}
}
@media (max-width:767px) {
.footer-loc-second li:nth-child(2),.footer-loc-second li:nth-child(1) {
display: none;
}
.btn--large, .gform_wrapper .gform_button {
padding: 15px 20px;
}
.decorative-landscape {
height: auto;
width: 100%;
}
.decorative-landscape img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.decorative-landscape .bg {
display: none!important;
}
.filter {
list-style: none;
padding-top: 60px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
min-height: 60px;
display: block;
position: relative;
border: 1px solid #303030;
}
.filter:before {
content: '';
border-right: 1.5px solid #ff8901;
border-bottom: 1.5px solid #ff8901;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
width: 7px;
height: 7px;
right: 30px;
top: 30px;
position: absolute;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.filter svg {
display: none;
}
.filter>li {
margin: 0;
padding: 0;
display: none;
width: 100%;
color: rgba(255, 255, 255, .55);
}
.filter>li.is-active {
display: block;
position: absolute;
left: 0;
top: 0;
color: #fff;
}
.filter>li.is-active span.filter-item:focus, .filter>li.is-active span.filter-item:hover {
color: #ff8901;
}
.filter>li:not(:last-child) span.filter-item {
border-bottom: 1px solid #303030;
}
.filter span.filter-item {
display: block;
color: inherit;
width: 100%;
line-height: 60px;
padding-right: 60px;
padding-left: 30px;
font-size: 1.6rem;
cursor: pointer;
-webkit-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}
.filter span.filter-item:focus, .filter span.filter-item:hover {
color: #fff;
}
.filter.is-accordion-open:before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.filter.is-accordion-open li {
display: block;
}
.section-resources .filter a.filter-item, .section-work .filter a.filter-item {
display: block;
padding: 0;
color: inherit;
}
.section-resources .filter a.filter-item:focus, .section-resources .filter a.filter-item:hover, .section-work .filter a.filter-item:focus, .section-work .filter a.filter-item:hover {
opacity: 1;
text-decoration: none;
}
.newsletter__hidden {
display: block;
font-size: 1.4rem;
color: #fff;
margin-bottom: 0;
}
.newsletter input[type=text]::-webkit-input-placeholder {
content: none;
display: none;
visibility: hidden;
opacity: 0;
}
.resource>a:focus .resource__title, .resource>a:hover .resource__title {
color: #ff8901;
}
.resource .resource__more {
display: none;
}
.resource__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.resource__footer .avatar-wrap+.resource__tags {
margin-top: 10px;
}
.value__inner {
width: 100%;
padding: 140px 15px 40px;
}
.value .icon {
height: 100px;
margin-bottom: 10px;
}
.widget-brands__item {
opacity: 1;
}
.widget-brands__item .logo {
padding-left: 10px;
padding-right: 10px;
height: 80px;
}
.gform_wrapper .widget-brands__item .gform_button, .widget-brands__item .btn, .widget-brands__item .gform_wrapper .gform_button {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: background-color .2s ease-out, color .2s ease-out;
-o-transition: background-color .2s ease-out, color .2s ease-out;
transition: background-color .2s ease-out, color .2s ease-out;
}
.gform_wrapper .widget-brands__item.on_press .gform_button, .gform_wrapper html:not(.mobile):not(.tablet) .widget-brands__item:hover .gform_button, .widget-brands__item.on_press .btn, .widget-brands__item.on_press .gform_wrapper .gform_button, html:not(.mobile):not(.tablet) .widget-brands__item:hover .btn, html:not(.mobile):not(.tablet) .widget-brands__item:hover .gform_wrapper .gform_button {
background-color: #ff8901;
color: #111;
}
.work>a:focus .work__title, .work>a:hover .work__title {
color: #ff8901;
}
.work .work__stat {
display: none;
}
.footer-main__learn__resources .cta, .footer-main__learn__resources .list>li .title {
font-size: 1.4rem;
}
.footer-main__learn .footer-main__resource .title {
font-size: 1.4rem;
}
.footer-main__learn .grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-main__learn .grid>.grid__col {
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.footer-main__learn .grid>.grid__col:not(:first-child) {
display: none;
}
.footer-main__learn .footer-main__resource {
display: none;
}
.footer-main__communication .newsletter label {
margin-bottom: 10px;
}
.footer-main__communication .newsletter input[type=text] {
padding-right: 20px;
}
.footer-main__communication .newsletter button {
width: 100%;
position: static;
}
.footer-main__locations {
border-top: 1px solid rgba(255, 255, 255, .2);
border-bottom: 1px solid rgba(255, 255, 255, .2);
font-size: 1.1rem;
line-height: 1.4;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 0;
}
.footer-main__locations .title {
font-size: 1.4rem;
margin-bottom: 10px;
}
.footer-main__locations .logo>svg {
width: 54px;
height: 40px;
display: block;
}
.footer-main__locations ul {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.footer-main__locations ul>li {
width: 50%;
margin-bottom: 20px;
}
.footer-main__locations ul>li:nth-child(1) {
width: 50%;
}
.footer-main__locations ul>li:nth-child(2) .text {
display: none;
}
.footer-main__locations ul>li:nth-child(2) a {
display: inline-block;
color: rgba(000, 000, 000, .85);
font-size: 1.4rem;
}
.footer-main__locations ul>li:nth-child(5), .footer-main__locations ul>li:nth-child(6) {
margin-bottom: 0;
}
.footer-main__credits .freecall {
display: none;
}
.footer-main__credits, .footer-main__credits ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-main__credits ul {
margin-bottom: 15px;
}
.footer-main button {
padding-right: 20px;
}
.footer-main button .icon {
margin-top: -2px;
}
.footer-main button .icon:before {
font-size: 6px;
}
.footer-sitemap .grid {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-sitemap .grid__col {
width: 50%;
max-width: 50%;
margin-bottom: 40px;
}
.cta-brightestminds__mosaic {
margin-top: 5px;
margin-left: -30px;
margin-right: -30px;
width: calc(100% + 70px);
}
.cta-brightestminds__mosaic .mosaic .bg {
width: calc(100% - 10px);
height: calc(100% - 10px);
opacity: .22;
}
.cta-brightestminds__mosaic .mosaic--3 .bg, .cta-brightestminds__mosaic .mosaic--6 .bg, .cta-brightestminds__mosaic .mosaic--8 .bg {
opacity: .15;
}
.cta-brightestminds__mosaic .mosaic--2 .bg {
-webkit-transform: translateY(calc(-100% - 10px));
-ms-transform: translateY(calc(-100% - 10px));
transform: translateY(calc(-100% - 10px));
}
.cta-brightestminds__mosaic .mosaic--5 .bg, .cta-brightestminds__mosaic .mosaic--7 .bg {
-webkit-transform: translateY(calc(100% + 10px));
-ms-transform: translateY(calc(100% + 10px));
transform: translateY(calc(100% + 10px));
}
.cta-letstalk .container, .cta-letstalk .widget-brands {
max-width: 375px;
}
.cta-letstalk .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cta-letstalk .buttons .btn, .cta-letstalk .buttons .gform_wrapper .gform_button, .gform_wrapper .cta-letstalk .buttons .gform_button {
width: 100%;
}
.cta-letstalk .buttons>.button:not(:last-child) {
margin-bottom: 10px;
}
.cta-more .work .work__text {
min-height: 80px;
}
.hero-home {
font-size: 1.4rem;
}
.hero-home__statement {
margin-bottom: 60px;
}
.hero-home .inner {
margin-top: -25%;
}
.hero-home__bg {
position: relative;
}
.hero-home__bg canvas {
width: 120vw!important;
height: auto!important;
display: block;
margin-bottom: 0;
margin-left: -10vw;
position: relative;
}
.section-awards__list>li {
width: 33.3333%;
}
.section-brightestminds .grid__col:not(:last-child) {
margin-bottom: 20px;
}
.section-brightestminds__video>.supporting-text {
display: inline-block;
position: relative;
}
.section-brightestminds__video>.supporting-text .arrow {
position: absolute;
right: -15px;
bottom: 100%;
}
.section-brightestminds__stats .title {
margin-bottom: 20px;
}
.section-cs__slide>.grid {
position: relative;
}
.section-cs__slide>.grid:before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.section-cs__slide>.grid>.grid__col:nth-child(2) {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.section-cs__slide>.grid>.grid__col:nth-child(2):before {
content: '';
display: block;
width: 100%;
padding-top: 100%;
}
.section-cs__slide>.grid>.grid__col:nth-child(2)>div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.section-cs__slide>.grid>.grid__col:nth-child(2) img {
margin: 0 auto;
}
.section-cs__slide>.grid>.grid__col:nth-child(1), .section-cs__slide>.grid>.grid__col:nth-child(3) {
margin-top: 50px;
}
.section-cs__bg {
display: block;
width: 100%;
background-image: none!important;
}
.section-cs__bg>img {
display: block;
margin-bottom: 20px;
max-width: 265px;
height: auto;
}
.section-cs__excerpt {
max-width: 450px;
}
.section-cs .stat {
max-width: 450px;
padding-left: 130px;
position: relative;
}
.section-cs .stat__inner {
position: absolute;
left: 0;
top: 0;
}
.section-cs__controls {
margin-left: -30px;
margin-right: -30px;
}
.section-cs__video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 50px;
}
.section-cs__video .thumb {
width: 180px;
position: relative;
left: 0;
top: 0;
margin-right: 20px;
margin-top: 0;
}
.section-cs__video .thumb:before {
content: '';
display: block;
width: 100%;
padding-top: 56.25%;
}
.section-cs__video .content {
padding-left: 0;
}
.section-positions__list a {
padding: 15px 20px;
padding-right: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.6rem;
}
.section-positions__list a:after {
right: 20px;
}
.section-positions__list .title {
margin-bottom: 5px;
}
.section-quote .enquiry__offerings .col-4>label {
width: 50%;
}
.section-services__image {
min-width: 250px;
}
.section-sidebyside:not(.is-breakout):not(.is-full) .grid>.grid__col--primary .inner {
height: auto;
}
.section-sidebyside.is-full .grid__col--primary {
margin-bottom: 0;
}
.section-sidebyside.is-full .content {
max-width: none;
}
.section-sidebyside.is-breakout .grid>.grid__col--primary .inner {
height: auto;
}
.section-sidebyside.is-breakout .grid, .section-sidebyside.is-even .grid, .section-sidebyside.is-full .grid, .section-sidebyside.is-odd .grid {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-left: 0;
}
.section-sidebyside.is-breakout .grid>.grid__col, .section-sidebyside.is-even .grid>.grid__col, .section-sidebyside.is-full .grid>.grid__col, .section-sidebyside.is-odd .grid>.grid__col {
width: 100%;
max-width: 100%;
padding-left: 0;
}
.section-sidebyside.is-breakout .grid>.grid__col--primary, .section-sidebyside.is-even .grid>.grid__col--primary, .section-sidebyside.is-full .grid>.grid__col--primary, .section-sidebyside.is-odd .grid>.grid__col--primary {
padding-left: 0;
padding-right: 0;
display: block;
}
.section-sidebyside.is-breakout .grid>.grid__col--primary .inner, .section-sidebyside.is-even .grid>.grid__col--primary .inner, .section-sidebyside.is-full .grid>.grid__col--primary .inner, .section-sidebyside.is-odd .grid>.grid__col--primary .inner {
display: block;
height: auto;
padding-left: 0;
}
.section-sidebyside.is-breakout .grid>.grid__col--secondary, .section-sidebyside.is-even .grid>.grid__col--secondary, .section-sidebyside.is-full .grid>.grid__col--secondary, .section-sidebyside.is-odd .grid>.grid__col--secondary {
margin-bottom: 30px;
}
.section-sidebyside .image {
height: auto;
width: 100%;
}
.section-sidebyside .image .bg {
display: none!important;
}
.section-sidebyside .image img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.section-sidebyside--google .image {
padding-left: 80px;
padding-right: 80px;
max-width: 400px;
}
.section-sidebyside--google img.google-badge {
max-width: 100%;
width: auto;
}
.section-solution .grid>.grid__col {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-solution .grid>.grid__col--primary {
width: 65%;
max-width: 65%;
}
.section-solution .grid>.grid__col--secondary {
width: 35%;
max-width: 35%;
}
.section-team .grid:not(.grid-fancy)>.grid__col {
width: 50%;
}
.cms-block-content .aligncenter, .cms-block-content .alignleft, .cms-block-content .alignnone, .cms-block-content .alignright {
text-align: center;
margin: 30px auto;
}
.cms-block-content .aligncenter .wp-caption-text, .cms-block-content .aligncenter img, .cms-block-content .alignleft .wp-caption-text, .cms-block-content .alignleft img, .cms-block-content .alignnone .wp-caption-text, .cms-block-content .alignnone img, .cms-block-content .alignright .wp-caption-text, .cms-block-content .alignright img {
margin-left: auto;
margin-right: auto;
}
.cms-block-content hr:after {
max-width: 50px;
}
}
@media (max-width:620px) {
.hero-internal__cta {
margin-left: 30px;
margin-right: 30px;
width: calc(100vw - 60px);
left: 0;
}
}
@media only screen and (max-width:600px) {
.modaal-instagram iframe {
width: 280px!important;
}
.combo-wrapper .tab-custom .tabbing-links li {
font-size: 10px;
font-weight: 500;
padding: 18px 5px;
width: 32%;
}
.list-scrollpkge {
padding: 15px 0 0 0;
}
}
@media (max-width:600px) {
.resource>a {
color: rgba(000, 000, 000, .85);
}
.work>a {
color: rgba(000, 000, 000, .85);
}
.single-resource--walled .form-walled {
margin-top: 30px;
}
.hero-internal__meta__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-internal__meta__inner, .hero-internal__meta__inner .avatar-wrap {
margin-bottom: 10px;
}
.hero-solution__wrap {
margin-top: 0;
}
.hero-solution__content {
margin-top: -40px;
}
.hero-solution__image {
width: 100%;
}
.hero-solution__image .exploded.exploded-digital-advertising {
margin-bottom: 20px;
}
.section-awards__list>li {
width: 50%;
}
.section-services__overlay {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-services__image {
margin-bottom: 30px;
}
.section-values__title br {
display: none;
}
}
@media (max-width:599px) {
.cta-more__controls {
margin-left: -30px;
margin-right: -30px;
}
.cta-more__controls .cta-more__controls__prev {
left: 10px;
}
.cta-more__controls .cta-more__controls__next {
right: 10px;
}
.cta-more .grid>.grid__col {
width: 100%;
}
.cta-more__slider .slick-list {
padding: 0 30px!important;
}
}
@media (max-width:560px) {
.hero-internal__cta {
height: 90px;
margin-top: -50px;
left: 0;
}
.hero-internal__cta .inner {
padding-left: 140px;
padding-right: 60px;
}
.hero-internal__cta .title {
font-size: 1.6rem;
}
.hero-internal__cta .image {
width: 120px;
}
.hero-internal__cta svg {
right: 10px;
width: 40px;
height: 10px;
margin-top: -5px;
}
}
@media (max-width:519px) {
.section-values__list .slick-slide:not(.slick-current) {
-webkit-transform: translateX(-65px);
-ms-transform: translateX(-65px);
transform: translateX(-65px);
}
.section-values__list .slick-slide.slick-current~.slick-slide:not(.slick-current) {
-webkit-transform: translateX(65px);
-ms-transform: translateX(65px);
transform: translateX(65px);
}
}
@media (max-width:499px) {
.hero-internal__stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 1.4rem;
}
.hero-internal__stats>li {
margin-bottom: 40px;
width: 25%;
}
.hero-internal__stats .stat {
font-size: 3rem;
margin-bottom: 15px;
margin-right: 0;
}
.hero-internal__stats .stat svg {
width: auto;
height: 30px;
-webkit-transform: translate(-15%, 10%);
-ms-transform: translate(-15%, 10%);
transform: translate(-15%, 10%);
}
.hero-internal__stats-slider .slick-list {
overflow: visible;
}
.hero-internal__stats-slide {
padding-left: 20px;
padding-right: 20px;
}
.hero-internal__stats p {
max-width: 150px;
margin: 0 auto;
}
.hero-internal__daterange {
text-align: center;
margin-top: 10px;
}
}
@media (max-width:480px) {
.hero-home__statement .title {
font-size: calc(36px + 40 * (100vw - 320px)/ 1480);
}
body .scene {
width: 100px;
height: 100px;
margin-left: auto;
margin-top: 100px;
}
.hero-home__statement {
margin-top: 200px;
}
.hero-home {
height: 550px;
}
.imgnew {
display: none;
}
.section-brightestminds__video {
display: none;
}
.section-cs__intro {
margin-top: 100px;
}
.section-specialty__controls .slick-dots, .section-specialty__controls .slick-dots li {
left: 0px;
}
.section-specialty__controls .section-specialty__slider__next {
right: 10px;
margin-top: -150px;
}
.section-specialty__controls .section-specialty__slider__next:focus,.section-specialty__controls .section-specialty__slider__prev:focus {
outline: none;
}
.section-specialty__controls .section-specialty__slider__prev {
left: 10px;
margin-top: -150px;
}
.botmForm .gform_wrapper .gform_fields>li+li {
width: 100%;
}
.gfield_checkbox li {
width: 50% !important;
}
.accordion .accordion__trigger .icon--chevron-up, .accordion .accordion__trigger:before {
top: 13px;
margin-top: 0;
}
.accordion .accordion__trigger .icon--chevron-up:before {
line-height: 20px;
}
.accordion .accordion__panel {
padding: 20px;
}
.award .quote {
font-size: 1.2rem;
line-height: 1.2;
}
.award .text {
font-size: 1.2rem;
line-height: 1.6;
}
.btn--small {
font-size: 1.1rem;
padding: 11px 20px;
}
.form-walled .title {
margin-bottom: 20px;
}
.form-walled .btn, .form-walled .gform_wrapper .gform_button, .form-walled .text-fineprint, .gform_wrapper .form-walled .gform_button {
margin-top: 10px;
}
.newsletter input[type=text] {
padding-right: 20px;
padding-left: 40px;
height: 52px;
}
.footer-sitemap .grid__col {
width: 100%;
}
.footer-sitemap .grid__col:last-child {
margin-bottom: 0;
}
.section-awards__list {
margin-left: -10px;
margin-right: -10px;
}
.section-awards__list .slick-list {
overflow: visible;
}
.section-awards__list .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-awards__list .slick-slide {
padding-left: 10px;
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-height: 0;
}
.section-brightestminds__intro .section-brightestminds__fancy {
left: 15px;
top: -170px;
bottom: auto;
}
.section-brightestminds__video>.supporting-text .arrow {
right: 15px;
margin-left: 0;
}
.section-cs__video {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.section-cs__video .thumb {
width: 100%;
margin-bottom: 15px;
margin-right: 0;
}
.section-cs__video .thumb .play {
width: 70px;
height: 70px;
margin-top: -35px;
margin-left: -35px;
}
.section-cs__video .thumb .play:before {
border-width: 10px 0 10px 14px;
margin-left: -5px;
margin-top: -10px;
}
.section-positions__list a {
font-size: 1.4rem;
}
.section-positions__form .grid__col {
width: 100%;
}
.section-quote .enquiry__details>label {
width: 100%;
}
.section-solution.is-even .grid, .section-solution.is-odd .grid {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-left: 0;
}
.section-solution.is-even .grid>.grid__col, .section-solution.is-odd .grid>.grid__col {
width: 100%;
padding-left: 0;
position: relative;
}
.section-solution.is-even .grid>.grid__col--primary, .section-solution.is-odd .grid>.grid__col--primary {
padding-left: 0;
padding-right: 0;
display: block;
z-index: 2;
margin-bottom: 20px;
}
.section-solution.is-even .grid>.grid__col--primary .inner, .section-solution.is-odd .grid>.grid__col--primary .inner {
display: block;
height: auto;
padding-left: 0;
}
.section-solution.is-even .grid>.grid__col--secondary, .section-solution.is-odd .grid>.grid__col--secondary {
z-index: 1;
}
.section-solution .grid>.grid__col--primary {
max-width: none;
}
.section-solution .grid>.grid__col--secondary {
margin-bottom: 20px;
max-width: none;
}
.section-solution .exploded.exploded-seo {
max-width: 350px;
}
.section-solution .exploded.exploded-adwords {
max-width: 200px;
margin: 0;
}
.section-solution .exploded.exploded-remarketing {
max-width: 450px;
}
.section-solution .exploded.exploded-socialadvertising {
max-width: 450px;
}
.section-solution .exploded.exploded-webdesign {
max-width: 450px;
}
.section-solution .exploded.exploded-consulting {
max-width: 350px;
margin-bottom: 40px;
}
.section-solution .exploded.exploded-digital-advertising {
max-width: 480px;
margin-right: auto;
margin-bottom: 40px;
}
.section-specialty__list {
display: block;
padding-top: 30px;
margin-left: -30px;
margin-right: -30px;
}
.section-specialty__list>li {
width: auto;
}
.section-specialty__list .slick-list {
overflow: visible;
}
.section-specialty__list .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-specialty__list .slick-slide {
padding-left: 10px;
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-height: 0;
}
.section-team .grid-fancy>.grid__col {
width: 100%;
}
.section-values__list {
margin-left: -30px;
margin-right: -30px;
}
.section-values__slider {
width: auto;
}
.section-values__controls .section-values__slider__prev {
left: 10px;
}
.section-values__controls .section-values__slider__next {
right: 10px;
}
.section-work__grid>.grid__col {
width: 100%;
}
.cms-block-content .aligncenter, .cms-block-content .alignleft, .cms-block-content .alignnone, .cms-block-content .alignright {
width: 100%;
margin: 30px 0;
max-width: none!important;
text-align: left;
}
.cms-block-content .aligncenter .wp-caption-text, .cms-block-content .alignleft .wp-caption-text, .cms-block-content .alignnone .wp-caption-text, .cms-block-content .alignright .wp-caption-text {
padding-left: 0;
padding-right: 0;
}
.cms-block-preview {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cms-block-preview .thumb {
margin-right: 0;
margin-bottom: 10px;
}
.cms-block-preview .title {
margin-bottom: 10px;
}
}
@media (max-width:479px) {
.gform_wrapper .ginput_container_checkbox .gfield_checkbox>li {
width: 100%;
}
.gform_wrapper .gform_text {
font-size: 1.6rem;
}
.filter {
padding-top: 50px;
min-height: 50px;
}
.filter:before {
content: '';
top: 22px;
}
.filter span.filter-item {
line-height: 50px;
padding-right: 50px;
}
.specialty .specialty__icon {
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px);
}
.specialty .specialty__title {
-webkit-transform: translateY(-95px);
-ms-transform: translateY(-95px);
transform: translateY(-95px);
}
.specialty .specialty__content {
opacity: 1;
}
.widget-brands__item .post-stat-text {
white-space: pre-wrap;
min-height: 25px;
}
.page-contact .section-contact {
margin-bottom: 0;
}
.hero-internal__video>.supporting-text .illo {
width: 20px;
height: auto;
margin-left: 5px;
}
.section-brightestminds__video>.supporting-text {
line-height: 1.6;
}
.section-brightestminds__video>.supporting-text .illo {
width: 20px;
height: auto;
margin-left: 5px;
}
.section-contact__intro ul, .section-contact__locations ul, .section-contact__social ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0;
}
.section-contact__intro ul>li, .section-contact__locations ul>li, .section-contact__social ul>li {
width: 100%;
padding-left: 0;
}
.section-contact__intro ul>li:not(:last-child), .section-contact__locations ul>li:not(:last-child), .section-contact__social ul>li:not(:last-child) {
margin-right: 0;
margin-bottom: 20px;
}
.section-contact__form {
margin-left: -30px;
margin-right: -30px;
padding-top: 40px;
padding-bottom: 40px;
}
.section-contact__social a {
position: relative;
padding-left: 30px;
}
.section-contact__social a .icon {
position: absolute;
left: 0;
top: 0;
width: 18px;
text-align: center;
margin-right: 0;
}
.section-resources__grid>.grid__col {
width: 100%;
max-width: 100%;
}
.section-team .grid:not(.grid-fancy)>.grid__col {
width: 100%;
}
.cms-block-content .wp-video {
max-width: 100%;
width: auto;
height: auto;
}
}
@media (max-width:400px) {
.hero-internal__cta {
margin-left: 0;
margin-right: 0;
width: 100vw;
left: 0;
}
}
@media (max-width:375px) {
.hero-internal__stats-controls {
max-width: calc(100vw - 20px);
margin: 0 auto;
}
.hero-internal__stats-slider .slick-list {
margin-left: -30px;
margin-right: -30px;
}
.hero-internal__stats-slider .slick-list p {
max-width: none;
}
.hero-internal__stats-slider .slick-list .slick-slide {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transition-delay: 0s!important;
-o-transition-delay: 0s!important;
transition-delay: 0s!important;
}
.hero-internal__stats-slider .slick-list .slick-slide:not(.slick-current) {
-webkit-transform: translateX(-65px);
-ms-transform: translateX(-65px);
transform: translateX(-65px);
}
.hero-internal__stats-slider .slick-list .slick-slide.slick-current~.slick-slide:not(.slick-current) {
-webkit-transform: translateX(65px);
-ms-transform: translateX(65px);
transform: translateX(65px);
}
.section-values__list .slick-list {
padding-left: 20px!important;
padding-right: 20px!important;
}
.section-values__controls .section-values__slider__prev {
left: -15px;
}
.section-values__controls .section-values__slider__next {
right: -15px;
}
}
@media (max-width:340px) {
.hero-internal__cta .inner {
padding-left: 30px;
}
.hero-internal__cta .image {
display: none;
}
.hero-internal__cta svg {
right: 30px;
}
}
@media (min-width:480px) and (max-width:768px) {
.gform_wrapper .ginput_container_checkbox .gfield_checkbox>li {
width: 50%;
}
}
@media (min-width:480px) and (max-width:1023px) {
.mobile .specialty, .tablet .specialty {
margin-bottom: 50px;
}
.section-specialty__title {
margin-bottom: 70px;
}
}
@media (min-width:768px) and (max-width:1180px) {
.widget-newsletter .newsletter__hidden {
clip: initial;
width: auto;
height: auto;
margin: 0;
overflow: visible;
position: static!important;
}
.widget-newsletter .newsletter input[type=text] {
height: 64px;
}
.widget-newsletter .newsletter input[type=text]::-webkit-input-placeholder {
display: none!important;
visibility: hidden;
opacity: 0;
}
.widget-newsletter .newsletter button {
top: 28px;
}
}
@media (min-width:481px) and (max-width:959px) {
.widget-newsletter:before {
padding-top: 345px;
}
}
@media (min-width:1024px) and (max-width:1439px) {
.container, .widget-brands {
max-width: 1520px;
padding-left: 60px;
padding-right: 60px;
}
.container--wide {
max-width: 1840px;
}
.container--narrow {
max-width: 1080px;
}
.cta-letstalk .container, .cta-letstalk .widget-brands {
max-width: 700px;
}
}
@media (min-width:768px) and (max-width:959px) {
.single-resource .cta-newsletter .widget-newsletter:before, .single-resource--walled .cta-newsletter .widget-newsletter:before {
padding-top: 0;
height: 330px;
}
}
@media (min-width:376px) and (max-width:499px) {
.hero-internal__stats-slider .slick-list .slick-slide {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transition-delay: 0s!important;
-o-transition-delay: 0s!important;
transition-delay: 0s!important;
}
.hero-internal__stats-slider .slick-list .slick-slide:not(.slick-active) {
-webkit-transform: translateX(-65px);
-ms-transform: translateX(-65px);
transform: translateX(-65px);
}
.hero-internal__stats-slider .slick-list .slick-slide.slick-active~.slick-slide:not(.slick-active) {
-webkit-transform: translateX(65px);
-ms-transform: translateX(65px);
transform: translateX(65px);
}
}
@media (min-width:601px) and (max-width:959px) {
.section-brightestminds__stats .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: auto;
}
.section-brightestminds__stats .list>li {
width: 50%;
padding-right: 40px;
}
}
@media (min-width:768px) and (max-width:1200px) {
.section-cs__slide {
min-height: 0;
}
.section-cs__slide>.grid {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-cs__slide>.grid>.grid__col:nth-child(1), .section-cs__slide>.grid>.grid__col:nth-child(2) {
width: 50%;
}
.section-cs__slide>.grid>.grid__col:nth-child(3) {
margin-top: 30px;
width: 100%;
max-width: none;
}
.section-cs__bg {
background-image: none!important;
position: absolute;
bottom: 0;
top: auto;
right: 0;
left: auto;
width: 50%;
}
.section-cs__bg>img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: 0;
margin-left: auto;
}
.section-cs__stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: relative;
margin-left: -30px;
margin-right: -30px;
padding-left: 30px;
padding-right: 30px;
}
.section-cs__stats:before {
content: '';
z-index: 1;
display: block;
width: 100%;
height: 200%;
position: absolute;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0)), color-stop(85%, #111));
background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0, #111 85%);
background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0, #111 85%);
background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0, #111 85%);
}
.section-cs__stats>li.stat {
width: 33.3333%;
position: relative;
z-index: 2;
}
.section-cs__stats>li.stat .stat__text {
max-width: 220px;
}
.section-cs .slick-list {
overflow: visible;
}
.section-cs__bg {
margin-right: -80px;
}
}
@media (min-width:480px) and (max-width:959px) {
.section-resources__grid>.grid__col:nth-child(1), .section-resources__grid>.grid__col:nth-child(2), .section-resources__grid>.grid__col:nth-child(3), .section-resources__grid>.grid__col:nth-child(5) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.section-resources__grid>.grid__col:nth-child(4) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.section-resources__grid>.grid__col:nth-child(n+6) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media (min-width:481px) and (max-width:600px) {
.section-solution .grid>.grid__col--secondary .image {
margin-left: -25px;
margin-right: -25px;
}
}
@media (min-width:480px) and (max-width:767px) {
.section-specialty__list>li {
width: 50%;
}
}
@media (min-width:768px) and (max-width:1023px) {
.section-specialty--industries ul>li {
width: 33.3333%;
}
.section-team .grid:not(.grid-fancy)>.grid__col {
width: 33.3333%;
}
}
@media screen and (max-width:1023px) and (min-width:480px) {
.section-team .grid-fancy>.grid__col .section-team__item .overlay .title {
font-size: calc(18px + 10 * (100vw - 480px)/ 1320);
}
}
@media screen and (max-width:1023px) and (min-width:1800px) {
.section-team .grid-fancy>.grid__col .section-team__item .overlay .title {
font-size: 28px;
}
}
@media (min-width:768px) and (max-width:1490px) {
.cms-block-content .alignleft, .cms-block-content .alignright {
width: 50%;
}
}
@media screen and (prefers-reduced-motion) {
.title--stagger * {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
-webkit-transform: matrix(1, 0, 0, 1, 0, 0)!important;
-ms-transform: matrix(1, 0, 0, 1, 0, 0)!important;
transform: matrix(1, 0, 0, 1, 0, 0)!important;
opacity: 1!important;
}
.slick-slide {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
.fade-in, .perspective-in>.value, .perspective-in>.value__content, .scale-in, .step-in, .step-up {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
opacity: 1!important;
-webkit-transform: scale(1)!important;
-ms-transform: scale(1)!important;
transform: scale(1)!important;
-webkit-transform: translateY(0)!important;
-ms-transform: translateY(0)!important;
transform: translateY(0)!important;
-webkit-transform: translateX(0)!important;
-ms-transform: translateX(0)!important;
transform: translateX(0)!important;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)!important;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)!important;
}
* {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
.hero-home__bg {
background-position: center right;
background-repeat: no-repeat;
background-size: auto 100%;
}
.hero-home__bg canvas {
display: none;
}
.section-brightestminds__intro .section-brightestminds__fancy:after {
opacity: 1!important;
}
.section-brightestminds__intro .section-brightestminds__fancy.is-revealed:after {
-webkit-animation: none!important;
animation: none!important;
}
.section-services .accordion__trigger .text, .section-services .pager-item .text {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
.section-services .pager-item svg {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
.exploded .animate-stroke, .exploded .animate-transform, .exploded .dash, .exploded .screw, .exploded .screw .overflow, .exploded .screw .overflow>img, .exploded .screw__inner>img:nth-child(2), .exploded .screw__inner>img:nth-child(3), .exploded .screw__inner>img:nth-child(4) {
-webkit-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
}
@media screen and (max-height:1100px) {
.modaal-instagram iframe {
width: 700px!important;
}
}
@media screen and (max-height:1000px) {
.modaal-inner-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.modaal-instagram iframe {
width: 600px!important;
}
}
@media screen and (max-height:900px) {
.modaal-instagram iframe {
width: 500px!important;
}
.modaal-video-container {
max-width: 900px;
max-height: 510px;
}
}
@media only screen and (max-height:820px) {
.modaal-gallery-label {
display: none;
}
}
@media only screen and (max-height:960px) {
.enquiry {
padding: 40px;
}
.enquiry .btn--large, .enquiry .gform_wrapper .gform_button, .gform_wrapper .enquiry .gform_button {
padding: 18px;
}
.enquiry .enquiry__title {
margin-bottom: 10px;
}
.enquiry input, .enquiry input[type=checkbox]+.label, .enquiry input[type=radio]+.label, .enquiry textarea {
padding-top: 12px;
padding-bottom: 12px;
}
}
@media all and (-ms-high-contrast:none) {
.section-team .grid-fancy {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
width: auto;
margin-left: -10px;
margin-right: -10px;
}
.section-team .grid-fancy>.grid__col {
grid-area: cell;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-13) {
-ms-grid-column-span: 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-9) {
-ms-grid-row-span: 4;
-ms-grid-column-span: 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-3), .section-team .grid-fancy>.grid__col:nth-child(14n-6), .section-team .grid-fancy>.grid__col:nth-child(14n-8) {
-ms-grid-row-span: 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-1) {
-ms-grid-row-span: 2;
-ms-grid-column-span: 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-13) {
-ms-grid-column: 1;
grid-column: 1;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-12) {
-ms-grid-column: 3;
grid-column: 3;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-11) {
-ms-grid-column: 4;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-10) {
-ms-grid-column: 1;
grid-column: 1;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-09) {
-ms-grid-column: 2;
grid-column: 2;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-08) {
-ms-grid-column: 4;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-07) {
-ms-grid-column: 1;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-06) {
-ms-grid-column: 1;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-05) {
-ms-grid-column: 4;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-04) {
-ms-grid-column: 4;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-03) {
-ms-grid-column: 1;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-02) {
-ms-grid-column: 2;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-01) {
-ms-grid-column: 3;
grid-column: 3;
}
.section-team .grid-fancy>.grid__col:nth-child(14n-00) {
-ms-grid-column: 2;
grid-column: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(01), .section-team .grid-fancy>.grid__col:nth-child(02), .section-team .grid-fancy>.grid__col:nth-child(03) {
-ms-grid-row: 1;
grid-row: 1;
}
.section-team .grid-fancy>.grid__col:nth-child(04), .section-team .grid-fancy>.grid__col:nth-child(05), .section-team .grid-fancy>.grid__col:nth-child(06) {
-ms-grid-row: 2;
grid-row: 2;
}
.section-team .grid-fancy>.grid__col:nth-child(07) {
-ms-grid-row: 3;
grid-row: 3;
}
.section-team .grid-fancy>.grid__col:nth-child(08), .section-team .grid-fancy>.grid__col:nth-child(09) {
-ms-grid-row: 4;
grid-row: 4;
}
.section-team .grid-fancy>.grid__col:nth-child(10) {
-ms-grid-row: 5;
grid-row: 5;
}
.section-team .grid-fancy>.grid__col:nth-child(11), .section-team .grid-fancy>.grid__col:nth-child(12), .section-team .grid-fancy>.grid__col:nth-child(13) {
-ms-grid-row: 6;
grid-row: 6;
}
.section-team .grid-fancy>.grid__col:nth-child(14) {
-ms-grid-row: 7;
grid-row: 7;
}
.section-team .grid-fancy>.grid__col:nth-child(15), .section-team .grid-fancy>.grid__col:nth-child(16), .section-team .grid-fancy>.grid__col:nth-child(17) {
-ms-grid-row: 8;
grid-row: 8;
}
.section-team .grid-fancy>.grid__col:nth-child(18), .section-team .grid-fancy>.grid__col:nth-child(19), .section-team .grid-fancy>.grid__col:nth-child(20) {
-ms-grid-row: 9;
grid-row: 9;
}
.section-team .grid-fancy>.grid__col:nth-child(21) {
-ms-grid-row: 10;
grid-row: 10;
}
.section-team .grid-fancy>.grid__col:nth-child(22), .section-team .grid-fancy>.grid__col:nth-child(23) {
-ms-grid-row: 11;
grid-row: 11;
}
.section-team .grid-fancy>.grid__col:nth-child(24) {
-ms-grid-row: 12;
grid-row: 12;
}
.section-team .grid-fancy>.grid__col:nth-child(25), .section-team .grid-fancy>.grid__col:nth-child(26), .section-team .grid-fancy>.grid__col:nth-child(27) {
-ms-grid-row: 13;
grid-row: 13;
}
.section-team .grid-fancy>.grid__col:nth-child(28) {
-ms-grid-row: 14;
grid-row: 14;
}
.section-team .grid-fancy>.grid__col:nth-child(29), .section-team .grid-fancy>.grid__col:nth-child(30), .section-team .grid-fancy>.grid__col:nth-child(31) {
-ms-grid-row: 15;
grid-row: 15;
}
.section-team .grid-fancy>.grid__col:nth-child(32), .section-team .grid-fancy>.grid__col:nth-child(33), .section-team .grid-fancy>.grid__col:nth-child(34) {
-ms-grid-row: 16;
grid-row: 16;
}
.section-team .grid-fancy>.grid__col:nth-child(35) {
-ms-grid-row: 17;
grid-row: 17;
}
.section-team .grid-fancy>.grid__col:nth-child(36), .section-team .grid-fancy>.grid__col:nth-child(37) {
-ms-grid-row: 18;
grid-row: 18;
}
.section-team .grid-fancy>.grid__col:nth-child(38) {
-ms-grid-row: 19;
grid-row: 19;
}
.section-team .grid-fancy>.grid__col:nth-child(39), .section-team .grid-fancy>.grid__col:nth-child(40), .section-team .grid-fancy>.grid__col:nth-child(41) {
-ms-grid-row: 20;
grid-row: 20;
}
.section-team .grid-fancy>.grid__col:nth-child(42) {
-ms-grid-row: 21;
grid-row: 21;
}
}
.martop100 {
margin-top: 200px;
}
.martop50 {
margin-top: 50px;
}
/*css*/
.single-solution .hero-internal.technology .container {
padding-bottom: calc(100px + 35 * (100vw - 480px)/ 1320);
padding-top: calc(120px + 130 * (100vw - 480px)/ 1320);
}
.single-solution .hero-internal.technology {
margin-bottom: 0px;
}
.ui-bg-ux-bf:before {
content: '';
background: url(../images/mock.png);
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: -160px;
background-repeat: no-repeat;
background-position: top left;
top: -30px;
background-size: contain;
}
.website-development-fd:before {
content: '';
background: url(../images/mock1.png);
position: absolute;
z-index: 1;
width: 70%;
height: 100%;
left: -160px;
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
top: 0;
}
section.section-sidebyside.is-odd.js-wp.genpadding.website-development-fd.is-revealed span img {
min-width: 50px;
min-height: 50px !important;
position: relative !important;
float: none;
margin-right: 10px !important;
}
.image {
position: absolute;
}
.heading img {
float: none;
margin: 0;
margin-right: 10px !important;
}
section.section-sidebyside.is-odd.js-wp.genpadding.ui-bg-ux-bf.is-revealed span img {
min-width: 50px;
min-height: 50px !important;
position: relative !important;
float: none;
margin-right: 10px !important;
}
.content.ui-bg-ux-content {
padding-left: 65px;
}
.ui-bg-ux-bf h2 {
font-size: 28px !important;
line-height: 28px !important;
margin-bottom: 0 !important;
}
.martop20 {
margin-top: 20px;
}
.website-development-fd h2 {
font-size: 21px !important;
margin-bottom: 0 !important;
}
.website-development-fd ul li {
display: inline-block;
}
.website-development-fd ul {
padding: 0;
margin: 0;
}
.website-development-fd ul li {
display: inline-block;
width: 49%;
padding: 20px 0;
}
@media(max-width: 1024px) {
section.section-sidebyside.is-odd.js-wp.genpadding.website-development-fd.is-revealed span img , section.section-sidebyside.is-odd.js-wp.genpadding.ui-bg-ux-bf.is-revealed span img {
width: 40px;
}
section.section-sidebyside.is-odd.js-wp.genpadding.website-development-fd h2.title.step-up.martop20, section.section-sidebyside.is-odd.js-wp.genpadding.ui-bg-ux-bf h2.title.step-up.martop20 {
font-size: 20px !important;
}
.header-main__inner.container-fluid ul li {
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
}
.specialty .text {
font-size: 11px;
}
li.section-specialty__item.section-specialty__slide.step-up {
margin-top: 20px;
}
}
@media(max-width: 768px) {
.ui-bg-ux-bf:before {
background-size: 80%;
}
.portfoliolist {
text-align: center;
margin-bottom: 0px;
margin-left: 0;
padding-left: 0;
}
section.conterSection {
text-align: center;
}
}
@media(max-width: 760px) {
.ui-bg-ux-bf:before ,.website-development-fd:before {
background: none !important;
}
.page-home .section-brightestminds {
margin-bottom: 50px;
margin-top: 50px !important;
}
.content.ui-bg-ux-content {
padding-left: 0px;
}
.ui-bg-ux-bf h2 img ,.website-development-fd h2 img {
margin: 30px auto;
}
.conterSection .countnew p {
font-size: 24px;
display: block;
margin: 0;
}
img.attachment-case-study-image.size-case-study-image {
margin-bottom: 50px !important;
}
.main-pricing-block.web-portfolio-ul .mytabbing-links {
/* width: 92%; */
text-align: left;
margin: 20px auto;
}
.conterSection .countnew {
border: none;
}
}
.inline-block {
display: inline-block;
padding: 0px 10px;
}
.our-work .work-port li {
min-width: 206px !important;
}
.our-work .main-pricing-block .mytabbing-links li.current svg {
display: block;
margin: 0 auto;
}
.cust-ps h3.title {
font-size: calc(50px + 16 * (100vw - 480px)/ 1320);
margin-bottom: 31px;
}
.cust-ps .content {
line-height: 30px;
}
.padding-left {
margin-bottom: 3rem;
}
.cust-ps button {
width: 180px;
z-index: 9;
}
.cust-arrow {
left: 140% !important;
}
@media(max-width:600px) {
.cust-ps h3.title {
font-size: 20px;
}
.cust-ps .stat__inner {
position: relative;
left: 10%;
}
}
.order-now .hero-internal .container, .order-now .hero-internal .widget-brands {
padding-top: 250px;
}
.order-now .hero-internal .container, .order-now .hero-internal .widget-brands {
padding-bottom: 210px;
}
.order-now .hero-internal__content {
max-width: 720px;
}
.order-now .cta-letstalk {
margin-top: 210px;
}
.order-now .cta-letstalk {
margin-bottom: 150px;
}
/*-----------SEE DETAIL----------------------*/
.works-wrap {
padding: 150px 0 60px;
position: relative;
background-color: #212529;
z-index: 2;
border-bottom: 1px solid #eaeaea;
}
.subscribe-fold {
padding: 0px 0 0;
}
.subscribe-fold .myheading {
position: relative;
padding-bottom: 40px;
font-size: 44px;
color: #ffffff;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0px;
}
.subscribe-fold .mytext {
text-align: left;
margin: 0 0 70px;
padding: 0px;
font-size: 18px;
color: #ffffff;
}
.subscribe-fold .myheading:after {
position: absolute;
background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%);
/* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
/* Chrome10-25,Safari5.1-6 */
width: 76px;
height: 2px;
left: 0;
bottom: 0;
}
.bronze {
border: 1px solid transparent;
}
.subs-pac {
box-shadow: 0 3px 30px #0000001f;
display: block;
width: 100%;
text-align: center;
height: 505px;
margin: 0 0 60px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 10px;
padding: 75px 0 0;
}
.subscribe-fold h3 {
font-size: 24px;
color: #ffffff;
margin: 0;
font-weight: 400;
position: relative;
text-transform: capitalize;
font-weight: 800;
width: 100%;
text-align: center;
}
.subs-pac h6 {
color: #ffffff;
font-size: 40px;
font-weight: 700;
display: inline-block;
line-height: 0.9;
margin: 30px 0 0;
position: relative;
padding: 0 20px;
}
.subs-pac h6 span.old {
position: absolute;
right: 0;
left: 0;
top: -30px;
text-decoration: line-through;
font-weight: bold;
margin: 0;
font-size: 16px;
}
.subs-pac h6 b {
position: relative;
font-size: 20px;
display: inline-block;
top: -28px;
color: #555;
}
.subs-pac h6 span {
font-size: 16px;
color: #ffffff;
display: inline-block;
margin: 30px 0 0;
padding: 0;
position: relative;
line-height: 1.3;
}
.subs-pac h6 span b.monthss {
position: absolute;
right: -61px;
font-size: 20px;
top: -37px;
color: #555;
}
.subs-pac.bronze:hover {
background: #ff8901;
}
.subs-pac span {
display: block;
margin: 30px 0 20px;
font-weight: 400;
}
.subs-pac a.ordrrrr {
text-align: center;
margin: 30px auto 0;
border: none;
padding: 14px 60px;
color: #ffffff;
box-shadow: none;
text-decoration: none;
border-radius: 10px;
font-weight: 600;
cursor: pointer;
display: inline-block;
font-size: 16px;
background: #ff8901;
font-family: var(--heading-font-family);
}
.subs-pac:hover a.ordrrrr {
background: #ffffff;
color: #ff8901;
}
.subs-pac .actions {
border-top: 1px solid #eeeeee;
padding: 0px 0;
margin: 40px 0 0;
position: relative;
}
.subs-pac:hover div.actions {
border-top: 1px solid #fff;
}
.subs-pac .actions a.chatbtn {
font-size: 12px;
font-weight: 600;
padding: 15px 0px;
display: inline-block;
color: #ffffff;
margin: 0px;
}
.subs-pac .actions a.numberbtn {
font-size: 12px;
font-weight: 600;
padding: 15px 0px;
color: #ffffff;
display: inline-block;
margin: 0px;
}
.subs-pac.bronze:hover h3, .subs-pac.bronze:hover h6, .subs-pac.bronze:hover span, .subs-pac.silver:hover h3, .subs-pac.silver:hover h6, .subs-pac.silver:hover span, .subs-pac.gold:hover h3, .subs-pac.gold:hover h6, .subs-pac.gold:hover span {
color: #fff;
}
.subs-pac:hover h6 b {
color: #fff;
}
.subs-pac.bronze:hover a.chatbtn {
color: #fff !important;
}
.subs-pac.bronze:hover a.numberbtn {
color: #fff !important;
}
.subscribe-fold .table-packages.bronze {
border: none;
}
.subscribe-fold .table-packages {
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width: 100%;
}
sub-list {
padding-left: 40px;
}
.subscribe-fold .table-packages .head {
width: 100%;
}
.subscribe-fold .table-packages .head h5 {
text-align: left;
font-size: 28px;
font-weight: 700;
margin: 0;
padding: 0;
display: inline-block;
color: #ffffff;
}
.subscribe-fold .table-packages .body .subscription-list {
height: 430px;
margin-top: 20px;
padding: 0;
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
padding: 0 10px;
direction: ltr;
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto;
}
.subscribe-fold .table-packages .body ul li {
text-align: left;
padding: 14px 0 14px 0;
border-bottom: 1px solid #eaeaea;
width: 95%;
}
.subscribe-fold .table-packages .body ul li h6 {
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
display: inline-block;
font-family: var(--primary-font-family);
color: #ffffff;
}
.subscribe-fold .table-packages .body ul li span.tick {
font-size: 20px;
color: #ff8901;
position: relative;
display: block;
margin: 0;
padding: 0;
text-align: center;
width: 30px;
height: 32px;
line-height: 1.6;
float: right;
}
.subscribe-fold .table-packages .body ul li span.tick:before {
font-family: "fontawesome";
content: "\f00c";
position: absolute;
top: 0;
}
.mCSB_scrollTools {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_scrollTools {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.subscribe-fold {
padding: 0px 0 0;
}
.heading {
font-weight: 700;
}
.subscribe-fold .table-packages .body .subscription-list {
height: 430px;
margin-top: 20px;
padding: 0;
}
@media only screen and (max-width: 769px) and (min-width: 0px) {
.subs-pac a.ordrrrr {
font-size: 15px;
padding: 10px 20px;
}
.pkgewrp .navwrp ul li {
margin-bottom: 15px;
}
}
.row.pkgewep-slider.brdng.packages-mytabs.slick-initialized.slick-slider.slick-dotted ul.slick-dots {
display: none!important;
}
.page-home span.title--underline {
margin-bottom: 60px;
}
.page-home .pkgewrp .navwrp {
margin-top: 40px;
}
.secondary-menu {
display: block;
margin: auto;
margin-bottom: 90px;
display: none;
}
.inner p {
width: 100%;
}
.header-main nav>ul>li p a {
font-size: 15px !important;
position: relative;
margin-left: 15px;
transition: all .3s ease;
color: #000;
}
.header-main nav>ul>li p a:before {
content: "\f0da";
color: #ff8901;
font-size: 20px;
margin-right: 10px;
font-family: FontAwesome;
position: absolute;
left: -14px;
top: -4px;
}
.header-main nav>ul>li p a:hover {
color: #ff8901;
margin-left: 30px;
}
.single-solution.page-about .section-awards {
padding-top: 80px;
}
.home-desc .title--stagger span {
display: block;
font-size: 50px;
color: #fff;
word-spacing: 10px;
letter-spacing: 0px;
margin-left: 20px !important;
}
.title--stagger span {
display: block;
font-size: 30px;
color: #ff8901;
}
.para-sec h1.hero-internal__title.title.title--stagger.is-revealed {
font-size: 60px;
padding: 60px 0;
text-align: center;
max-width: unset;
margin-bottom: 0;
/* padding-bottom: 0; */;
}
h3.title.step-up {
margin-top: 50px;
}
ul.bullets {
text-align: left;
margin: 20px 0;
}
ul.bullets li {
width: 49%;
display: inline-block;
font-size: 17px;
position: relative;
}
ul.bullets li:before {
content: "\f00c";
font-size: 14px;
margin-right: 0;
font-family: FontAwesome;
position: absolute;
left: -35px;
color: #ff8901;
background: #ffffff;
padding: 0 3px;
border-radius: 50%;
width: 20px;
height: 20px;
top: 2px;
}
.para-sec h2.hero-internal__title.title.title--stagger.is-revealed {
font-size: 50px;
text-align: center;
}
.nda-sec {
padding: 60px 0;
margin-bottom: 60px;
background: #ff8901;
}
.nda-sec h4 {
font-size: 20px;
font-weight: 400;
margin-bottom: 30px;
max-width: unset;
}
.nda-sec h1 {
font-size: 50px;
margin-bottom: 0;
max-width: unset;
line-height: 1.2;
}
.fancybox-slide--iframe .fancybox-content {
height: 100% !important;
}
a:hover .specialty {
background: #ff8901;
}
a.show_hide {
color: #ff8901;
}
.section-specialty__item:hover .specialty {
background: #ff8901;
}
.home-ser.section-specialty--industries ul>li {
width: 33%;
}
i.fa {
font-size: 25px;
padding-top: 30px;
padding-right: 20px;
}
.widget-brands img {
width: 80%;
}
.section-contact__form {
padding: 40px;
}
.has-action a.btn.btn--primary {
width: 150px;
padding: 0;
}
.detailpg .list-scrollpkge {
height: 440px;
}
/******** floating form **********/
.floatingform-sec {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: fixed;
left: -450px;
top: 200px;
font-size: 0;
width: 450px;
z-index: 999;
}
.floatingform-sec.visible {
display: block;
}
/*.floatingform-sec .outer-show{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 120px;position: relative;text-transform: uppercase;background: #7d45a2;}*/
.floatingform-sec .outer-show {
width: 50px;
z-index: 999;
background-color: #ff8901;
height: 250px;
cursor: pointer;
box-shadow: 0px 0px 40px #00000026 !important;
border-radius: 0 10px 10px 0;
display: inline-block;
padding-top: 0;
vertical-align: top;
/* margin-top: 120px; */
position: relative;
text-transform: uppercase;
/* background: #fff; */
left: 450px;
right: auto;
top: 0px;
}
.floatingform-sec .outer-show p {
color: #ffffff;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
position: absolute;
display: block;
transform: rotate(-90deg);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
left: -50px;
text-transform: capitalize;
white-space: pre;
bottom: 115px;
}
.floatingform-sec .outer-show p.blink {
color: #ffffff;
}
.floatingform-sec .outer-show:hover {
right: 0px;
}
.floatingform-sec.show {
left: -50px;
}
.floatingform-sec span.icoo {
color: #c39d35;
font-size: 18px;
padding: 15px 20px;
background: #ffffff;
border-radius: 10px 0px 0px 10px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block;
}
.ban-form input, .ban-form textarea {
width: 100%;
margin: 0 0 0 0;
border: 1px solid #cbcbcb;
background: #ffffff00;
padding: 10px 15px;
color: #535353 !important;
font-size: 14px;
border-radius: 10px;
height: 50px;
font-weight: 400;
outline: none !important;
margin: 0 0 15px 0;
}
.floatingform-sec .banner-form {
width: 400px;
background: #111111;
top: -60px;
border: 1px solid #fff;
border-left: 0;
}
.floatingform-sec .banner-form h3 {
color: #fff;
text-align: center;
}
.floatingform-sec .banner-form input[type="submit"] {
background: transparent;
border: 1px solid;
border-radius: 6px;
color: #ff8901;
}
.banner-form {
background: #fff;
padding: 25px 20px;
position: relative;
z-index: 9;
border-radius: 0;
margin: 0;
width: 370px;
display: inline-block;
box-shadow: 0px 0px 30px #0000001f;
}
.floatbutton.visible .buttonclick {
opacity: 1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.floatbutton {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: fixed;
right: -370px;
top: 265px;
font-size: 0;
width: 420px;
z-index: 99;
}
.floating_wrap {
opacity: 1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.floating_wrap.visible {
opacity: 1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.floatbutton .buttonclick {
width: 50px;
z-index: 99;
opacity: 1;
vertical-align: top;
height: 0px;
cursor: pointer;
box-shadow: -20px 0 35px #0000001f;
border-radius: 50% 0% 0 50%;
background: #fff;
display: inline-block;
padding-top: 0px;
}
.floatbutton .buttonclick .crossplus {
position: relative;
display: block;
transform: rotate(0deg);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.floatbutton .buttonclick .crossplus.rotate {
transform: rotate(-90deg);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.floatbutton .buttonclick .crossplus p {
background: -webkit-linear-gradient(
330deg
, rgba(143, 66, 236, 0) 0%, #2c036c 100%);
background: linear-gradient(
120deg
, rgba(143, 66, 236, 0) 0%, #2c036c 100%);
background-color: #b142ec;
font-size: 20px;
width: 250px;
top: 0px;
position: relative;
margin-top: 194px;
height: 55px;
border-radius: 20px 20px 0px 0px;
padding-top: 15px;
text-align: right;
/* padding-right: 25px; */
text-align: center;
font-weight: 600;
color: #ffffff;
box-shadow: 0px 0px 40px #00000026 !important;
left: -4px;
}
.floatbutton .buttonclick .crossplus {
transform: rotate(-90deg);
}
.crossplus p a:hover {
color: #fa130d;
}
.floatbutton.active {
right: 0;
z-index: 9;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
/*floating strips css start */
.floating_wrap {
position: fixed;
right: 0px;
top: 140px;
z-index: 99;
}
.floating_wrap .btns_wrap {
position: fixed;
right: 0px;
}
.floating_wrap .btns_wrap a:hover {
text-decoration: none!important;
right: 0px;
}
.floating_wrap .btns_wrap .call_wrap {
width: 275px;
position: absolute;
right: -225px;
background: #fff;
top: 60px;
border-radius: 50px 0px 0px 50px;
overflow: hidden;
box-shadow: 0px 0px 40px #00000026 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.floating_wrap .btns_wrap .call_wrap span {
color: #fa130d;
; font-size: 20px;
vertical-align: middle;
background: #fff;
padding: 15px 20px 15px 15px;
}
.floating_wrap .btns_wrap .chat_wrap {
display: block;
position: absolute;
right: -225px;
width: 275px;
background: #fff;
top: 0;
border-radius: 0px;
overflow: hidden;
box-shadow: 0px 0px 40px #00000026 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 50px 0px 0px 50px;
}
.floating_wrap .btns_wrap .chat_wrap span.icoo, .floating_wrap .btns_wrap .call_wrap span.icoo {
color: #ffffff;
background: -webkit-linear-gradient(
330deg
, rgba(143, 66, 236, 0) 0%, #2c036c 100%);
background: linear-gradient(
120deg
, rgba(143, 66, 236, 0) 0%, #2c036c 100%);
background-color: #b142ec;
font-size: 20px;
line-height: 1;
padding: 14px 20px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block;
border-radius: 50px 0px 0px 50px;
}
.floating_wrap .btns_wrap .chat_wrap span {
color: #fa130d;
; font-size: 20px;
vertical-align: middle;
background: #fff;
padding: 15px 30px 15px 15px;
}
/*floating strips css end */
.callusnow {
width: 50px;
height: 50px;
color: #fff;
display: block;
text-align: center;
border-radius: 100%;
font-size: 22px;
position: fixed;
bottom: 20px;
left: 7px;
z-index: 9999;
box-shadow: 6px 9px 30px 1px rgb(37 0 22 / 71%);
padding: 6px 0px 12px 0;
animation: scrollDownAnimation .5s ease infinite alternate;
-webkit-animation: scrollDownAnimation .5s ease infinite alternate;
background: #ff8901;
border: solid 3px #ffffff;
}
.callusnow:hover {
color: #ffffff;
}
.callusnow.chat {
bottom: 80px;
}
.callusnow i.fa {
padding-top: 0;
padding-right: 0;
}
@keyframes scrollDownAnimation {
from {
transform: translateY(0);
}
to {
transform: translateY(-10px);
}
}
@-webkit-keyframes scrollDownAnimation {
from {
transform: translateY(0);
}
to {
transform: translateY(-10px);
}
}
.serv-sec .serv-img#serv-img {
width: 700px !important;
height: auto !important;
clip: unset !important;
position: relative !important;
top: -30px;
left: -80px;
}
.serv-sec .box-content h2 {
font-size: 21px !important;
margin-bottom: 0 !important;
}
.serv-sec .box-content span img {
min-width: 50px;
min-height: 50px !important;
position: relative !important;
float: none;
margin-right: 10px !important;
}
.serv-sec .box-content .content {
padding-left: 65px;
}
.serv-sec .box-content .content p {
width: 100%;
}
.serv-tab.serv-sec .mytabs {
display: none;
}
.serv-tab.serv-sec .mytabs.current {
display: block;
}
.serv-tab.serv-sec .tbing li {
cursor: pointer;
display: block;
list-style-type: none;
width: 100%;
text-align: left;
}
.pkgewrp .mainpkge.pdng-btm {
transition: transform .2s;
/* Animation */;
}
.pkgewrp .mainpkge.pdng-btm:hover {
background: #ff8901;
transform: scale(1.1);
}
.pkgewrp .mainpkge.pdng-btm:hover h4, .pkgewrp .mainpkge.pdng-btm:hover span, .pkgewrp .mainpkge.pdng-btm:hover h3,
.pkgewrp .mainpkge.pdng-btm:hover p {
color: #fff;
}
.col-md-3:hover .detailwrp a {
color: #ff8901;
}
.col-md-3 .detailwrp a:hover {
color: #ff8901;
}
.pkgewrp .mainpkge.pdng-btm:hover .serwrp ul li, .pkgewrp .mainpkge.pdng-btm:hover .serwrp ul li:after {
color: #fff;
}
.pkgewrp .mainpkge.pdng-btm:hover .btnwrp a {
background: #f5f6f7;
color: #ff8901;
}
@media only screen and (max-width: 1440px) {
.cta-letstalk {
margin: 0px;
padding: 60px 0;
}
.header-main nav>ul>li a {
font-size: 12px;
}
.gform_wrapper .header-main nav>ul .js-enquiryToggle.gform_button, .header-main nav>ul .btn.js-enquiryToggle, .header-main nav>ul .gform_wrapper .js-enquiryToggle.gform_button {
width: 130px;
}
/*.header-main .logo, .header-main .logo svg {width: 200px; }*/
.menu-item-has-children>.submenu>li:not(:last-child)>a, .menu-item-has-children>.submenu>li>a {
margin: 10px 0;
padding: 5px 0;
}
.header-main nav>ul>li p a {
font-size: 12px !important;
}
p+p {
margin: 5px 0 0;
}
.title--underline {
margin-bottom: 40px;
}
}
.portfolio-section .portfolio-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
justify-content: center;
align-items: center;
}
.portfolio-section .portfolio-gallery .card {
border-radius: 0px;
border: 1px solid black;
}
.portfolio-section .portfolio-gallery .card-image {
display: block;
padding-top: 70%;
position: relative;
width: 100%;
}
.portfolio-section .portfolio-gallery .card.website , .portfolio-section .portfolio-gallery .card.ecommerce {
overflow: hidden;
height: 569px;
}
.portfolio-section .portfolio-gallery .card-image img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.portfolio-section .portfolio-gallery .card.website .card-image img , .portfolio-section .portfolio-gallery .card.ecommerce .card-image img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
object-fit: cover;
transition: all 1.12s linear;
object-position: top;
}
.portfolio-section .portfolio-gallery .card.website:hover a:before , .portfolio-section .portfolio-gallery .card.ecommerce:hover a:before {
height: 569px;
}
.portfolio-section .portfolio-gallery .card.website:hover a:after , .portfolio-section .portfolio-gallery .card.ecommerce:hover a:after {
top: 280px;
}
.portfolio-section .portfolio-gallery .card-image a {
width: 100%;
height: 100%;
transition: all .4s;
}
.portfolio-section .portfolio-gallery .card-image:hover a:before {
background: #3d60a68c;
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
display: inline-block;
height: 100%;
z-index: 1;
}
.portfolio-section .portfolio-gallery .card.website .card-image:hover a figure img , .portfolio-section .portfolio-gallery .card.ecommerce .card-image:hover a figure img {
top: -50%;
}
.portfolio-section .portfolio-gallery .card-image:hover a:after {
content: "\f067";
font-family: 'FontAwesome';
font-size: 40px;
color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.portfolio-section ul,
.package-section #filterOptions,
.filterSectionMAD #filterOptions {
list-style: none;
display: flex;
justify-content: center;
}
.portfolio-section ul li,
.package-section #filterOptions li,
.filterSectionMAD #filterOptions li {
display: grid;
margin: 30px 36px;
font-weight: 800;
cursor: pointer;
}
.portfolio-section ul li.active::after,
.package-section #filterOptions li.active::after,
.filterSectionMAD #filterOptions li.active::after {
content: "";
background-image: url(../images/supreme-customer-satisfaction.png);
width: 70px;
height: 9px;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background-repeat: no-repeat;
}
@media (max-width: 575.98px) {
.portfolio-section ul,
.package-section #filterOptions,
.filterSectionMAD #filterOptions {
overflow: auto;
justify-content: end;
}
.portfolio-section ul .website,
.package-section #filterOptions .websitepack {
margin-left: -36px;
}
.filterSectionMAD #filterOptions .Native {
margin-left: -15px;
}
.portfolio-section ul li,
.package-section #filterOptions li,
.filterSectionMAD #filterOptions li {
margin: 10px 13px;
}
.portfolio-section ul li.active::after,
.package-section #filterOptions li.active::after,
.filterSectionMAD #filterOptions li.active::after {
width: 60px;
}
}
@media only screen and (max-width: 600px) {
.portfolio-section .portfolio-gallery {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
}
}
.portfolio-section .card:not(.website) {
display: none;
}
.package-section .project-item:not(.websitepack) {
display: none;
}
@media (min-width: 481px) and (max-width: 768px) {
.hero-home__statement .inner {
margin-top: 4%;
}
}
@media (max-width: 575.98px) {
.home-ser.section-specialty--industries ul>li {
width: 100%;
margin-bottom: 6rem;
}
.footer-main__credits ul li:not(:last-child) {
margin-right: unset;
}
.footer-main__locations ul {
display: block;
}
.footer-main__locations ul>li {
width: 100%;
}
.footer-main__locations ul>li:nth-child(1) {
width: 100%;
}
}
.package-section .project-item {
transform: scale(1);
transition: 500ms ease;
}
.package-section .project-item:hover {
transform: scale(1.03);
}
.package-section .project-item .card .project-item__content {
background-color: #ff8901;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.project-item .card-body {
background-color: white;
color: black;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 1.5rem;
}
.project-item .card-body .details-page {
margin: .5rem 0;
font-size: 12px;
color: #000;
text-decoration: underline;
font-weight: 600;
}
::-webkit-scrollbar-thumb {
background: #ff8901;
border-radius: 10px;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
.package-section .project-item .package__name {
font-size: 21px;
text-transform: capitalize;
margin-bottom: 5px;
}
.package-section .project-item .package__new-price {
color: white;
font-size: 2rem;
}
.package-section .project-item button {
font-size: 14px;
font-weight: 600;
}
.package-section .project-item .row .col-xxl-6 p, .package-section .project-item .row .col-xxl-6 a {
font-size: 11px;
font-weight: 600;
line-height: 0;
}
.package-modal label.error {
color: #980303;
margin-left: 23px;
margin-top: 2px;
}
.package-modal .form-control, .package-modal .form-select {
padding-left: 3rem;
}
.package-section .features li {
margin: .5rem 0;
font-size: 12px;
color: #000;
}
.package-section .features {
list-style: none;
padding-left: 0;
height: 200px;
overflow-x: hidden;
overflow-y: scroll;
}
.package-section .features li i {
font-size: .75em;
padding-top: 8px;
padding-right: 9px;
}
.pack-phone {
font-size: 14px;
font-weight: 600;
}
.package-section button {
background-color: #ff8901;
}
.pack-phone a:hover {
color: #ff8901;
}
#packageModal .banner-form {
background: unset;
padding: 25px 20px;
position: unset;
z-index: unset;
border-radius: unset;
margin: unset;
width: unset;
display: unset;
box-shadow: unset;
}
button.close {
background-color: #111111;
}
.close {
opacity: 1;
font-size: 2.5rem;
color: #fff;
}
.ban-form input, .ban-form textarea {
color: white;
}
.package-section .modal-header {
border-bottom: unset;
}
.package-section .modal-title {
font-weight: 500;
font-size: 20px;
margin: auto;
margin-right: 0;
}
@media (min-width: 959px) {
.hompg.page-home .header-main {
top: -30px;
}
}
.hero-home {
background-color: unset;
}
.page-header {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
}
.page-header::before {
content: "";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: rgb(0 0 0 / 54%);
}
.page-header .content {
z-index: 1;
}
.page-header .content h1 , .page-header .content p {
color: #fff;
}
.page-header h1 {
font-weight: 800;
}
@media (max-width: 767.98px) {
.page-header h1 {
font-size: 40px;
}
}
.section-values .value-item {
background-color: #fff;
padding: 30px 30px 50px 30px;
}
.section-values .value-item h2 , .section-values .value-item p {
color: #000 !important;
}
@media (max-width: 575.98px) {
.section-awards__list>li {
width: 100%;
}
.page-header, .page-header::before {
height: 120vh;
}
.section-specialty__list>li {
width: 100%;
}
.serv-sec .box-content span img {
width: 50px;
height: 50px;
}
::-webkit-scrollbar {
height: 6px;
}
}
@media (max-width: 320px) {
.page-header, .page-header::before {
height: 145vh;
}
}
#serviceOption {
font-size: 16px;
color: #000;
padding: 12px 20px;
margin: 0;
display: block;
width: 100%;
border: 0;
height: 55px;
border-radius: 0;
background-color: transparent;
border: 1px solid;
-webkit-transition: border-color .2s ease-out;
-o-transition: border-color .2s ease-out;
transition: border-color .2s ease-out;
border: 1px solid #2c2c2c;
border-radius: .25rem;
}
#serviceOption:focus {
outline: 0;
border: 1px solid #ff8901;
box-shadow: unset;
}
#serviceOption * {
color: white;
background-color: #231f20;
}
.header-main nav ul li img.uderline-img {
position: absolute;
left: 50%;
top: 100%;
width: 80px;
margin-left: -40px;
height: 7px;
display: block;
}
.error {
font-size: 12px;
margin: -12px 0 7px 15px;
color: indianred;
}
#contactForm .error,
#contactPageForm .error {
font-size: 12px;
margin: 1px 0 7px 15px;
color: indianred;
}
#packageForm ::placeholder,
#contactForm ::placeholder,
#contactPageForm ::placeholder,
#floatingForm ::placeholder {
color: gray;
opacity: 1;
/* Firefox */;
}
#packageForm :-ms-input-placeholder,
#contactForm :-ms-input-placeholder,
#contactPageForm :-ms-input-placeholder,
#floatingForm :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: gray;
}
#packageForm ::-ms-input-placeholder,
#contactForm ::-ms-input-placeholder,
#contactPageForm ::-ms-input-placeholder,
#floatingForm ::-ms-input-placeholder {
/* Microsoft Edge */
color: gray;
}
svg {
fill: #ff8901 !important;
stroke: #ff8901 !important;
}
svg path {
fill: #ff8901 !important;
stroke: #ff8901 !important;
}
.package-section .project-item .package__new-price del {
font-size: 15px;
opacity: 0.9;
line-height: 1;
display: inline-block;
}
.package-section .project-item .package__new-price {
font-size: 50px;
font-weight: 700;
}
.footer-main .iconss a img.icn {
height: 25px;
margin-top: -8px;
}
.footer-main .iconss a {
margin-right: 10px;
}
.footer-main .iconss .fa {
padding-right: 0px;
}
.usa_flg {
border-radius: 50%;
width: 30px;
margin-top: 10px;
}
#prnt_pkg_ifrm {
width: 100%;
border: 0px;
}
body .u-userLauncherColor:not([disabled]) {
background-color: #344197 !important;
}
.check-list.nopaddding {
display: flex;
align-items: self-start;
padding: 0;
}
.check-list input#checkbox22 {
width: 40px;
box-shadow: unset;
opacity: 1;
position: unset !important;
}
.contact-form input#checkbox22 {
height: unset;
}
.check-list.nopaddding label {
font-size: 13px !important;
margin-left: 0px !important;
padding-left: 10px !important;
}