*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
:focus,
:hover {
outline: 0
}
html {
min-height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
height: 100%;
min-width: 320px;
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #0c0c0c;
font-style: normal;
background: #fff;
-webkit-font-smoothing: antialiased
}
ol,
ul {
padding: 0
}
li {
list-style: none
}
.jcf-radio.jcf-checked span,
details,
figcaption,
figure,
main,
menu {
display: block
}
button,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
input,
ol,
optgroup,
p,
select,
textarea,
ul {
margin: 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
a {
-webkit-text-decoration-skip: objects;
outline: 0;
text-decoration: none;
color: inherit
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: 700
}
em,
i {
font-style: italic
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
svg:not(:root) {
overflow: hidden
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
fieldset,
legend {
padding: 0
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
template {
display: none
}
table {
border-collapse: collapse
}
.jcf-radio {
border-radius: 9px
}
.jcf-radio span {
display: none;
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background: #777;
border-radius: 100%
}
.jcf-radio input[type=radio] {
position: absolute;
height: 100%;
width: 100%;
border: 0;
margin: 0;
left: 0;
top: 0
}
.jcf-checkbox,
.jcf-radio {
vertical-align: middle;
display: inline-block;
position: relative;
overflow: hidden;
cursor: default;
background: #fff;
border: 1px solid #777;
margin: 0 3px 0 0;
height: 16px;
width: 16px
}
.jcf-checkbox span {
position: absolute;
display: none;
height: 4px;
width: 8px;
top: 50%;
left: 50%;
margin: -7px 0 0 -6px;
border: 3px solid #777;
border-width: 0 0 3px 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}
:root .jcf-checkbox span {
margin: -4px 0 0 -5px
}
.jcf-checkbox input[type=checkbox] {
position: absolute;
width: 100%;
height: 100%;
border: 0;
margin: 0;
left: 0;
top: 0
}
.jcf-checkbox.jcf-checked span {
display: block
}
.jcf-button,
.jcf-file {
display: inline-block;
position: relative;
overflow: hidden;
background: #fff
}
.jcf-button {
vertical-align: top;
border: 1px solid #777;
margin: 0 10px 10px 0;
padding: 5px 10px
}
.jcf-button .jcf-real-element {
position: absolute;
min-height: 100%;
min-width: 100%;
outline: 0;
opacity: 0;
padding: 0;
margin: 0;
border: 0;
bottom: 0;
right: 0;
left: 0;
top: 0
}
.jcf-file {
white-space: nowrap
}
.jcf-file .jcf-real-element {
position: absolute;
font-size: 200px;
height: 200px;
margin: 0;
right: 0;
top: 0
}
.jcf-file .jcf-fake-input,
.jcf-file .jcf-upload-button {
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
border: 1px solid #777;
line-height: 28px;
height: 28px
}
.jcf-file .jcf-fake-input {
text-overflow: ellipsis;
font-size: 13px;
width: 125px;
padding: 0 8px
}
.jcf-file .jcf-upload-button {
margin: 0 0 0 -1px;
padding: 0 10px
}
.jcf-scrollable-wrapper {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative
}
.jcf-scrollbar-vertical {
position: absolute;
cursor: default;
background: #e3e3e3;
bottom: 0;
top: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
background: #bbb;
height: 14px;
width: 14px;
left: 0;
top: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
top: auto;
bottom: 0
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
background: #888;
height: 1px
}
.jcf-scrollbar-horizontal {
position: absolute;
background: #e3e3e3;
right: auto;
top: auto;
left: 0;
bottom: 0;
width: 1px;
height: 14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
display: inline-block;
vertical-align: top;
overflow: hidden;
background: #bbb;
height: 14px;
width: 14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
left: auto;
right: 0
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
display: inline-block;
position: relative;
height: 14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
position: absolute;
background: #888;
height: 14px
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
visibility: hidden
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
background: #e3e3e3
}
.jcf-select {
vertical-align: top;
background: #fff;
margin: 0 0 12px;
min-width: 150px
}
.jcf-select select {
z-index: 1;
left: 0;
top: 0
}
.jcf-select .jcf-select-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: default;
font-size: 13px
}
.jcf-select .jcf-select-opener {
text-align: center;
background: #aaa;
bottom: 0;
top: 0
}
body>.jcf-select-drop {
position: absolute;
margin: -1px 0 0;
z-index: 9999
}
body>.jcf-select-drop.jcf-drop-flipped {
margin: 1px 0 0
}
.jcf-select .jcf-select-drop {
position: absolute;
margin-top: 0;
z-index: 9999;
top: 100%
}
.jcf-select .jcf-drop-flipped {
bottom: 100%;
top: auto
}
.jcf-select.jcf-compact-multiple {
max-width: 220px
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
display: inline-block;
padding-top: 2px;
content: '...'
}
.jcf-select-drop .jcf-select-drop-content {
border: 1px solid red
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
background: 0 0
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
background: #e6e6e6;
color: #000
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
display: inline-block;
content: '';
height: 4px;
width: 8px;
margin: -7px 5px 0 -3px;
border: 3px solid #777;
border-width: 0 0 3px 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}
.jcf-list-box {
overflow: hidden;
display: inline-block;
border: 1px solid #b8c3c9;
min-width: 200px;
margin: 0 15px
}
.jcf-list,
.jcf-list .jcf-list-content {
vertical-align: top;
display: inline-block;
width: 100%
}
.jcf-list {
position: relative;
background: #fff;
line-height: 14px;
font-size: 12px
}
.jcf-list .jcf-list-content {
overflow: auto
}
.jcf-list ul {
list-style: none;
padding: 0;
margin: 0
}
.jcf-list .jcf-option,
.jcf-list ul li {
overflow: hidden;
display: block
}
.jcf-list .jcf-overflow {
overflow: auto
}
.jcf-list .jcf-option {
cursor: default;
min-height: 14px;
height: 1%
}
.jcf-list-box .jcf-selected,
.jcf-select-drop .jcf-hover {
background: #e6e6e6;
color: #000
}
.jcf-list .jcf-optgroup-caption {
white-space: nowrap;
font-weight: 700;
display: block;
padding: 5px 9px;
cursor: default;
color: #000
}
.jcf-list .jcf-optgroup .jcf-option {
padding-left: 30px
}
.jcf-number,
.jcf-textarea {
display: inline-block;
position: relative
}
.jcf-textarea {
border: 1px solid #b8c3c9;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.jcf-textarea .jcf-scrollbar-horizontal {
display: none;
height: 0
}
.jcf-textarea textarea {
padding: 8px 10px;
border: 0;
margin: 0
}
.jcf-textarea .jcf-resize {
position: absolute;
text-align: center;
cursor: se-resize;
background: #e3e3e3;
font-weight: 700;
line-height: 15px;
text-indent: 1px;
font-size: 12px;
height: 15px;
width: 14px;
bottom: 0;
right: 0
}
.jcf-textarea .jcf-resize:before {
border: 1px solid #000;
border-width: 0 1px 1px 0;
display: block;
margin: 4px 0 0 3px;
width: 6px;
height: 6px;
content: ''
}
.jcf-number {
height: 32px
}
.jcf-number input {
-moz-appearance: textfield;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #777;
padding: 3px 27px 3px 7px;
margin: 0;
height: 100%
}
.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
-webkit-appearance: none
}
.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
position: absolute;
background: #aaa;
width: 20px;
height: 15px;
right: 1px
}
.jcf-number .jcf-btn-inc {
top: 1px
}
.jcf-number .jcf-btn-dec {
top: auto;
bottom: 1px
}
.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
background: #e6e6e6
}
.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
background: #aaa
}
.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
position: absolute;
content: '';
width: 0;
height: 0;
top: 50%;
left: 50%;
border: 4px solid #aaa
}
.jcf-number .jcf-btn-inc:before {
margin: -6px 0 0 -4px;
border-color: transparent transparent #000
}
.jcf-number .jcf-btn-dec:before {
margin: -1px 0 0 -4px;
border-color: #000 transparent transparent
}
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before,
.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before {
opacity: .3
}
.jcf-number.jcf-disabled input {
background: #ddd
}
.jcf-range {
display: inline-block;
min-width: 200px;
margin: 0 10px;
width: 130px
}
.jcf-range .jcf-range-track {
margin: 0 20px 0 0;
position: relative;
display: block;
height: 10px
}
.jcf-range .jcf-range-wrapper {
position: relative;
background: #e5e5e5;
border-radius: 5px;
display: block;
margin: 5px 0
}
.jcf-range.jcf-vertical {
min-width: 0;
width: auto
}
.jcf-range.jcf-vertical .jcf-range-wrapper {
margin: 0;
width: 10px;
height: auto;
padding: 20px 0 0
}
.jcf-range.jcf-vertical .jcf-range-track {
height: 180px;
width: 10px
}
.jcf-range.jcf-vertical .jcf-range-handle {
left: -5px;
top: auto
}
.jcf-range .jcf-range-display-wrapper {
position: absolute;
min-height: 10px;
min-width: 10px;
left: 10px;
right: 10px
}
.jcf-range .jcf-range-display {
border-radius: 5px;
position: absolute;
background: #888;
width: 10px;
height: 10px
}
.jcf-range .jcf-range-display.jcf-range-min {
margin: 0 0 0 -10px;
padding: 0 0 0 10px
}
.jcf-range .jcf-range-display.jcf-range-max {
margin: 0 -10px 0 0;
padding: 0 10px 0 0
}
.jcf-range.jcf-vertical .jcf-range-display-wrapper {
left: auto;
right: auto;
top: 10px;
bottom: 10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
margin: 0 0 -10px;
padding: 0 0 10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
margin: -10px 0 0;
padding: 10px 0 0
}
.jcf-range .jcf-range-handle {
position: absolute;
background: #aaa;
border-radius: 19px;
width: 19px;
height: 19px;
margin: -4px 0 0;
z-index: 1;
top: 0;
left: 0
}
.jcf-range .jcf-range-mark {
position: absolute;
overflow: hidden;
background: #000;
width: 1px;
height: 3px;
top: -7px;
margin: 0 0 0 9px
}
.jcf-range.jcf-vertical .jcf-range-mark {
margin: 0 0 9px;
left: 14px;
top: auto;
width: 3px;
height: 1px
}
.jcf-range .jcf-active-handle {
z-index: 2
}
.jcf-range.jcf-focus .jcf-active-handle {
border: 1px solid red;
margin: -5px 0 0 -1px
}
::-ms-clear {
display: none
}
body.fonts-loaded {
}
.h4,
h4 {
font-weight: 600
}
.h1.hidden,
.h2.hidden,
.h3.hidden,
.h4.hidden,
.h5.hidden,
.h6.hidden,
h1.hidden,
h2.hidden,
h3.hidden,
h4.hidden,
h5.hidden,
h6.hidden {
position: absolute;
top: 0;
left: 0;
opacity: 0;
line-height: 0;
letter-spacing: 0;
padding: 0;
margin: 0;
height: 0;
width: 0
}
.h1,
.hero .h2.h1,
.hero h2.h1,
h1 {
font-weight: 400;
font-size: 48px;
line-height: 52px;
letter-spacing: -1px
}
.h2,
.h2.h1,
.h3,
h2,
h2.h1,
h3 {
font-weight: 400;
font-size: 36px;
line-height: 42px
}
.h2.h1,
.h3,
h2.h1,
h3 {
letter-spacing: 0
}
.h3,
h3 {
font-size: 24px;
line-height: 32px
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
font-size: 18px;
line-height: 26px;
letter-spacing: 0
}
.h5,
.h6,
h5,
h6 {
font-weight: 300;
font-size: 16px;
line-height: 24px
}
.h6,
h6 {
font-size: 12px;
line-height: 22px
}
img {
display: inline-block;
vertical-align: top;
max-width: 100%;
max-height: 100%;
height: auto
}
.marked-block,
blockquote,
blockquote.fact {
position: relative;
font-family: inherit;
color: #0c0c0c;
font-weight: 600
}
.marked-block,
blockquote {
display: block;
font-size: 24px;
line-height: 32px;
margin: 0
}
.marked-block,
blockquote.fact {
padding-left: 17px;
letter-spacing: -1px
}
.marked-block::before,
blockquote.fact::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 2px;
background-color: #e23
}
.marked-block p,
blockquote.fact p {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit
}
.marked-block:not(.fact):not(.marked-block),
blockquote:not(.fact):not(.marked-block) {
padding-top: 46px
}
.marked-block:not(.fact):not(.marked-block)::before,
blockquote:not(.fact):not(.marked-block)::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 38px;
height: 30px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 30' fill='%23ee2233'%3E%3Cpath d='M16.65 0l.117.23c-4.541 2.414-7.918 7.471-7.918 12.644 0 1.149.35 1.379 1.514 1.609 4.075.69 6.637 3.678 6.637 7.7C17 26.552 13.623 30 8.85 30 3.726 30 0 26.322 0 20.345 0 11.379 6.637 2.414 16.65 0zm21 0C27.637 2.414 21 11.38 21 20.345 21 26.322 24.726 30 29.85 30c4.773 0 8.15-3.448 8.15-7.816 0-4.023-2.562-7.012-6.637-7.701-1.164-.23-1.514-.46-1.514-1.61 0-5.172 3.377-10.23 7.918-12.643z'/%3E%3C/svg%3E")
}
.marked-block p,
blockquote p {
margin: 0
}
.marked-block q,
blockquote q {
display: block;
quotes: none;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
border-bottom: 1px solid #ebebeb;
padding-bottom: 14px;
margin-bottom: 8px
}
.marked-block q:after,
.marked-block q:before,
blockquote q:after,
blockquote q:before {
quotes: none
}
.marked-block cite,
blockquote cite {
text-align: left;
display: inline-block;
font-family: inherit;
color: #0c0c0c;
font-weight: 300;
font-size: inherit;
line-height: inherit;
font-style: normal
}
.marked-block cite span,
blockquote cite span {
display: block;
font-family: inherit;
font-weight: 500;
opacity: .6;
font-size: .5em;
line-height: .91em;
padding-top: 11px
}
.content .marked-block {
margin: 50px 0
}
.content .marked-block:first-child {
margin-top: 0
}
.content .marked-block:last-child,
.content ol li:last-child,
.content ul li:last-child {
margin-bottom: 0
}
ol {
counter-reset: counterName
}
ol li {
display: table
}
ol li:before {
font-weight: 500;
font-style: normal;
padding-right: 5px;
display: table-cell;
white-space: nowrap;
vertical-align: top;
counter-increment: counterName;
content: counters(counterName, "-", decimal-leading-zero) ". "
}
.content ol,
.content ul {
margin-bottom: 20px
}
.content ol li,
.content ul li {
margin-bottom: 10px
}
.content ol ol,
.content ol ul,
.content ul ol,
.content ul ul {
padding-top: 10px
}
.content ul li {
position: relative;
padding-left: 13px
}
.content ul li::before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
color: inherit;
background-color: currentColor
}
.content ul ol,
.content ul ul {
padding-left: 20px
}
.content a {
position: relative;
z-index: 1;
text-decoration: underline;
color: #0c0c0c
}
.no-touch .content a {
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.no-touch .content a:hover {
color: #fff;
background-color: #e23
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
line-height: 41px;
padding: 0 15px
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
textarea {
display: block;
width: 100%;
height: 45px;
font-family: inherit;
color: #0c0c0c;
font-weight: 600;
font-size: 10px;
letter-spacing: 4px;
text-transform: uppercase;
background-color: rgba(111, 111, 117, .09);
border: 1px solid transparent;
-webkit-transition: border-color .3s;
transition: border-color .3s;
vertical-align: middle;
outline: 0;
-webkit-appearance: none;
-webkit-border-radius: 0
}
input[type=email].filled,
input[type=email]:focus,
input[type=number].filled,
input[type=number]:focus,
input[type=password].filled,
input[type=password]:focus,
input[type=tel].filled,
input[type=tel]:focus,
input[type=text].filled,
input[type=text]:focus,
textarea.filled,
textarea:focus {
border-color: rgba(111, 111, 117, .2)
}
input[type=email].invalid,
input[type=number].invalid,
input[type=password].invalid,
input[type=tel].invalid,
input[type=text].invalid,
textarea.invalid {
border-color: red
}
input[type=email][aria-invalid=true],
input[type=number][aria-invalid=true],
input[type=password][aria-invalid=true],
input[type=tel][aria-invalid=true],
input[type=text][aria-invalid=true],
textarea[aria-invalid=true] {
border-color: red;
color: red
}
input[type=email][aria-invalid=true]::-webkit-input-placeholder,
input[type=number][aria-invalid=true]::-webkit-input-placeholder,
input[type=password][aria-invalid=true]::-webkit-input-placeholder,
input[type=tel][aria-invalid=true]::-webkit-input-placeholder,
input[type=text][aria-invalid=true]::-webkit-input-placeholder,
textarea[aria-invalid=true]::-webkit-input-placeholder {
color: red
}
input[type=email][aria-invalid=true]:-moz-placeholder,
input[type=email][aria-invalid=true]::-moz-placeholder,
input[type=number][aria-invalid=true]:-moz-placeholder,
input[type=number][aria-invalid=true]::-moz-placeholder,
input[type=password][aria-invalid=true]:-moz-placeholder,
input[type=password][aria-invalid=true]::-moz-placeholder,
input[type=tel][aria-invalid=true]:-moz-placeholder,
input[type=tel][aria-invalid=true]::-moz-placeholder,
input[type=text][aria-invalid=true]:-moz-placeholder,
input[type=text][aria-invalid=true]::-moz-placeholder,
textarea[aria-invalid=true]:-moz-placeholder,
textarea[aria-invalid=true]::-moz-placeholder {
opacity: 1;
color: red
}
input[type=email][aria-invalid=true]:-ms-input-placeholder,
input[type=number][aria-invalid=true]:-ms-input-placeholder,
input[type=password][aria-invalid=true]:-ms-input-placeholder,
input[type=tel][aria-invalid=true]:-ms-input-placeholder,
input[type=text][aria-invalid=true]:-ms-input-placeholder,
textarea[aria-invalid=true]:-ms-input-placeholder {
color: red
}
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-family: inherit;
color: rgba(12, 12, 12, .5);
font-weight: 600;
font-size: 10px;
letter-spacing: 4px;
text-transform: uppercase
}
input[type=email]:-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=text]::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
font-family: inherit;
color: rgba(12, 12, 12, .5);
font-weight: 600;
font-size: 10px;
letter-spacing: 4px;
text-transform: uppercase
}
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-family: inherit;
color: rgba(12, 12, 12, .5);
font-weight: 600;
font-size: 10px;
letter-spacing: 4px;
text-transform: uppercase
}
select,
textarea {
padding: 10px 15px
}
textarea {
resize: none;
line-height: 20px;
min-height: 90px
}
select {
border: 1px solid #ebebeb
}
.jcf-select {
display: block;
position: relative;
height: 42px;
padding: 0 17px;
background-color: transparent;
border: 0;
border-radius: 5px 5px 0 0;
font-family: inherit;
color: #0c0c0c;
font-weight: 600;
font-size: 13px;
line-height: 42px;
text-transform: uppercase;
margin-bottom: 0;
text-align: left;
max-width: 100%;
white-space: nowrap
}
.jcf-select.jcf-drop-active.resized {
background-color: #0c0c0c;
color: #fff
}
.jcf-select.jcf-drop-active.resized .jcf-select-opener {
opacity: 0
}
.jcf-select.jcf-drop-flipped {
border-radius: 0 0 5px 5px
}
.jcf-select.hidden-dropdown .jcf-select-drop {
opacity: 0!important
}
.jcf-select.resized {
white-space: normal
}
.jcf-scrollable-wrapper,
.jcf-select.resized .jcf-select-drop {
width: 100%!important
}
.jcf-select .jcf-select-opener {
position: absolute;
right: 0;
height: 100%;
width: 9px;
background-color: transparent;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.jcf-select .jcf-select-opener::after {
content: '';
position: absolute;
right: 0;
bottom: 50%;
margin-bottom: 4px;
width: 7px;
height: 7px;
border-left: 1px solid;
border-bottom: 1px solid;
border-color: #0c0c0c;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.jcf-select .jcf-select-text {
display: block;
margin: 0;
line-height: inherit
}
.jcf-select .jcf-select-drop {
width: auto!important;
right: auto;
left: 0;
opacity: 1
}
.jcf-select .jcf-select-drop .jcf-select-drop-content {
border: 0
}
.jcf-list {
background-color: #0c0c0c;
border-radius: 0 0 5px 5px;
font-family: inherit;
margin: 0
}
.jcf-list-content {
width: 100%!important
}
.jcf-drop-flipped .jcf-list {
border-radius: 5px 5px 0 0
}
.jcf-list .jcf-option {
padding: 7px 10px 7px 0;
margin: 0 8px;
color: #fff;
font-weight: 600;
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
background-color: transparent;
border: solid #242424;
border-width: 1px 0;
white-space: inherit
}
.jcf-list .jcf-option.jcf-selected,
.no-touch .jcf-list .jcf-option:hover {
color: #e23
}
.no-touch .jcf-list .jcf-option {
cursor: pointer;
-webkit-transition: color .3s;
transition: color .3s
}
.jcf-scrollbar-vertical {
background-color: transparent;
width: 8px;
right: 0!important
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
display: none
}
.jcf-scrollbar-vertical .jcf-scrollbar-slider {
height: 100%!important
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
left: 0;
width: 4px;
border-radius: 4px;
background-color: #6f6f75
}
.button::before,
.jcf-disabled,
.jcf-hidden,
.jcf-scrollbar-horizontal,
[type=submit]::before {
display: none!important
}
.button,
[type=submit],
button {
background-color: transparent;
border: 0;
padding: 0;
-webkit-appearance: none
}
.button,
[type=submit] {
display: inline-block;
min-width: 184px;
padding: 15px 35px 11px;
font-family: inherit;
font-weight: 600;
font-style: normal;
color: #fff;
font-size: 15px;
line-height: 23px;
text-align: center;
background-color: #0c0c0c;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
border-radius: 30px
}
.no-touch .button,
.no-touch [type=submit] {
-webkit-transition: background-color .3s, color .3s;
transition: background-color .3s, color .3s
}
.no-touch .button:hover,
.no-touch [type=submit]:hover {
background-color: #e23;
color: #fff
}
.button:focus,
[type=submit]:focus {
background-color: #e23;
color: #fff
}
.button.yellow,
[type=submit].yellow {
background: #e23;
color: #fff
}
.no-touch .button.yellow:hover,
.no-touch [type=submit].yellow:hover {
background: #000;
color: #fff
}
.button.white,
[type=submit].white {
background: #fff;
color: #000
}
.no-touch .button.white:hover,
.no-touch [type=submit].white:hover {
background: #e23;
color: #fff
}
.back-arrow-link,
.link {
color: #0c0c0c;
font-weight: 600
}
.link {
position: relative;
text-decoration: none!important;
font-size: 18px;
line-height: 26px
}
.link.white,
.no-touch .page-switch-section a:hover {
color: #fff
}
.no-touch .back-arrow-link,
.no-touch .link,
.no-touch .page-switch-section a {
-webkit-transition: color .3s;
transition: color .3s
}
.no-touch .back-arrow-link:hover,
.no-touch .link:hover {
color: #e23
}
.link::before {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
color: inherit;
background-color: currentColor
}
.back-arrow-link {
display: inline-block;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
padding-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
text-decoration: none
}
.back-arrow-link::before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 9px;
height: 9px;
border: 2px solid transparent;
border-radius: 3px;
border-bottom-color: currentColor;
border-left-color: currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.no-touch .back-arrow-link::before {
-webkit-transition: border-color .3s;
transition: border-color .3s
}
.back-arrow-link,
.js-custom-scroll {
position: relative
}
.js-custom-scroll .mCSB_container {
margin-right: 0!important
}
.js-custom-scroll .mCSB_scrollTools {
top: 30px;
right: 4px;
bottom: 30px
}
.js-custom-scroll .mCSB_dragger_bar {
width: 4px;
background-color: #e23!important
}
.js-custom-scroll .mCSB_draggerRail {
background-color: #818181!important;
width: 2px
}
.play-btn {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
z-index: 3
}
.no-touch .play-btn {
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s
}
.no-touch .play-btn:hover {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1)
}
.play-btn svg {
width: 100%;
height: 100%;
fill: #e23;
stroke: #e23
}
.form-group {
position: relative;
margin-bottom: 30px
}
.form-group.show-label .label,
.form-group.show-label label {
opacity: 1;
pointer-events: auto
}
.form-group .required-star {
display: block;
position: absolute;
width: 7px;
height: 6px;
bottom: calc(100% + 6px);
right: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath fill='%23090909' opacity='.4' d='M2.314 6L.612 4.93l1.664-1.62L0 2.992.574 1.27l2.142.853L2.391 0h2.237l-.344 2.123 2.142-.853L7 2.992l-2.295.317L6.369 4.93 4.667 6 3.481 4.045z'/%3E%3C/svg%3E")
}
input[type=checkbox],
input[type=radio] {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none
}
input[type=checkbox]:checked+label::after,
input[type=radio]:checked+label::after {
opacity: 1
}
.label,
label {
display: block;
position: absolute;
bottom: 100%;
left: 0;
font-family: inherit;
color: rgba(12, 12, 12, .5);
font-weight: 600;
font-size: 8px;
line-height: 20px;
letter-spacing: 2px;
text-transform: uppercase;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
[type=checkbox]+.label,
[type=checkbox]+label,
[type=radio]+.label,
[type=radio]+label {
position: relative;
bottom: auto;
opacity: 1;
pointer-events: auto;
color: #0c0c0c;
font-weight: 300;
font-size: 16px;
line-height: 24px;
padding-left: 35px;
margin-bottom: 16px;
letter-spacing: 0;
text-transform: none
}
.no-touch [type=checkbox]+.label,
.no-touch [type=checkbox]+label,
.no-touch [type=radio]+.label,
.no-touch [type=radio]+label {
cursor: pointer
}
.no-touch [type=checkbox]+.label:hover::before,
.no-touch [type=checkbox]+label:hover::before,
.no-touch [type=radio]+.label:hover::before,
.no-touch [type=radio]+label:hover::before {
border-color: #e23
}
[type=checkbox]+.label::after,
[type=checkbox]+.label::before,
[type=checkbox]+label::after,
[type=checkbox]+label::before,
[type=radio]+.label::after,
[type=radio]+.label::before,
[type=radio]+label::after,
[type=radio]+label::before {
content: '';
position: absolute
}
[type=checkbox]+.label::before,
[type=checkbox]+label::before,
[type=radio]+.label::before,
[type=radio]+label::before {
top: 3px;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #0c0c0c;
-webkit-transition: border-color .3s;
transition: border-color .3s
}
[type=checkbox]+.label::after,
[type=checkbox]+label::after,
[type=radio]+.label::after,
[type=radio]+label::after {
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
color: inherit
}
[type=checkbox]+.label::before,
[type=checkbox]+label::before {
border-radius: 2px
}
[type=checkbox]+.label::after,
[type=checkbox]+label::after {
width: 11px;
height: 10px;
top: 8px;
left: 4px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' fill-opacity='0' stroke='%230c0c0c' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='2' d='M1 3.239L4.853 7 11 1'/%3E%3C/svg%3E")
}
[type=radio]+.label::before,
[type=radio]+label::before {
border-radius: 50%
}
[type=radio]+.label::after,
[type=radio]+label::after {
width: 8px;
height: 8px;
top: 9px;
left: 6px;
border-radius: 50%;
background-color: currentColor
}
input:checked+.label::before,
input:checked+label::before {
background-color: #e23;
border-color: #e23
}
input[disabled]+.label,
input[disabled]+label {
cursor: auto;
color: #6f6f75!important
}
input[disabled]+.label::before,
input[disabled]+label::before {
border: 1px solid #ebebeb!important
}
.commentlist li:before,
.page-switch-section {
display: none
}
.no-touch .page-switch-section a svg {
-webkit-transition: fill .3s;
transition: fill .3s
}
.screen-reader-response,
input[disabled]+.label::after,
input[disabled]+label::after {
display: none!important
}
.wpcf7-not-valid-tip {
display: block;
font-family: inherit;
color: red;
font-weight: 300;
font-size: 10px;
line-height: 20px
}
.wpcf7-validation-errors {
color: red
}
.case-study-nav {
padding: 50px 0
}
.case-study-nav.bg-dark .sub-title {
color: #fff
}
.case-study-nav .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px
}
.case-study-nav .next,
.case-study-nav .prev {
width: 100%
}
.case-study-nav .next {
text-align: right
}
.case-study-nav .sub-title {
display: block;
margin-bottom: 10px
}
.case-study-nav .link-holder {
position: relative
}
.case-study-nav a {
display: block;
mix-blend-mode: difference;
color: #fff;
position: relative;
z-index: 20
}
.no-touch .case-study-nav a:hover {
text-decoration: underline
}
.case-study-nav .h1 {
font-weight: 400
}
.case-study-nav .image {
display: none;
width: 220px;
height: 160px;
position: relative;
top: -6px;
margin-top: 15px
}
.case-study-nav .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.no-touch .case-study-nav .image {
position: absolute;
opacity: 0;
display: block;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
margin: 0
}
.case-study-nav .next {
margin-left: auto
}
.bg-dark {
background-color: #0c0c0c
}
[class*=grid-],
[class*=grid_],
[class~=grid] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -15px
}
[class*=col-],
[class*=col_],
[class~=col] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
max-width: 100%
}
[class*=col_],
[class~=col] {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%
}
[class*=col-] {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
[class*=grid-][class*=col-],
[class*=grid-][class*=col_],
[class*=grid-][class~=col],
[class*=grid_][class*=col-],
[class*=grid_][class*=col_],
[class*=grid_][class~=col],
[class~=grid][class*=col-],
[class~=grid][class*=col_],
[class~=grid][class~=col] {
margin: 0;
padding: 0
}
[class*=grid-][class*=-noGutter] {
margin: 0
}
[class*=grid-][class*=-noGutter]>[class*=col-],
[class*=grid-][class*=-noGutter]>[class~=col] {
padding: 0
}
[class*=grid-][class*=-noWrap] {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
[class*=grid-][class*=-center] {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
[class*=grid-][class*=-right] {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: auto
}
[class*=grid-][class*=-top] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
[class*=grid-][class*=-middle] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
[class*=grid-][class*=-bottom] {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
[class*=grid-][class*=-reverse] {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
[class*=grid-][class*=-column] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
[class*=grid-][class*=-column]>[class*=col-] {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
[class*=grid-][class*=-column-reverse] {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
[class*=grid-][class*=-spaceBetween] {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
[class*=grid-][class*=-spaceAround] {
-ms-flex-pack: distribute;
justify-content: space-around
}
[class*=grid-][class*=-equalHeight]>[class*=col-],
[class*=grid-][class*=-equalHeight]>[class*=col_],
[class*=grid-][class*=-equalHeight]>[class~=col] {
-ms-flex-item-align: stretch;
align-self: stretch
}
[class*=grid-][class*=-equalHeight]>[class*=col-]>*,
[class*=grid-][class*=-equalHeight]>[class*=col_]>*,
[class*=grid-][class*=-equalHeight]>[class~=col]>* {
height: 100%
}
[class*=grid-][class*=-noBottom]>[class*=col-],
[class*=grid-][class*=-noBottom]>[class*=col_],
[class*=grid-][class*=-noBottom]>[class~=col] {
padding-bottom: 0
}
[class*=col-][class*=-top] {
-ms-flex-item-align: start;
align-self: flex-start
}
[class*=col-][class*=-middle] {
-ms-flex-item-align: center;
align-self: center
}
[class*=col-][class*=-bottom] {
-ms-flex-item-align: end;
align-self: flex-end
}
[class*=col-][class*=-first] {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
[class*=col-][class*=-last] {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
[class*=grid-1]>[class*=col-],
[class*=grid-1]>[class*=col_],
[class*=grid-1]>[class~=col] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=grid-2]>[class*=col-],
[class*=grid-2]>[class*=col_],
[class*=grid-2]>[class~=col] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=grid-3]>[class*=col-],
[class*=grid-3]>[class*=col_],
[class*=grid-3]>[class~=col] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=grid-4]>[class*=col-],
[class*=grid-4]>[class*=col_],
[class*=grid-4]>[class~=col] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=grid-5]>[class*=col-],
[class*=grid-5]>[class*=col_],
[class*=grid-5]>[class~=col] {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%
}
[class*=grid-6]>[class*=col-],
[class*=grid-6]>[class*=col_],
[class*=grid-6]>[class~=col] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=grid-7]>[class*=col-],
[class*=grid-7]>[class*=col_],
[class*=grid-7]>[class~=col] {
-ms-flex-preferred-size: 14.28571%;
flex-basis: 14.28571%;
max-width: 14.28571%
}
[class*=grid-8]>[class*=col-],
[class*=grid-8]>[class*=col_],
[class*=grid-8]>[class~=col] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=grid-9]>[class*=col-],
[class*=grid-9]>[class*=col_],
[class*=grid-9]>[class~=col] {
-ms-flex-preferred-size: 11.11111%;
flex-basis: 11.11111%;
max-width: 11.11111%
}
[class*=grid-10]>[class*=col-],
[class*=grid-10]>[class*=col_],
[class*=grid-10]>[class~=col] {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%
}
[class*=grid-11]>[class*=col-],
[class*=grid-11]>[class*=col_],
[class*=grid-11]>[class~=col] {
-ms-flex-preferred-size: 9.09091%;
flex-basis: 9.09091%;
max-width: 9.09091%
}
[class*=grid-12]>[class*=col-],
[class*=grid-12]>[class*=col_],
[class*=grid-12]>[class~=col] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=grid-13]>[class*=col-],
[class*=grid-13]>[class*=col_],
[class*=grid-13]>[class~=col] {
-ms-flex-preferred-size: 7.69231%;
flex-basis: 7.69231%;
max-width: 7.69231%
}
[class*=grid-14]>[class*=col-],
[class*=grid-14]>[class*=col_],
[class*=grid-14]>[class~=col] {
-ms-flex-preferred-size: 7.14286%;
flex-basis: 7.14286%;
max-width: 7.14286%
}
[class*=grid-15]>[class*=col-],
[class*=grid-15]>[class*=col_],
[class*=grid-15]>[class~=col] {
-ms-flex-preferred-size: 6.66667%;
flex-basis: 6.66667%;
max-width: 6.66667%
}
[class*=grid-16]>[class*=col-],
[class*=grid-16]>[class*=col_],
[class*=grid-16]>[class~=col] {
-ms-flex-preferred-size: 6.25%;
flex-basis: 6.25%;
max-width: 6.25%
}
[class*=grid-17]>[class*=col-],
[class*=grid-17]>[class*=col_],
[class*=grid-17]>[class~=col] {
-ms-flex-preferred-size: 5.88235%;
flex-basis: 5.88235%;
max-width: 5.88235%
}
[class*=grid-18]>[class*=col-],
[class*=grid-18]>[class*=col_],
[class*=grid-18]>[class~=col] {
-ms-flex-preferred-size: 5.55556%;
flex-basis: 5.55556%;
max-width: 5.55556%
}
[class*=grid-19]>[class*=col-],
[class*=grid-19]>[class*=col_],
[class*=grid-19]>[class~=col] {
-ms-flex-preferred-size: 5.26316%;
flex-basis: 5.26316%;
max-width: 5.26316%
}
[class*=grid-20]>[class*=col-],
[class*=grid-20]>[class*=col_],
[class*=grid-20]>[class~=col] {
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
max-width: 5%
}
[class*=grid-21]>[class*=col-],
[class*=grid-21]>[class*=col_],
[class*=grid-21]>[class~=col] {
-ms-flex-preferred-size: 4.7619%;
flex-basis: 4.7619%;
max-width: 4.7619%
}
[class*=grid-22]>[class*=col-],
[class*=grid-22]>[class*=col_],
[class*=grid-22]>[class~=col] {
-ms-flex-preferred-size: 4.54545%;
flex-basis: 4.54545%;
max-width: 4.54545%
}
[class*=grid-23]>[class*=col-],
[class*=grid-23]>[class*=col_],
[class*=grid-23]>[class~=col] {
-ms-flex-preferred-size: 4.34783%;
flex-basis: 4.34783%;
max-width: 4.34783%
}
[class*=grid-24]>[class*=col-],
[class*=grid-24]>[class*=col_],
[class*=grid-24]>[class~=col],
[class*=grid-]>[class*=col-1],
[class*=grid_]>[class*=col-1],
[class~=grid]>[class*=col-1] {
-ms-flex-preferred-size: 4.16667%;
flex-basis: 4.16667%;
max-width: 4.16667%
}
[class*=grid-]>[class*=col-2],
[class*=grid_]>[class*=col-2],
[class~=grid]>[class*=col-2] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=grid-]>[class*=col-3],
[class*=grid_]>[class*=col-3],
[class~=grid]>[class*=col-3] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=grid-]>[class*=col-4],
[class*=grid_]>[class*=col-4],
[class~=grid]>[class*=col-4] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=grid-]>[class*=col-5],
[class*=grid_]>[class*=col-5],
[class~=grid]>[class*=col-5] {
-ms-flex-preferred-size: 20.83333%;
flex-basis: 20.83333%;
max-width: 20.83333%
}
[class*=grid-]>[class*=col-6],
[class*=grid_]>[class*=col-6],
[class~=grid]>[class*=col-6] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=grid-]>[class*=col-7],
[class*=grid_]>[class*=col-7],
[class~=grid]>[class*=col-7] {
-ms-flex-preferred-size: 29.16667%;
flex-basis: 29.16667%;
max-width: 29.16667%
}
[class*=grid-]>[class*=col-8],
[class*=grid_]>[class*=col-8],
[class~=grid]>[class*=col-8] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=grid-]>[class*=col-9],
[class*=grid_]>[class*=col-9],
[class~=grid]>[class*=col-9] {
-ms-flex-preferred-size: 37.5%;
flex-basis: 37.5%;
max-width: 37.5%
}
[class*=grid-]>[class*=col-10],
[class*=grid_]>[class*=col-10],
[class~=grid]>[class*=col-10] {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
[class*=grid-]>[class*=col-11],
[class*=grid_]>[class*=col-11],
[class~=grid]>[class*=col-11] {
-ms-flex-preferred-size: 45.83333%;
flex-basis: 45.83333%;
max-width: 45.83333%
}
[class*=grid-]>[class*=col-12],
[class*=grid_]>[class*=col-12],
[class~=grid]>[class*=col-12] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=grid-]>[class*=col-13],
[class*=grid_]>[class*=col-13],
[class~=grid]>[class*=col-13] {
-ms-flex-preferred-size: 54.16667%;
flex-basis: 54.16667%;
max-width: 54.16667%
}
[class*=grid-]>[class*=col-14],
[class*=grid_]>[class*=col-14],
[class~=grid]>[class*=col-14] {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
[class*=grid-]>[class*=col-15],
[class*=grid_]>[class*=col-15],
[class~=grid]>[class*=col-15] {
-ms-flex-preferred-size: 62.5%;
flex-basis: 62.5%;
max-width: 62.5%
}
[class*=grid-]>[class*=col-16],
[class*=grid_]>[class*=col-16],
[class~=grid]>[class*=col-16] {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
[class*=grid-]>[class*=col-17],
[class*=grid_]>[class*=col-17],
[class~=grid]>[class*=col-17] {
-ms-flex-preferred-size: 70.83333%;
flex-basis: 70.83333%;
max-width: 70.83333%
}
[class*=grid-]>[class*=col-18],
[class*=grid_]>[class*=col-18],
[class~=grid]>[class*=col-18] {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
[class*=grid-]>[class*=col-19],
[class*=grid_]>[class*=col-19],
[class~=grid]>[class*=col-19] {
-ms-flex-preferred-size: 79.16667%;
flex-basis: 79.16667%;
max-width: 79.16667%
}
[class*=grid-]>[class*=col-20],
[class*=grid_]>[class*=col-20],
[class~=grid]>[class*=col-20] {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
[class*=grid-]>[class*=col-21],
[class*=grid_]>[class*=col-21],
[class~=grid]>[class*=col-21] {
-ms-flex-preferred-size: 87.5%;
flex-basis: 87.5%;
max-width: 87.5%
}
[class*=grid-]>[class*=col-22],
[class*=grid_]>[class*=col-22],
[class~=grid]>[class*=col-22] {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
[class*=grid-]>[class*=col-23],
[class*=grid_]>[class*=col-23],
[class~=grid]>[class*=col-23] {
-ms-flex-preferred-size: 95.83333%;
flex-basis: 95.83333%;
max-width: 95.83333%
}
[class*=grid-]>[class*=col-24],
[class*=grid_]>[class*=col-24],
[class~=grid]>[class*=col-24] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
[class*=grid-]>[data-push-left*=off-0],
[class*=grid_]>[data-push-left*=off-0],
[class~=grid]>[data-push-left*=off-0] {
margin-left: 0
}
[class*=grid-]>[data-push-left*=off-1],
[class*=grid_]>[data-push-left*=off-1],
[class~=grid]>[data-push-left*=off-1] {
margin-left: 4.16667%
}
[class*=grid-]>[data-push-left*=off-2],
[class*=grid_]>[data-push-left*=off-2],
[class~=grid]>[data-push-left*=off-2] {
margin-left: 8.33333%
}
[class*=grid-]>[data-push-left*=off-3],
[class*=grid_]>[data-push-left*=off-3],
[class~=grid]>[data-push-left*=off-3] {
margin-left: 12.5%
}
[class*=grid-]>[data-push-left*=off-4],
[class*=grid_]>[data-push-left*=off-4],
[class~=grid]>[data-push-left*=off-4] {
margin-left: 16.66667%
}
[class*=grid-]>[data-push-left*=off-5],
[class*=grid_]>[data-push-left*=off-5],
[class~=grid]>[data-push-left*=off-5] {
margin-left: 20.83333%
}
[class*=grid-]>[data-push-left*=off-6],
[class*=grid_]>[data-push-left*=off-6],
[class~=grid]>[data-push-left*=off-6] {
margin-left: 25%
}
[class*=grid-]>[data-push-left*=off-7],
[class*=grid_]>[data-push-left*=off-7],
[class~=grid]>[data-push-left*=off-7] {
margin-left: 29.16667%
}
[class*=grid-]>[data-push-left*=off-8],
[class*=grid_]>[data-push-left*=off-8],
[class~=grid]>[data-push-left*=off-8] {
margin-left: 33.33333%
}
[class*=grid-]>[data-push-left*=off-9],
[class*=grid_]>[data-push-left*=off-9],
[class~=grid]>[data-push-left*=off-9] {
margin-left: 37.5%
}
[class*=grid-]>[data-push-left*=off-10],
[class*=grid_]>[data-push-left*=off-10],
[class~=grid]>[data-push-left*=off-10] {
margin-left: 41.66667%
}
[class*=grid-]>[data-push-left*=off-11],
[class*=grid_]>[data-push-left*=off-11],
[class~=grid]>[data-push-left*=off-11] {
margin-left: 45.83333%
}
[class*=grid-]>[data-push-left*=off-12],
[class*=grid_]>[data-push-left*=off-12],
[class~=grid]>[data-push-left*=off-12] {
margin-left: 50%
}
[class*=grid-]>[data-push-left*=off-13],
[class*=grid_]>[data-push-left*=off-13],
[class~=grid]>[data-push-left*=off-13] {
margin-left: 54.16667%
}
[class*=grid-]>[data-push-left*=off-14],
[class*=grid_]>[data-push-left*=off-14],
[class~=grid]>[data-push-left*=off-14] {
margin-left: 58.33333%
}
[class*=grid-]>[data-push-left*=off-15],
[class*=grid_]>[data-push-left*=off-15],
[class~=grid]>[data-push-left*=off-15] {
margin-left: 62.5%
}
[class*=grid-]>[data-push-left*=off-16],
[class*=grid_]>[data-push-left*=off-16],
[class~=grid]>[data-push-left*=off-16] {
margin-left: 66.66667%
}
[class*=grid-]>[data-push-left*=off-17],
[class*=grid_]>[data-push-left*=off-17],
[class~=grid]>[data-push-left*=off-17] {
margin-left: 70.83333%
}
[class*=grid-]>[data-push-left*=off-18],
[class*=grid_]>[data-push-left*=off-18],
[class~=grid]>[data-push-left*=off-18] {
margin-left: 75%
}
[class*=grid-]>[data-push-left*=off-19],
[class*=grid_]>[data-push-left*=off-19],
[class~=grid]>[data-push-left*=off-19] {
margin-left: 79.16667%
}
[class*=grid-]>[data-push-left*=off-20],
[class*=grid_]>[data-push-left*=off-20],
[class~=grid]>[data-push-left*=off-20] {
margin-left: 83.33333%
}
[class*=grid-]>[data-push-left*=off-21],
[class*=grid_]>[data-push-left*=off-21],
[class~=grid]>[data-push-left*=off-21] {
margin-left: 87.5%
}
[class*=grid-]>[data-push-left*=off-22],
[class*=grid_]>[data-push-left*=off-22],
[class~=grid]>[data-push-left*=off-22] {
margin-left: 91.66667%
}
[class*=grid-]>[data-push-left*=off-23],
[class*=grid_]>[data-push-left*=off-23],
[class~=grid]>[data-push-left*=off-23] {
margin-left: 95.83333%
}
[class*=grid-]>[data-push-right*=off-0],
[class*=grid_]>[data-push-right*=off-0],
[class~=grid]>[data-push-right*=off-0] {
margin-right: 0
}
[class*=grid-]>[data-push-right*=off-1],
[class*=grid_]>[data-push-right*=off-1],
[class~=grid]>[data-push-right*=off-1] {
margin-right: 4.16667%
}
[class*=grid-]>[data-push-right*=off-2],
[class*=grid_]>[data-push-right*=off-2],
[class~=grid]>[data-push-right*=off-2] {
margin-right: 8.33333%
}
[class*=grid-]>[data-push-right*=off-3],
[class*=grid_]>[data-push-right*=off-3],
[class~=grid]>[data-push-right*=off-3] {
margin-right: 12.5%
}
[class*=grid-]>[data-push-right*=off-4],
[class*=grid_]>[data-push-right*=off-4],
[class~=grid]>[data-push-right*=off-4] {
margin-right: 16.66667%
}
[class*=grid-]>[data-push-right*=off-5],
[class*=grid_]>[data-push-right*=off-5],
[class~=grid]>[data-push-right*=off-5] {
margin-right: 20.83333%
}
[class*=grid-]>[data-push-right*=off-6],
[class*=grid_]>[data-push-right*=off-6],
[class~=grid]>[data-push-right*=off-6] {
margin-right: 25%
}
[class*=grid-]>[data-push-right*=off-7],
[class*=grid_]>[data-push-right*=off-7],
[class~=grid]>[data-push-right*=off-7] {
margin-right: 29.16667%
}
[class*=grid-]>[data-push-right*=off-8],
[class*=grid_]>[data-push-right*=off-8],
[class~=grid]>[data-push-right*=off-8] {
margin-right: 33.33333%
}
[class*=grid-]>[data-push-right*=off-9],
[class*=grid_]>[data-push-right*=off-9],
[class~=grid]>[data-push-right*=off-9] {
margin-right: 37.5%
}
[class*=grid-]>[data-push-right*=off-10],
[class*=grid_]>[data-push-right*=off-10],
[class~=grid]>[data-push-right*=off-10] {
margin-right: 41.66667%
}
[class*=grid-]>[data-push-right*=off-11],
[class*=grid_]>[data-push-right*=off-11],
[class~=grid]>[data-push-right*=off-11] {
margin-right: 45.83333%
}
[class*=grid-]>[data-push-right*=off-12],
[class*=grid_]>[data-push-right*=off-12],
[class~=grid]>[data-push-right*=off-12] {
margin-right: 50%
}
[class*=grid-]>[data-push-right*=off-13],
[class*=grid_]>[data-push-right*=off-13],
[class~=grid]>[data-push-right*=off-13] {
margin-right: 54.16667%
}
[class*=grid-]>[data-push-right*=off-14],
[class*=grid_]>[data-push-right*=off-14],
[class~=grid]>[data-push-right*=off-14] {
margin-right: 58.33333%
}
[class*=grid-]>[data-push-right*=off-15],
[class*=grid_]>[data-push-right*=off-15],
[class~=grid]>[data-push-right*=off-15] {
margin-right: 62.5%
}
[class*=grid-]>[data-push-right*=off-16],
[class*=grid_]>[data-push-right*=off-16],
[class~=grid]>[data-push-right*=off-16] {
margin-right: 66.66667%
}
[class*=grid-]>[data-push-right*=off-17],
[class*=grid_]>[data-push-right*=off-17],
[class~=grid]>[data-push-right*=off-17] {
margin-right: 70.83333%
}
[class*=grid-]>[data-push-right*=off-18],
[class*=grid_]>[data-push-right*=off-18],
[class~=grid]>[data-push-right*=off-18] {
margin-right: 75%
}
[class*=grid-]>[data-push-right*=off-19],
[class*=grid_]>[data-push-right*=off-19],
[class~=grid]>[data-push-right*=off-19] {
margin-right: 79.16667%
}
[class*=grid-]>[data-push-right*=off-20],
[class*=grid_]>[data-push-right*=off-20],
[class~=grid]>[data-push-right*=off-20] {
margin-right: 83.33333%
}
[class*=grid-]>[data-push-right*=off-21],
[class*=grid_]>[data-push-right*=off-21],
[class~=grid]>[data-push-right*=off-21] {
margin-right: 87.5%
}
[class*=grid-]>[data-push-right*=off-22],
[class*=grid_]>[data-push-right*=off-22],
[class~=grid]>[data-push-right*=off-22] {
margin-right: 91.66667%
}
[class*=grid-]>[data-push-right*=off-23],
[class*=grid_]>[data-push-right*=off-23],
[class~=grid]>[data-push-right*=off-23] {
margin-right: 95.83333%
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
margin: 0 auto 20px;
text-align: center
}
.gallery,
img.aligncenter,
img.alignleft,
img.alignright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto 20px
}
.gallery {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px
}
.gallery .gallery-item {
margin: 0;
padding: 0 10px 20px;
width: 100%
}
.gallery .gallery-item img {
display: block;
width: 100%
}
.commentlist .comment-container {
margin: 0 0 20px
}
.commentlist .perma {
float: right;
margin: 0 0 0 20px
}
.commentlist .avatar {
float: left;
margin: 0 20px 20px 0
}
.commentlist .comment-entry {
overflow: hidden;
width: 100%
}
.commentlist .comment-entry .reply {
text-align: right
}
.comment-form label,
.slick-slide img {
display: block
}
a.btn-link {
font-weight: 600;
font-size: 24px;
line-height: 1.4;
border-width: 0 0 2px;
border-style: solid
}
.slick-list,
.slick-slider {
position: relative;
display: block
}
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: 0;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.mCSB_inside>.mCSB_container {
margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-left: 30px
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
right: auto;
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 16px;
text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_container_wrapper,
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
bottom: 0;
left: 0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
overflow: hidden;
top: 0;
right: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
background-image: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/css/mCSB_buttons.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, .1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
height: 14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-repeat: repeat-y;
opacity: .3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
border-radius: 16px
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
border-radius: 7px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 5px;
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
right: 1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick.mCSB_scrollTools_horizontal {
bottom: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
bottom: 1px
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, .05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, .05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
left: 0;
right: auto
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, .2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, .2)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 12px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: rgba(0, 0, 0, .2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
width: 12px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0, 0, 0, .1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, .2);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, .2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, .6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, .9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9)
}
.mCSB_horizontal .mCSB_container {
margin-bottom: 60px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 1px;
background: #f1cb30
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background: rgba(255, 255, 255, .17);
height: 1px;
margin-top: 6px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
} body,
html {
-webkit-tap-highlight-color: transparent
}
.pp-section {
height: 100%;
position: absolute;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.pp-easing {
-webkit-transition: all 1000ms cubic-bezier(.55, .085, 0, .99);
transition: all 1000ms cubic-bezier(.55, .085, 0, .99);
-webkit-transition-timing-function: cubic-bezier(.55, .085, 0, .99);
transition-timing-function: cubic-bezier(.55, .085, 0, .99)
}
#pp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
display: none!important
}
#pp-nav.right {
right: 17px
}
#pp-nav.left {
left: 17px
}
.pp-section.pp-table {
display: block
}
#pp-nav li a,
.pp-slidesNav li a,
.pp-tableCell {
display: block;
width: 100%;
height: 100%
}
.pp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1
}
.pp-slidesNav.bottom {
bottom: 17px
}
.pp-slidesNav.top {
top: 17px
}
#pp-nav ul,
.pp-slidesNav ul,
body,
html {
margin: 0;
padding: 0
}
#pp-nav li,
.pp-slidesNav li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative
}
.pp-slidesNav li {
display: inline-block
}
#pp-nav li a,
.pp-slidesNav li a {
position: relative;
z-index: 1;
cursor: pointer;
text-decoration: none
}
#pp-nav li .active span,
.pp-slidesNav .active span {
background: #333
}
#pp-nav span,
.pp-slidesNav span {
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border: 1px solid #000;
background: 0 0;
border-radius: 50%;
position: absolute;
z-index: 1
}
.pp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px
}
.pp-tooltip.right {
right: 20px
}
.pp-tooltip.left {
left: 20px
}
.pp-scrollable {
overflow-y: scroll;
height: 100%
}
.single-work .sticky-button {
position: fixed;
right: 30px;
top: 30px;
z-index: 1000;
-webkit-transition: background-color .5s, -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out, background-color .5s;
transition: transform .5s ease-in-out, background-color .5s, -webkit-transform .5s ease-in-out;
-webkit-transform: translateX(calc(100% + 30px));
transform: translateX(calc(100% + 30px));
min-width: 100px
}
.single-work.down .sticky-button {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.header {
position: fixed;
z-index: 200;
width: 100%;
top: 0;
left: 0;
padding: 25px 0;
-webkit-transition: background-color .3s, padding .4s, -webkit-transform 1s;
transition: background-color .3s, padding .4s, transform 1s;
transition: background-color .3s, padding .4s, transform 1s, -webkit-transform 1s
}
.header.transparent:not(.scrolled) .menu-btn {
color: #fff
}
.header.scrolled:not(.opened-menu) {
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.header.scrolled .menu-btn {
color: #000
}
.down:not(.menu-opened) .header.scrolled {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.up .header.scrolled {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.header.opened-menu .main-nav {
opacity: 1;
pointer-events: auto
}
.header.opened-menu .main-logo svg,
.works-section .listing-filter .sort-list li.active a::before { }
.header.opened-menu .main-logo svg:first-of-type path:first-of-type {
fill: #fff
}
.header.opened-menu .menu-btn {
color: #000!important
}
.header .container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header .menu-btn {
position: relative;
top: -6px;
font-family: inherit;
color: #000;
font-weight: 600;
font-size: 14px;
line-height: 22px
}
.header .menu-btn::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background-color: currentColor
}
.main-logo,
.main-logo a {
display: block;
width: 232px;
height: 50px
}
.main-logo a {
position: relative;
width: 100%;
height: 100%
}
.main-logo img,
.main-logo svg { }
.main-logo svg { pointer-events: none
}
.touch .main-nav-holder .with-dropdown {
cursor: pointer
}
.main-nav-holder .sub-menu:not(.mega-menu) .sub-menu-holder .column {
width: 100%
}
.main-nav-holder .sub-menu ul {
font-size: 0;
line-height: 0
}
.main-nav-holder .sub-menu p {
font-weight: 400
}
.main-nav-holder .sub-menu ul a{
color: #fff;
}
.main-nav-holder .title {
font: 600 16px/24px "sofia-pro", sans-serif;
margin-bottom: 15px
}
.main-nav li a,
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder .column,
.main-nav>ul>li {
position: relative
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder .column:first-child:before {
display: none
}
.main-nav-holder .button {
width: 100%;
color: #fff
}
.main-nav li.current-menu-item>a:before {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.main-nav li a:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background-color: currentColor;
pointer-events: none;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
opacity: 0;
-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
transition: opacity .5s ease, transform .5s ease;
transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}
.main-nav li button {
line-height: 1;
width: 30px;
height: 42px;
display: inline-block;
vertical-align: top;
position: relative;
z-index: 20
}
.main-nav svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
height: 12px;
width: 20px
}
.main-nav svg path,
.no-touch .subscribe-popup .close:hover use {
fill: #000
}
.footer {
padding: 56px 15px 22px;
color: #bbb;
background-color: #0c0c0c
}
.footer .top {
border-bottom: 1px solid rgba(255, 255, 255, .07);
padding-bottom: 61px
}
.footer .bottom {
font-weight: 500;
font-size: 12px;
line-height: 22px;
padding-top: 16px
}
.footer .offices-listing {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-bottom: 40px
}
.footer .offices-listing a {
color: inherit
}
.footer .copyright a,
.footer .locations a,
.no-touch .footer .offices-listing a:hover {
text-decoration: underline
}
.footer .column {
margin-bottom: 29px
}
.footer .h3,
.footer h3 {
color: #e23;
margin-bottom: 14px
}
.footer address {
display: block;
font-style: normal
}
.footer .in-touch,
.footer .locations {
font-size: 16px;
line-height: 24px
}
.footer .in-touch p {
color: #fff;
font-weight: 600;
margin-bottom: 28px
}
.footer .in-touch .link {
display: inline-block;
font-size: 24px;
line-height: 32px;
margin-bottom: 34px
}
.footer .locations {
font-weight: 400;
margin-bottom: 18px
}
.no-touch .footer .copyright a:hover,
.no-touch .footer .locations a:hover {
text-decoration: none
}
.footer .description,
.hero-section .hero-section-content h3 {
margin-bottom: 20px
}
.footer .copyright {
padding-top: 16px
}
.footer .copyright li,
.footer .copyright p {
margin-bottom: 6px
}
.footer .copyright a {
color: inherit
}
.pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 0;
text-align: center;
margin: 0 -5px
}
.pagination ul li {
margin: 0 5px
}
.pagination ul a,
.pagination ul span {
display: block;
text-align: center;
width: 25px;
height: 25px;
border: 2px solid transparent;
color: #0c0c0c;
font-weight: 600;
font-size: 12px;
line-height: 25px;
text-transform: uppercase;
text-decoration: none
}
.win-system .pagination ul a,
.win-system .pagination ul span {
line-height: 21px
}
.pagination ul a {
border-radius: 50%
}
.no-touch .pagination ul .next::before,
.no-touch .pagination ul .prev::before,
.no-touch .pagination ul a {
-webkit-transition: border-color .3s;
transition: border-color .3s
}
.no-touch .pagination ul a:hover {
border-color: #e23
}
.pagination ul span:not(.dots) {
border-radius: 50%;
border-color: #e23;
background-color: #e23;
color: #fff;
}
.pagination ul .next,
.pagination ul .prev {
position: relative;
color: #e23;
border-color: transparent!important
}
.no-touch .pagination ul .next,
.no-touch .pagination ul .prev,
.no-touch .works-section .listing-filter .sort-list li a {
-webkit-transition: color .3s;
transition: color .3s
}
.no-touch .pagination ul .next:hover,
.no-touch .pagination ul .prev:hover {
color: rgba(255, 204, 0, .6)
}
.pagination ul .next::before,
.pagination ul .prev::before {
content: '';
position: absolute;
bottom: 50%;
width: 15px;
height: 15px;
border: 2px solid transparent;
border-radius: 3px;
color: inherit;
border-bottom-color: currentColor
}
.pagination ul .prev::before {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
border-left-color: currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 0
}
.pagination ul .next::before {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
border-right-color: currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 0
}
.hero-section .hero-section-content {
margin-bottom: 50px;
padding-top: 59px
}
.hero-section .hero-section-content h1 {
margin-bottom: 40px
}
.hero-section .hero-section-image {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.hero-section .hero-section-image::before {
content: "";
width: 100%;
display: block;
height: 0;
pointer-events: none;
padding-top: 56.64%
}
.hero-section .hero-section-image img {
opacity: 0
}
.agency-life .triple-column-list li {
max-width: 400px
}
.triple-column-list li {
width: 100%;
max-width: 350px;
margin: 0 auto 40px
}
.landing-page .logo-table,
.page-template-landing .logo-table {
padding-bottom: 0
}
.logo-table.without-slider .logo-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.logo-table.without-slider .logo-item>* {
max-width: 100%
}
.logo-table .slick-slide>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -10px auto
}
.logo-table .slick-dots {
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;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
min-height: 10px
}
.logo-table .slick-dots li {
margin: 0 5px
}
.logo-table .slick-dots li.slick-active .slick-dots-dot,
.topic-slider .slick-dots li.slick-active button {
background-color: #e23
}
.logo-table .slick-dots-dot {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ebebeb;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.logo-table .logo-item {
position: relative;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
text-align: center;
padding: 5px;
margin: 20px 0
}
.logo-table .logo-item strong {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 8px 0 0;
color: #e23;
font-weight: 700; z-index: -1
}
.win-system .logo-table .logo-item strong {
margin-top: -8px
}
.logo-table .text {
display: none
}
.logo-table img {
max-height: none
}
.logo-table mark,
.logo-table strong {
display: block;
font-weight: 400;
font-size: 84px;
line-height: 88px;
letter-spacing: -1px
}
.logo-table strong {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 5px;
color: #e23
}
.logo-table small {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 16px;
line-height: 24px;
font-weight: 600
}
.logo-table mark {
color: #fff;
background-color: #e23
}
.topic-slider {
font-weight: 500;
padding-bottom: 35px;
border-bottom: 1px solid rgba(9, 9, 9, .1)
}
.topic-slider,
.topic-slider .h1,
.topic-slider h1 {
margin-bottom: 35px
}
.topic-slider .slide {
color: #6f6f75
}
.topic-slider .photo {
padding: 35%;
margin-bottom: 25px;
position: relative;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat
}
.hero-section .hero-section-image img,
.topic-slider .photo a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.topic-slider .h2,
.topic-slider h2 {
margin-bottom: 10px
}
.topic-slider .h2 a,
.topic-slider h2 a {
color: #0c0c0c
}
.topic-slider .category a {
color: #6f6f75;
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 10px
}
.topic-slider .category a:last-of-type {
margin-right: 0
}
.topic-slider .category a:last-of-type:after {
display: none
}
.topic-slider .category a:after {
content: "/";
position: absolute;
top: 0;
right: -10px;
pointer-events: none
}
.blog-details .category strong,
.featured-posts-slider .category strong,
.topic-slider .category strong {
font-weight: 500;
color: #0c0c0c
}
.topic-slider .slick-dots {
text-align: right;
padding-top: 15px;
margin-right: -5px
}
.topic-slider .slick-dots li {
display: inline-block;
vertical-align: top;
margin: 5px
}
.topic-slider .slick-dots button {
padding: 0;
margin: 0;
border: 0;
font-family: inherit;
font-weight: 600;
position: relative;
font-size: 12px;
line-height: 32px;
text-align: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: transparent;
-webkit-transition: background-color .35s;
transition: background-color .35s;
cursor: pointer
}
.win-system .featured-posts-slider .slick-dots button,
.win-system .topic-slider .slick-dots button {
line-height: 30px
}
.featured-posts-slider .slick-dots button:before,
.topic-slider .slick-dots button:before {
content: "0";
display: inline-block;
vertical-align: top
}
.blog-listing {
font-weight: 500;
margin-bottom: 57px
}
.blog-listing.also-like {
margin-top: 35px;
padding-top: 35px;
border-top: 1px solid rgba(9, 9, 9, .1)
}
.blog-listing .wrap {
margin-bottom: 10px
}
.blog-listing .h1,
.blog-listing h1 {
margin-bottom: 30px
}
.blog-listing .h2,
.blog-listing h2,
.careers-intro figure {
margin-bottom: 15px
}
.blog-listing form,
.get-in-touch.color.has-animation.animate:after,
.no-touch .projects-list .project-item:hover .link:before {
width: 100%
}
.blog-listing .jcf-select {
display: inline-block;
margin-left: -15px;
min-width: 150px
}
.blog-listing .photo {
position: relative;
padding: 50%;
margin-bottom: 20px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat
}
.blog-listing .photo a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.blog-listing .h3,
.blog-listing h3 {
margin-bottom: 10px
}
.blog-listing .h3 a,
.blog-listing h3 a,
.no-touch .works-section .listing-filter .sort-list li.active a:hover {
color: #0c0c0c
}
.blog-listing .date {
color: #6f6f75;
padding-bottom: 12px
}
.blog-listing .category {
color: #6f6f75
}
.blog-listing .listing {
margin-bottom: 20px
}
.blog-listing .item {
max-width: 350px;
margin: 0 auto 30px
}
.icons-list,
.icons-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.icons-list {
margin: 0 -31px
}
.icons-list li {
margin: 0 31px
}
.icons-list a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
height: 18px
}
.no-touch .icons-list a {
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.no-touch .icons-list a:hover {
opacity: .5
}
.icons-list svg {
max-width: 100%;
max-height: 100%;
height: 100%;
fill: #e23
}
.article {
max-width: 770px;
width: 100%;
margin: 0 auto 50px; }
.article .small-title {
display: block;
margin: 0 0 16px;
line-height: 26px;
font-size: 10px;
font-weight: 600;
letter-spacing: 4px;
text-transform: uppercase;
color: #000
}
.article .small-title a {
color: #000
}
.article .short-description {
margin: 0 auto;
padding: 0 0 20px;
font-weight: 600;
max-width: 240px;
display: block
}
.article .h1,
.article .h2,
.article .h3,
.article h1,
.article h2,
.article h3,
.article p {
margin-bottom: 10px
}
.article .fact,
.article .marked-block,
.article img {
margin: 30px 0
}
.article img {
display: block
}
.article strong,
.vacations li span {
font-weight: 600
}
.article-section .article {
margin-bottom: 0
}
.article-section .h1,
.article-section h1 {
text-align: center
}
.get-in-touch-holder,
.get-in-touch-wrap {
background-color: #f8f8f8
}
.get-in-touch-wrap .get-in-touch {
border: 0
}
.get-in-touch-wrap .get-in-touch h4 {
font-weight: 500
}
.get-in-touch-wrap .get-in-touch .request-link {
font-weight: 400
}
.get-in-touch-wrap .get-in-touch p {
margin: 0
}
.get-in-touch-wrap .get-in-touch p+p {
margin-top: 30px
}
.get-in-touch-holder {
padding: 60px 0
}
.get-in-touch-holder .get-in-touch {
padding: 0!important
}
.get-in-touch {
padding: 57px 0 40px;
text-align: center
}
.get-in-touch.color {
text-align: center;
display: block;
background: #e23;
color: #fff;
padding-bottom: 57px
}
.get-in-touch.color.has-animation {
background: 0 0;
position: relative;
z-index: 10
}
.get-in-touch.color.has-animation:after {
content: "";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); height: 100%;
background: #e23;
-webkit-transition: width 1s ease;
transition: width 1s ease;
z-index: -1
}
.get-in-touch.color.has-animation .container {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity .5s ease, -webkit-transform 1s ease;
transition: opacity .5s ease, transform 1s ease;
transition: opacity .5s ease, transform 1s ease, -webkit-transform 1s ease
}
.get-in-touch.color.has-animation.animate .container {
-webkit-transition-delay: .3s;
transition-delay: .3s;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.get-in-touch.color .container {
position: relative;
z-index: 2
}
.get-in-touch.color .h4,
.get-in-touch.color h4 {
font-weight: 500
}
.get-in-touch.color .request-link,
.our-thinking-slider .item-heading time,
.related-posts-slider .item-heading time {
margin-bottom: 0
}
.get-in-touch.color .request-link:before {
background: #fff
}
.get-in-touch .block:last-child {
font-weight: 300
}
.get-in-touch .h4,
.get-in-touch h4 {
margin-bottom: 9px;
font-weight: 500
}
.get-in-touch .subscribe-box {
max-width: 810px;
margin: 40px auto 0
}
.get-in-touch .subscribe-box .form-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 12px;
border-radius: 64px;
border: 2px solid #0c0c0c;
position: relative
}
.get-in-touch .subscribe-box .input-holder {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-item-align: center;
align-self: center
}
.get-in-touch .subscribe-box .input-holder input {
background: 0 0;
color: #0c0c0c;
text-transform: none;
font-size: 20px;
line-height: 20px;
letter-spacing: 0;
font-weight: 300;
border: 0!important
}
.get-in-touch .subscribe-box .input-holder input::-webkit-input-placeholder {
font-size: 20px;
line-height: 20px;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
color: rgba(12, 12, 12, .7)
}
.get-in-touch .subscribe-box .input-holder input:-moz-placeholder,
.get-in-touch .subscribe-box .input-holder input::-moz-placeholder {
opacity: 1;
font-size: 20px;
line-height: 20px;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
color: rgba(12, 12, 12, .7)
}
.get-in-touch .subscribe-box .input-holder input:-ms-input-placeholder {
font-size: 20px;
line-height: 20px;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
color: rgba(12, 12, 12, .7)
}
.get-in-touch .subscribe-box .input-holder input.filled,
.get-in-touch .subscribe-box .input-holder input:focus {
border-color: transparent
}
.get-in-touch .subscribe-box .button {
border-radius: 40px;
min-width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 10px
}
.no-touch .get-in-touch .subscribe-box .button:hover {
background-color: rgba(111, 111, 117, .2)
}
.get-in-touch .subscribe-box .form-details {
margin-top: 20px
}
.get-in-touch .subscribe-box [type=checkbox]+.label,
.get-in-touch .subscribe-box [type=checkbox]+label,
.get-in-touch .subscribe-box [type=radio]+.label,
.get-in-touch .subscribe-box [type=radio]+label {
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-align: left;
margin-bottom: 0
}
.get-in-touch .subscribe-box [type=checkbox]+.label:after,
.get-in-touch .subscribe-box [type=checkbox]+label:after,
.get-in-touch .subscribe-box [type=radio]+.label:after,
.get-in-touch .subscribe-box [type=radio]+label:after {
top: 10px;
left: 7px;
background-image: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/images/icon-check-yellow.svg)
}
.no-touch .get-in-touch .subscribe-box [type=checkbox]+.label,
.no-touch .get-in-touch .subscribe-box [type=checkbox]+label,
.no-touch .get-in-touch .subscribe-box [type=radio]+.label,
.no-touch .get-in-touch .subscribe-box [type=radio]+label {
cursor: pointer
}
.no-touch .get-in-touch .subscribe-box [type=checkbox]+.label:hover::before,
.no-touch .get-in-touch .subscribe-box [type=checkbox]+label:hover::before,
.no-touch .get-in-touch .subscribe-box [type=radio]+.label:hover::before,
.no-touch .get-in-touch .subscribe-box [type=radio]+label:hover::before {
border-color: #0c0c0c
}
.get-in-touch .subscribe-box [type=checkbox]+.label::before,
.get-in-touch .subscribe-box [type=checkbox]+label::before,
.get-in-touch .subscribe-box [type=radio]+.label::before,
.get-in-touch .subscribe-box [type=radio]+label::before {
width: 24px;
height: 24px
}
.get-in-touch .subscribe-box input:checked+.label::before,
.get-in-touch .subscribe-box input:checked+label::before {
background-color: #0c0c0c;
border-color: #0c0c0c
}
.get-in-touch .subscribe-box input[type=email][aria-invalid=true],
.get-in-touch .subscribe-box input[type=number][aria-invalid=true],
.get-in-touch .subscribe-box input[type=password][aria-invalid=true],
.get-in-touch .subscribe-box input[type=tel][aria-invalid=true],
.get-in-touch .subscribe-box input[type=text][aria-invalid=true],
.get-in-touch .subscribe-box textarea[aria-invalid=true] {
border-color: transparent
}
.get-in-touch .subscribe-box .wpcf7-form.invalid .form-inner {
border-color: red
}
.get-in-touch .subscribe-box .wpcf7-not-valid-tip {
position: absolute;
left: 0;
top: 100%;
margin-top: 2px
}
.get-in-touch .subscribe-box .wpcf7-response-output {
padding-top: 10px
}
.request-link {
display: inline-block;
cursor: pointer;
vertical-align: top;
position: relative;
z-index: 20;
font-family: inherit;
font-weight: 600;
color: #000;
font-size: 48px;
line-height: 52px;
letter-spacing: -1px;
margin-bottom: 20px
}
.no-touch .request-link:hover:before {
height: 100%
}
.win-system .request-link::before {
bottom: -2px
}
.request-link:before {
content: "";
position: absolute;
right: -20px;
left: -20px;
height: 4px;
bottom: 0;
z-index: -1;
background: #e23;
-webkit-transition: height 1.1s;
transition: height 1.1s
}
.get-in-touch-text {
border-top: 1px solid rgba(9, 9, 9, .1);
padding: 95px 0
}
.get-in-touch-text p {
margin-top: 14px
}
.hero {
position: relative;
font-size: 18px;
line-height: 26px
}
.hero .table-wrapper {
display: table
}
.hero .table-cell {
padding: 59px 0;
display: table-cell;
vertical-align: middle
}
.hero .h1,
.hero h1 {
margin-bottom: 16px;
max-width: 360px
}
.hero p {
margin-bottom: 20px
}
.hero .arrow {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 27px;
height: 17px;
fill: #0c0c0c
}
.no-touch .hero .arrow {
cursor: pointer
}
.works-section {
text-align: center;
padding: 59px 0 50px
}
.works-section+.container {
margin-top: 40px
}
.works-section .h1,
.works-section h1 {
text-align: left;
margin-bottom: 49px
}
.works-section .listing-filter {
text-align: left;
margin-bottom: 25px
}
.works-section .listing-filter .sort-list li {
display: inline-block;
text-transform: uppercase;
margin: 5px 10px 5px 0
}
.works-section .listing-filter .sort-list li:last-child {
margin-right: 0
}
.works-section .listing-filter .sort-list li a {
display: inline-block;
position: relative;
font-weight: 600;
z-index: 1;
padding: 0 7px
}
.no-touch .works-section .listing-filter .sort-list li a:hover {
color: #e23
}
.works-section .listing-filter .sort-list li a::before {
content: '';
position: absolute;
top: 0;
bottom: 2px;
left: 0;
width: 100%;
background-color: #e23;
z-index: -1;
opacity: 0
}
.works-section .listing-filter .form-group {
width: 160px;
margin-bottom: 0
}
.works-section .button {
font-size: 14px
}
.latest-work-listing {
text-align: left;
margin-bottom: 33px
}
.latest-work-listing .item {
position: relative;
width: 100%;
max-width: 450px;
margin: 0 auto 30px
}
.latest-work-listing .image {
position: relative;
width: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
margin-bottom: 7px;
overflow: hidden
}
.no-touch .latest-work-listing .image:hover .text {
opacity: 1;
pointer-events: auto;
color:#fff;
}
.latest-work-listing .image::before {
content: "";
width: 100%;
display: block;
height: 0;
pointer-events: none;
padding-top: 110.34%
}
.latest-work-listing .image video {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%
}
.latest-work-listing .image a,
.latest-work-listing .image img,
.latest-work-listing .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
opacity: 0
}
.latest-work-listing .text {
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #e23;
padding: 20px;
pointer-events: none
}
.no-touch .latest-work-listing .text {
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.latest-work-listing .h4,
.latest-work-listing h4 {
font-size: 24px;
line-height: 32px
}
.no-touch .latest-work-listing .h4 a:hover,
.no-touch .latest-work-listing h4 a:hover {
text-decoration: underline
}
.capabilities {
padding: 42px 0 70px
}
.capabilities .h1,
.capabilities h1 {
margin-bottom: 51px
}
.capabilities-listing .item {
width: 100%;
max-width: calc(100% - 30px);
margin: 0 0 30px
}
.capabilities-listing .item>a {
display: none
}
.capabilities-listing .h3,
.capabilities-listing h3 {
margin-bottom: 10px;
padding-right: 10px
}
.capabilities-listing .h3 a,
.capabilities-listing h3 a {
border-bottom: 2px solid currentColor;
display: inline-block;
vertical-align: top;
position: relative
}
.capabilities-listing .h3 a:after,
.capabilities-listing h3 a:after {
content: "";
width: 10px;
height: 10px;
position: absolute;
left: 100%;
top: 50%;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #000;
transition: margin-top .3s, -webkit-transform .3s;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
margin-left: 10px
}
.capabilities-listing p {
font-size: 16px;
line-height: 24px
}
.careers-intro {
padding-top: 59px
}
.careers-intro,
.careers-intro .h1,
.careers-intro h1 {
margin-bottom: 20px
}
.careers-intro .h2,
.careers-intro .h3,
.careers-intro h2,
.careers-intro h3 {
margin-bottom: 10px
}
.our-culture,
.vacations {
margin-bottom: 40px
}
.our-culture .h1 {
display: block;
margin-bottom: 15px
}
.our-culture .h2,
.our-culture h2 {
margin-bottom: 10px
}
.our-culture ul li {
font-weight: 300
}
.careers-details .h1,
.careers-details h1,
.careers-details ul,
.city-info p,
.vacations .h2,
.vacations h2 {
margin-bottom: 15px
}
.vacations li {
padding: 0;
border: 1px solid #ebebeb;
border-top: none
}
.vacations li:first-child {
border-top: 1px solid #ebebeb
}
.sharing .icons-list li:before,
.vacations li:before {
display: none
}
.vacations li a {
color: #0c0c0c;
display: block;
padding: 20px;
position: relative;
-webkit-transition: background .3s;
transition: background .3s
}
.no-touch .vacations li a:hover {
background: #e23
}
.vacations li strong {
font-size: 20px;
line-height: 24px;
display: block;
margin-bottom: 10px;
letter-spacing: -1px
}
.careers-details {
padding-bottom: 20px;
text-align: center;
padding-top: 59px
}
.careers-details .city {
text-align: center;
font-weight: 500;
font-size: 15px;
color: #6f6f75;
display: block;
margin-bottom: 10px
}
.careers-details .content {
text-align: left
}
.careers-details .article {
margin: 0 auto
}
.clients {
padding: 40px 0 42px
}
.clients.landing {
padding: 40px 0
}
.clients.landing .h1,
.clients.landing h1 {
letter-spacing: -1.7px
}
.clients .h1 {
margin-bottom: 39px
}
.related-posts-section {
padding: 50px 0 62px
}
.related-posts-section.press {
padding-top: 39px
}
.related-posts-section .h1,
.related-posts-section h1 {
margin-bottom: 36px
}
.related-posts-slider {
position: relative;
z-index: 1;
width: 100%;
margin-left: auto;
max-width: calc(100% - 15px);
-webkit-overflow-scrolling: touch
}
.press .related-posts-slider .h3,
.press .related-posts-slider h3 {
font-size: 24px;
line-height: 32px;
letter-spacing: 0
}
.related-posts-slider .slick-list {
overflow: visible;
-webkit-overflow-scrolling: touch
}
.related-posts-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-overflow-scrolling: touch
}
.related-posts-slider .slick-slide {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.related-posts-slider .slick-slide>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.related-posts-slider .item {
display: block!important;
-ms-flex-negative: 0;
flex-shrink: 0;
color: rgba(12, 12, 12, .5);
font-weight: 500;
font-size: 12px;
line-height: 22px;
border-left: 1px solid #ebebeb;
padding: 20px 30px 20px 24px
}
.related-posts-slider .item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #161616;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.address-details address span,
.related-posts-slider .category {
display: block
}
.related-posts-slider .time {
margin-bottom: 3px;
max-width: 125px
}
.related-posts-slider .item-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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-right: -20px;
margin-bottom: 10px
}
.related-posts-slider .logo-holder {
position: relative;
width: 100px;
height: 40px
}
.related-posts-slider .logo-holder img,
.related-posts-slider .logo-holder svg {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%
}
.no-touch .full-width-gallery .slick-arrow:hover svg,
.related-posts-slider .logo-holder svg {
fill: #0c0c0c
}
.no-touch .related-posts-slider .logo-holder svg,
.our-thinking-slider .slick-arrow path,
.subscribe-popup .close use,
.success-stories .slick-arrow path {
-webkit-transition: fill .3s;
transition: fill .3s
}
.related-posts-slider .h2,
.related-posts-slider .h3,
.related-posts-slider h2,
.related-posts-slider h3 {
color: #0c0c0c;
margin-bottom: 12px
}
.blog-details {
text-align: center;
padding-top: 59px
}
.blog-details .h1,
.blog-details h1 {
margin-bottom: 20px
}
.blog-details .content,
.privacy-policy-termageddon article {
text-align: left
}
.blog-details .heading-wrap {
color: #6f6f75;
font-weight: 500;
margin-bottom: 30px
}
.blog-details .category a {
color: #6f6f75;
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 20px
}
.blog-details .category a:last-of-type {
margin-right: 0
}
.blog-details .category a:last-of-type:after {
display: none
}
.blog-details .category a:after {
content: "/";
position: absolute;
top: 0;
right: -13px;
pointer-events: none
}
.blog-details .poster {
position: relative;
margin: 50px 0;
width: 100%;
padding-top: 41.61%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat
}
.blog-details .poster img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.sharing {
margin: 30px 0;
padding: 20px 0;
border-top: 1px solid rgba(9, 9, 9, .1);
border-bottom: 1px solid rgba(9, 9, 9, .1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.sharing .title {
font-size: 15px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
margin-right: 30px;
position: relative;
cursor: pointer
}
.sharing .title:after {
content: "";
position: absolute;
top: 50%;
right: -20px;
margin-top: -7px;
width: 1px;
height: 14px;
background: rgba(9, 9, 9, .1)
}
.sharing .icons-list {
margin: 0
}
.sharing .icons-list li {
padding: 0;
width: 16px;
height: 16px;
margin: 0 11px
}
.sharing .icons-list a,
.sharing .icons-list svg {
display: block;
width: 100%;
height: 100%
}
.address-details .link:before,
.our-process .link-list a::before,
.sharing .icons-list a:before {
display: none
}
.sharing .icons-list svg {
fill: #0c0c0c
}
.our-process {
padding-bottom: 30px
}
.our-process .h1,
.our-process .heading,
.our-process h1 {
margin-bottom: 30px
}
.our-process .wrap {
padding: 20px 0;
border: solid rgba(9, 9, 9, .1);
border-width: 1px 0
}
.our-process .h3,
.our-process h3 {
margin-bottom: 10px
}
.our-process .link-list {
margin-bottom: 20px
}
.our-process .link-list li {
margin-bottom: 4px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
overflow: hidden;
padding-bottom: 6px
}
.our-process .link-list a {
border-bottom: 2px solid currentColor
}
.process-list li {
max-width: 450px;
margin: 0 auto 30px
}
.process-list li:before {
content: counters(counterName, "-", decimal-leading-zero);
color: #e23;
font-weight: 900;
font-size: 48px;
line-height: 54px;
display: block;
margin-bottom: 12px;
letter-spacing: -1px
}
.city-title .h1,
.city-title h1 {
margin-bottom: 15px;
text-align: center
}
.city-title .image {
display: none!important;
max-width: 500px;
margin: 0 auto 15px
}
.city-info {
font-size: 14px;
line-height: 24px;
font-weight: 500;
overflow: hidden
}
.city-info p:first-of-type {
font-size: 24px;
line-height: 34px;
font-weight: 600
}
.address-details {
margin-bottom: 20px
}
.address-details ul li {
padding: 0 0 30px
}
.address-details address {
font-size: 16px;
line-height: 26px;
font-style: normal;
font-weight: 500
}
.address-details .link {
font-size: 18px;
font-weight: 500;
line-height: 22px;
letter-spacing: -.36px;
padding-top: 20px
}
.address-details .link.phone {
font-size: 20px;
line-height: 22px;
padding-top: 0
}
.address-details .link a {
display: block;
position: relative;
padding-left: 34px
}
.address-details .link svg,
.email-link svg {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.address-details .link svg {
-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
left: 2px
}
.address-details .email-link {
font-size: 20px;
margin-bottom: 0
}
.address-details .heading {
display: block;
font-size: 10px;
line-height: 12px;
font-weight: 400;
letter-spacing: 4px;
text-transform: uppercase;
padding-bottom: 16px
}
.email-link {
padding-left: 30px
}
.email-link a {
position: relative;
font-weight: 600;
color: #0c0c0c;
font-size: 18px;
line-height: 26px;
text-decoration: none!important
}
.email-link a.white {
color: #fff
}
.no-touch .email-link a {
-webkit-transition: color .3s;
transition: color .3s
}
.no-touch .email-link a:hover {
color: #e23
}
.email-link a::before {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
color: inherit;
background-color: currentColor
}
.no-touch .email-link a::before {
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.email-link svg {
left: -30px
}
.social-life {
margin-right: -20px
}
.social-life .big-title {
display: block;
font-size: 36px;
line-height: 42px;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 30px
}
.social-life ul {
max-width: 100%;
overflow-y: auto;
white-space: nowrap;
margin-bottom: 50px
}
.social-life ul li {
cursor: pointer;
display: inline-block;
vertical-align: top;
width: 272px;
padding: 0
}
.social-life ul li+li {
margin-left: 10px
}
.touch .social-life ul li:hover {
pointer-events: none
}
.social-life ul li:before {
display: none
}
.social-life ul a {
position: relative;
display: block;
width: 272px;
height: 272px
}
.social-life ul a span {
margin-top: 5px;
display: block;
width: 100%;
-ms-flex-item-align: start;
align-self: flex-start;
text-align: center
}
.social-life ul img {
max-height: 100%
}
.social-life ul .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
background: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/images/social-life-bg.png) no-repeat;
font-size: 32px;
line-height: 38px;
font-weight: 500;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.social-life ul .mask img {
display: block;
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 5px
}
.mCustomScrollBox.mCSB_vertical_horizontal,
.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
-ms-touch-action: auto;
touch-action: auto
}
.mCustomScrollBox {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.mCustomScrollBox.mCSB_horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.wide-block {
position: relative;
padding: 50px 0;
text-align: center
}
.wide-block:before {
content: "";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw;
height: 100%;
background-color: #161616;
z-index: -1
}
.wide-block a {
display: inline-block;
margin-bottom: 10px;
font-family: 500;
font-size: 15px;
line-height: 22px;
color: #e23
}
.no-touch .post-listing-wrap .item>a:hover+.info .h4,
.no-touch .post-listing-wrap .item>a:hover+.info h4,
.no-touch .the-drop .item>a:hover+.info .h4,
.no-touch .the-drop .item>a:hover+.info h4,
.no-touch .wide-block a:hover,
.wide-block a:active {
text-decoration: underline
}
.wide-block .h2,
.wide-block h2 {
color: #fff
}
.case-study .content .h3,
.case-study .content h3 {
margin-bottom: 78px
}
.case-study-section .back-arrow-link {
margin: 0 0 30px
}
.case-study-section .image-block {
position: relative;
margin: 0 0 81px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%
}
.case-study-section .image-block span {
display: block;
padding: 80% 0 0;
position: relative;
overflow: hidden
}
.case-study-section .image-block span img {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.case-study-section .city-info p {
margin-bottom: 30px
}
.case-study-section .client-block {
overflow: hidden;
padding: 0 0 32px
}
.case-study-section .client-block h4 {
text-transform: uppercase;
font-weight: 400;
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 20px
}
.case-study-section .client-block h4 span {
color: #898686
}
.case-study-section .client-block .email-link {
margin-bottom: 20px
}
.case-study-section .client-block .info-item {
padding: 0 0 20px
}
.case-study-section .client-block .info-item .h3,
.case-study-section .client-block .info-item h3 {
margin: 0 0 13px
}
.case-study-section .client-block .info-item p {
padding: 0;
margin: 0
}
.case-study-section .client-block-info .h2,
.case-study-section .client-block-info h2 {
margin: 0 0 19px
}
.case-study-section .client-block-info img {
display: block;
max-width: 320px;
margin: 0 0 57px
}
.case-study-section .client-block-services {
margin: 0 -23px 0 0;
padding: 0 23px 0 0
}
.case-study-section .client-block-carousel .slick-list {
overflow: visible!important
}
.case-study-section .client-block-carousel .slick-dots {
margin: 0
}
.case-study-section .client-block-carousel .slick-slide:focus {
outline: 0
}
.case-study-section .information-columns {
padding: 0 0 42px;
position: relative
}
.case-study-section .information-left {
padding: 0 0 25px
}
.carousel-counter .current-slide span.old,
.case-study-section .information-left img {
display: none
}
.case-study-section .information-left small {
font-size: 100%;
display: block;
margin: 0 0 20px;
font-weight: 600
}
.case-study-section .information-left p {
margin-bottom: 15px
}
.case-study-section .information-left .inner {
width: 300px;
-webkit-transition: top .8s, bottom .8s;
transition: top .8s, bottom .8s
}
.case-study-section .information-left.sticky .inner {
position: fixed;
top: 0
}
.case-study-section .information-left.sticky.bottom-pos .inner {
position: absolute;
top: auto;
bottom: 0
}
.case-study-section .information-right h6 {
font-size: 18px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase
}
.case-study-section .information-right img {
display: block;
width: 100%
}
.pages-carousel-block {
overflow: hidden;
width: 100%;
padding: 0 0 86px
}
.pages-carousel-block .slick-slide:focus {
outline: 0
}
.carousel-counter {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #000;
padding: 30px 0 27px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.carousel-counter .counter-wrap>div {
display: inline-block;
vertical-align: middle
}
.carousel-counter .current-slide {
position: relative;
overflow: hidden;
margin: -12px 0 0;
width: 75px
}
.carousel-counter .current-slide span {
width: 100%;
color: #e23
}
.carousel-counter .total-slides,
.subscribe-popup form {
position: relative
}
.carousel-counter .total-slides:after {
content: '';
position: absolute;
left: -4px;
top: 0;
height: 47px;
border-right: 1px solid #000;
-webkit-transform: rotate(22deg);
transform: rotate(22deg)
}
.carousel-counter strong {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
font-size: 18px;
line-height: 26px
}
.carousel-counter>div {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 60px;
line-height: 60px;
text-transform: uppercase;
letter-spacing: .9px;
text-align: right
}
.carousel-counter span {
display: inline-block;
vertical-align: top
}
.wrap-pages-carousel {
padding: 0 12px 0 0;
margin: 0 -24px 0 0;
overflow: hidden
}
.wrap-pages-carousel.project-photo .main-holder {
max-width: 1000px
}
.wrap-pages-carousel.project-photo,
.wrap-pages-carousel.project-photo .pages-carousel-item {
margin: 0;
padding: 0
}
.wrap-pages-carousel.project-photo h2 {
color: #fff;
font-size: 26px;
line-height: 30px;
position: relative
}
.wrap-pages-carousel.project-photo .h6,
.wrap-pages-carousel.project-photo h6 {
margin: 0 0 15px;
color: #6f6f6f;
font-weight: 500
}
.pages-carousel .slick-list {
overflow: visible!important
}
.pages-carousel-item {
margin: 0 12px 0 0;
display: block!important;
width: auto!important;
max-height: 70vh;
overflow-y: auto
}
.pages-carousel-item .mCSB_inside>.mCSB_container {
margin-right: 0
}
.pages-carousel-item .mCSB_dragger_bar {
background: #e23!important
}
.pages-carousel-item img {
width: 100%;
display: block
}
.subscribe-popup {
position: fixed;
z-index: 1100;
top: 0;
right: 0;
width: 100%;
height: 100vh;
left: 0;
background: #e23;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-101vh);
transform: translateY(-101vh);
-webkit-transition: visibility .5s, -webkit-transform .5s;
transition: transform .5s, visibility .5s;
transition: transform .5s, visibility .5s, -webkit-transform .5s;
visibility: hidden
}
.subscribe-popup.show {
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible
}
.subscribe-popup .h2,
.subscribe-popup h2 {
color: #0c0c0c;
margin-bottom: 15px;
text-align: center
}
.subscribe-popup .form {
max-width: 685px;
width: 100%;
margin: 0 auto;
padding: 0 20px
}
.subscribe-popup .wpcf7-response-output {
font-size: 11px;
line-height: 12px;
position: absolute;
top: 58px;
text-align: center;
left: 0;
width: 100%
}
.subscribe-popup .submit {
color: #0c0c0c;
text-transform: uppercase;
font-size: 40px;
line-height: 44px;
letter-spacing: 1.26px;
background: 0 0;
height: auto;
border: 0;
padding: 0;
margin: 0 auto;
display: block;
position: relative;
outline: 0
}
.subscribe-popup .input-holder {
overflow: hidden;
margin-bottom: 15px
}
.subscribe-popup .form-control {
width: 100%;
background: #fff
}
.subscribe-popup .close {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
right: 20px;
top: 50px
}
.subscribe-popup .close svg {
width: 100%;
height: auto
}
.mosaic {
position: relative;
margin-bottom: 40px
}
.mosaic .section-content {
width: 100%;
max-width: 780px;
max-height: calc(100% - 40px);
padding: 65px 15px 40px;
overflow: hidden;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0
}
.mosaic .images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mosaic .images li {
position: relative;
width: 50%
}
.mosaic .images.on li {
background-color: #c4c4c4
}
.mosaic .images li:nth-of-type(10),
.mosaic .images li:nth-of-type(7),
.mosaic .images li:nth-of-type(8),
.mosaic .images li:nth-of-type(9) {
display: none
}
.mosaic .image {
width: 100%;
height: 50vw;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
opacity: .5
}
.mosaic .image img {
opacity: 0
}
.mosaic .overlay {
position: absolute;
right: 0;
bottom: 0;
top: 0;
left: 0
}
.hero.mosaic {
padding-bottom: 55px
}
.hero.mosaic .arrow {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 27px;
height: 17px;
fill: #0c0c0c
}
.no-touch .hero.mosaic .arrow {
cursor: pointer
}
header.header {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
header.header .main-logo svg path:last-of-type {
fill: #0c0c0c
}
.animate-1 header.header .main-logo svg path:last-of-type,
header.header.transparent .main-logo svg path:last-of-type {
fill: #fff
}
.animate-1 header.header .main-nav button svg,
.full-page .visual-section .scroll-bottom svg path,
.no-touch .social-proof-slider-nav .slick-arrow:hover svg path,
.no-touch .the-drop .slick-arrow:hover svg path,
header.header.transparent .main-nav button svg {
fill: #fff
}
header.header .main-logo svg:first-of-type {
opacity: 1
}
header.header .main-logo svg:first-of-type path:first-of-type {
fill: #e23
}
header.header.transparent.opened-menu .main-logo svg:first-of-type path:last-of-type,
header.header.transparent.scrolled .main-logo svg:first-of-type path:last-of-type {
fill: #0c0c0c
}
.header-transparent .wrapper .main {
padding: 0
}
.faq {
padding: 50px 0
}
.faq .h1 {
margin-bottom: 10px
}
.faq .accordion .item {
border-bottom: 1px solid rgba(9, 9, 9, .1);
position: relative
}
.faq .accordion .item:first-child .info {
display: block
}
.faq .accordion .item.active a button:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.faq .accordion .h4 a,
.faq .accordion h4 a {
padding: 20px 30px 20px 0;
display: block
}
.faq .accordion .h4 a button,
.faq .accordion h4 a button {
position: absolute;
right: 0;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer
}
.faq .accordion .h4 a button:after,
.faq .accordion .h4 a button:before,
.faq .accordion h4 a button:after,
.faq .accordion h4 a button:before {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
width: 15px;
height: 2px;
background-color: #191919
}
.faq .accordion .h4 a button:after,
.faq .accordion h4 a button:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s
}
.faq .accordion .info {
display: none;
padding-bottom: 15px;
padding-right: 40px
}
.our-capabilities {
padding: 50px 0;
background-color: #f7f7f7
}
.our-capabilities .h2,
.our-capabilities h2 {
margin-bottom: 30px
}
.our-capabilities .content ol,
.our-capabilities .content p,
.our-capabilities .content ul,
.our-capabilities .h3,
.our-capabilities h3 {
margin-bottom: 10px
}
.our-capabilities .tabs-nav {
font-size: 15px;
line-height: 18px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #000;
margin-bottom: 20px
}
.our-capabilities .tabs-nav li,
.success-stories.home .marked-block q,
.success-stories.home blockquote q {
margin-bottom: 20px
}
.our-capabilities .tabs-nav li.active a {
background-color: #e23
}
.our-capabilities .tabs-nav a {
padding: 7px 12px 5px;
-webkit-transition: background-color .3s, color .3s;
transition: background-color .3s, color .3s
}
.no-touch .our-capabilities .tabs-nav a:hover {
color: rgba(9, 9, 9, .6)
}
.our-capabilities .tab {
-webkit-transition: opacity .8s ease, visibility .8s;
transition: opacity .8s ease, visibility .8s;
width: 100%;
left: -100%;
opacity: 0;
visibility: hidden;
top: -3000px;
position: absolute
}
.our-capabilities .tab.active {
opacity: 1;
visibility: visible;
left: 0;
top: 0;
position: relative
}
.our-capabilities .tab .icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 30px;
height: 30px;
margin: 0 auto 20px
}
.our-capabilities .content .h2,
.our-capabilities .content .h4,
.our-capabilities .content .h5,
.our-capabilities .content h2,
.our-capabilities .content h4,
.our-capabilities .content h5,
.section-map .map-text p {
margin-bottom: 15px
}
.our-capabilities .content ul {
padding-top: 10px
}
.our-capabilities .mCSB_scrollTools {
top: 0
}
.our-capabilities .mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background: rgba(0, 0, 0, .1)!important
}
.our-capabilities .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #000!important
}
.selected-projects {
margin-bottom: 50px
}
.selected-projects.dark {
background-color: #000;
padding: 50px 0
}
.selected-projects.dark .holder.has-animation,
.success-stories {
position: relative
}
.selected-projects.dark .holder.has-animation:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #000;
-webkit-transition: height 1.5s ease;
transition: height 1.5s ease
}
.selected-projects.dark .holder.has-animation .projects-info,
.selected-projects.dark .holder.has-animation .projects-list {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
transition: opacity 2s ease, transform 2s ease;
transition: opacity 2s ease, transform 2s ease, -webkit-transform 2s ease
}
.selected-projects.dark .holder.animate:after {
height: 0
}
.selected-projects.dark .holder.animate .projects-info,
.selected-projects.dark .holder.animate .projects-list {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.project-item .project-info a,
.projects-list .project-item a,
.selected-projects.dark .projects-info {
color: #fff
}
.selected-projects.dark .button {
width: 100%;
margin-top: 50px;
text-transform: none;
font-size: 24px;
line-height: 32px;
padding: 6px
}
.selected-projects .projects-info {
margin-bottom: 42px;
font-size: 16px;
line-height: 24px
}
.projects-list .project-item {
min-height: 400px;
height: 54vh;
padding: 25px 32px;
color: #fff;
background: #000;
position: relative;
margin-right: 8px;
overflow: hidden
}
.no-touch .projects-list .project-item:hover .hidden {
opacity: 1;
visibility: visible
}
.no-touch .projects-list .project-item:hover .image {
-webkit-transform: scale(1.08);
transform: scale(1.08)
}
.projects-list .project-item .image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover
}
.projects-list .project-item .image:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .3)));
background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .3) 100%)
}
.projects-list .project-item .info {
position: relative;
z-index: 2;
height: 100%;
font-size: 18px;
line-height: 23px
}
.asided .sidebar .text-content p,
.projects-list .project-item .h3,
.projects-list .project-item h3 {
margin-bottom: 12px
}
.projects-list .project-item .subject {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
font-size: 16px;
line-height: 22px;
font-weight: 600;
z-index: -1
}
.projects-list .project-item .link {
display: inline-block;
vertical-align: top;
margin-top: 18px
}
.projects-list .slick-list {
overflow: visible
}
.projects-list .slick-slide>div {
padding-right: 8px
}
.success-stories {
padding: 47px 0 60px
}
.success-stories .h1 {
margin-bottom: 33px
}
.success-stories .slider-success-stories {
-webkit-transition: opacity 1s;
transition: opacity 1s
}
.success-stories .slider-success-stories:not(.slick-initialized) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0
}
.success-stories .slick-arrow {
position: absolute;
right: 35px;
top: -80px;
z-index: 30
}
.success-stories .slick-arrow.slick-prev {
margin-right: 60px
}
.success-stories .slick-arrow.slick-disabled {
opacity: .5;
pointer-events: none
}
.no-touch .map-section-content .info .to-bottom-btn:hover path,
.no-touch .our-thinking-slider .slick-arrow:hover path,
.no-touch .success-stories .slick-arrow:hover path {
fill: #e23
}
.success-stories .slick-list {
position: relative;
padding-left: 15px
}
.success-stories .slick-list:after,
.success-stories .slick-list:before {
content: '';
height: 100%;
position: absolute;
top: 0;
display: block;
width: 70px;
background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(90.89%, rgba(255, 255, 255, .0001)));
background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, .0001) 90.89%);
z-index: 3
}
.success-stories .slick-list:before {
left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.success-stories .slick-list:after {
right: 0
}
.success-stories .storie {
color: #0c0c0c;
padding-right: 30px
}
.success-stories .aside-control.slick-next {
left: auto;
right: 0
}
.success-stories.home {
padding-top: 0
}
.success-stories.home .h3,
.success-stories.home h3 {
margin-bottom: 30px
}
.success-stories.home .marked-block cite span,
.success-stories.home blockquote cite span {
line-height: 16px;
padding-top: 0
}
.success-stories.home .logo {
max-width: 130px;
margin-bottom: 20px
}
.related-projects+.section-map,
.related-projects+.selected-projects {
padding-top: 50px
}
.related-projects .h1 {
margin-bottom: 50px
}
.related-projects .slick-slide {
position: relative;
width: 100vw
}
.related-projects .slick-slide:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
z-index: 10;
-webkit-transition: background-color .5s, visibility .5s;
transition: background-color .5s, visibility .5s
}
.related-projects .slick-slide.slick-current:before {
-webkit-transition-delay: .7s;
transition-delay: .7s;
background-color: transparent;
visibility: hidden
}
.our-thinking {
padding: 50px 0
}
.our-thinking .container .h1 {
margin-bottom: 33px
}
.our-thinking-slider {
position: relative;
z-index: 1
}
.our-thinking-slider .slick-list {
position: relative
}
.our-thinking-slider .slick-list:after,
.our-thinking-slider .slick-list:before {
content: '';
height: 100%;
position: absolute;
top: 0;
width: 70px;
background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(90.89%, rgba(255, 255, 255, .0001)));
background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, .0001) 90.89%);
z-index: 3;
display: none
}
.our-thinking-slider .slick-list:before {
left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.our-thinking-slider .slick-list:after {
right: 0
}
.our-thinking-slider .slick-track {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important
}
.our-thinking-slider .slick-slide {
height: auto!important
}
.our-thinking-slider .slick-slide>div {
height: 100%
}
.our-thinking-slider .slick-arrow {
position: absolute
}
.our-thinking-slider .slick-arrow.slick-prev {
margin-right: 60px
}
.our-thinking-slider .slick-arrow.slick-disabled {
opacity: .5;
pointer-events: none
}
.our-thinking-slider .item {
-ms-flex-negative: 0;
flex-shrink: 0;
color: rgba(12, 12, 12, .5);
font-weight: 500;
font-size: 12px;
line-height: 22px;
border-left: 1px solid #ebebeb;
padding: 20px 30px 20px 24px;
height: 100%
}
.our-thinking-slider .item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #161616;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.our-thinking-slider .category,
.visual-section .h1 span,
.visual-section .logos-list a,
.visual-section h1 span {
display: block
}
.our-thinking-slider .time {
margin-bottom: 3px;
max-width: 125px
}
.our-thinking-slider .item-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-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-right: -20px;
margin-bottom: 10px
}
.our-thinking-slider .h2,
.our-thinking-slider .h3,
.our-thinking-slider h2,
.our-thinking-slider h3 {
color: #0c0c0c;
margin-bottom: 12px
}
.section-map {
margin-bottom: 30px
}
.section-map .map-text {
font-size: 14px;
line-height: 24px;
padding-top: 30px
}
.section-map .map {
background-position: center;
background-size: auto;
height: 300px;
width: 100%
}
.text-columns {
font-size: 12px;
line-height: 22px;
color: #6f6f75
}
.text-columns .holder {
border-top: 1px solid #000;
padding: 50px 0 20px
}
.text-columns .holder>div {
margin-bottom: 20px
}
.project-item,
.projects-slider-wrap {
position: relative;
height: calc(100vh - 75px);
height: calc((var(--vh, 1vh)*100) - 75px)
}
.project-item {
display: block!important;
min-height: 400px;
overflow: hidden
}
.project-item .project-bg,
.project-item .project-detail-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
background-repeat: no-repeat;
background-position: 100% 0;
background-size: cover
}
.project-item .project-bg {
height: 100%
}
.project-item .project-bg:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(29.56%, transparent), to(#676767));
background: linear-gradient(180deg, transparent 29.56%, #676767 100%);
opacity: .2
}
.project-item .project-detail-img {
height: 50vh
}
.project-item .project-info {
position: relative;
z-index: 5;
padding: 20px 20px 50px;
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
color: #fff;
font-size: 16px;
line-height: 24px
}
.project-item .tags {
margin-bottom: 10px;
font-weight: 700
}
.project-item .tags li {
display: inline-block;
vertical-align: middle
}
.map-section-content p,
.project-item .h2,
.project-item h2 {
margin-bottom: 15px
}
.project-item .link {
font-size: 24px;
line-height: 32px
}
.slides-loader {
width: 40px;
height: 40px;
position: absolute;
bottom: 50px;
right: 20px;
z-index: 10;
visibility: hidden;
display: none
}
.slides-loader svg {
position: absolute;
left: 0;
top: 0;
width: 42px;
height: 42px
}
.slides-loader circle {
width: 100%;
height: 100%;
fill: none;
stroke: #fff;
stroke-width: 4;
stroke-linecap: round
}
.slides-loader .filled {
stroke-dasharray: 104;
stroke: #e23;
stroke-dashoffset: -80;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform .7s;
transition: transform .7s;
transition: transform .7s, -webkit-transform .7s
}
.slides-loader .filled.start {
-webkit-transition: none;
transition: none
}
.slides-loader.showed {
visibility: visible
}
.projects-listing {
z-index: 5
}
.projects-nav-slider .slick-dots li.slick-active,
.touch .projects-listing {
pointer-events: none
}
.projects-listing a {
pointer-events: all
}
.featured-posts-slider .photo a,
.projects-listing,
.projects-listing .project-item,
.visual-section:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.projects-listing .project-item.out {
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw);
-webkit-transition: -webkit-transform 1s linear;
transition: transform 1s linear;
transition: transform 1s linear, -webkit-transform 1s linear;
z-index: 100!important
}
.projects-listing .project-item .flexible,
.projects-listing .project-item .project-info {
-webkit-transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s
}
.projects-listing .project-item.animated .project-info {
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
.projects-listing .project-item.animated .flexible {
-webkit-transform: translateX(100px) scale(1.1);
transform: translateX(100px) scale(1.1)
}
.projects-listing .project-item.lastTop {
z-index: 30!important
}
.projects-listing .project-info {
padding-bottom: 15vh
}
.full-page .visual-section.animate:before,
.projects-nav-slider {
height: 100%
}
.projects-nav-slider .item {
width: 100vw;
height: calc(100vh - 75px);
height: calc((var(--vh, 1vh)*100) - 75px)
}
.projects-nav-slider .slick-arrow {
position: absolute;
left: 200px;
top: 200px;
background: coral;
z-index: 100
}
.projects-nav-slider .slick-arrow.slick-next {
left: 300px
}
.projects-nav-slider .slick-dots {
position: absolute;
left: 67px;
bottom: 31px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 20;
-webkit-transition: opacity .3s, visibility .3s;
transition: opacity .3s, visibility .3s
}
.projects-nav-slider .slick-dots li {
margin: 0 6px
}
.projects-nav-slider .slick-dots li.slick-active button {
background: #fff
}
.projects-nav-slider .slick-dots button {
cursor: pointer;
width: 15px;
height: 15px;
background: rgba(255, 255, 255, .5);
border-radius: 50%;
text-indent: -9999px;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.slides-control-btn {
cursor: pointer;
position: absolute;
bottom: 35px;
left: 27px;
z-index: 100;
width: 15px;
height: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent #fff;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out
}
.slides-control-btn.pause {
border-style: double;
border-width: 0 0 0 14px
}
.projects-nav-slider .slick-dots.showed,
.slides-control-btn.showed {
opacity: 1;
visibility: visible
}
.visual-section {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
min-height: 100vh;
width: 100%;
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;
text-align: center;
color: #fff;
margin-bottom: 30px;
font-size: 18px;
line-height: 30px
}
.visual-section:after {
content: '';
background-color: #000;
opacity: .5;
right: 0;
bottom: 0
}
.visual-section .container {
z-index: 2;
margin: 0
}
.visual-section .holder {
padding: 20px 15px
}
.visual-section .h1,
.visual-section h1 {
margin-bottom: 32px;
font-size: 36px;
line-height: 1.4
}
.visual-section .button {
margin-top: 50px;
background-color: #fff;
color: #000;
line-height: 15px
}
.no-touch .visual-section .button:hover {
background: #e23
}
.visual-section .logos-list {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.visual-section .logos-list li {
margin: 0 10px 15px;
max-width: 170px
}
.no-touch .visual-section .logos-list a:hover {
opacity: .7
}
.full-page {
overflow: hidden
}
.touch .full-page {
padding-bottom: 0
}
.full-page .visual-section {
position: relative;
z-index: 20;
color: #000;
-webkit-transition: color .7s ease;
transition: color .7s ease;
background-color: #fff;
min-height: 100vh;
min-height: calc(var(--vh, 1vh)*100)
}
.full-page .visual-section.animate {
color: #fff
}
.full-page .visual-section:after {
display: none
}
.full-page .visual-section:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
background-color: #000;
z-index: -1;
-webkit-transition: height 1s ease;
transition: height 1s ease
}
.full-page .visual-section .scroll-bottom {
position: absolute;
left: 50%;
bottom: 50px;
margin-left: -13.5px;
width: 27px;
height: 16px;
z-index: 30;
cursor: pointer
}
.full-page .visual-section .scroll-bottom svg {
width: 27px;
height: 16px
}
.full-page .projects-slider .project {
height: 100vh;
height: calc(var(--vh, 1vh)*100)
}
.full-page,
.line-animation {
position: relative
}
.line-animation.has-animation:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 1px;
width: 0;
background-color: #000;
-webkit-transition: width 1s ease;
transition: width 1s ease
}
.line-animation.has-animation.animate:after {
width: 100%
}
.has-animation.fadeInUp {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: opacity .5s ease, -webkit-transform 1s ease;
transition: opacity .5s ease, transform 1s ease;
transition: opacity .5s ease, transform 1s ease, -webkit-transform 1s ease
}
.has-animation.fadeInUp.animate {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.featured-post .h1 {
margin-bottom: 40px
}
.featured-post .image {
margin-bottom: 20px;
text-align: center
}
.featured-post .h2,
.featured-post h2 {
margin-bottom: 18px
}
.featured-post .category,
.featured-post time {
color: rgba(9, 9, 9, .6);
font-size: 12px;
line-height: 22px;
font-weight: 500;
display: block;
margin-bottom: 15px
}
.map-section .map-wrap {
position: relative;
padding-bottom: 100%
}
.featured-posts-slider .photo img,
.map-section .map-wrap #map,
.post-listing-wrap .image img,
.social-proof-slider-images .item img,
.the-drop .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.map-section-content .info {
padding-top: 40px;
margin-bottom: 30px
}
.map-section-content .info .to-bottom-btn {
display: none;
font-weight: 700;
cursor: pointer;
margin-top: 30px;
-webkit-transition: color .5s;
transition: color .5s
}
.map-section-content .info .to-bottom-btn path {
-webkit-transition: fill .5s;
transition: fill .5s
}
.touch .map-section-content .info .to-bottom-btn {
display: none!important
}
.no-touch .map-section-content .info .to-bottom-btn:hover {
color: #e23
}
.asided p,
.map-section-content .h2,
.map-section-content h2 {
margin-bottom: 30px
}
.map-section-content p:last-child {
margin-bottom: 40px
}
.map-section-content .inner {
max-height: 355px;
overflow-y: auto;
position: relative;
margin: 0 -20px;
padding: 0 20px
}
.map-section-content .inner:not(.mCS_no_scrollbar) .mCustomScrollBox:after {
content: '';
position: absolute;
display: block;
left: 0;
bottom: -100px;
width: 100%;
height: 192px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(61.62%, #fff));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 61.62%);
z-index: 1
}
.map-section-content .mCSB_scrollTools {
top: 0;
bottom: 0;
z-index: 10
}
.map-section-content .mCSB_scrollTools .mCSB_draggerRail {
background: 0 0!important
}
.map-section-content .mCSB_scrollTools .mCSB_draggerContainer {
background: #e23;
width: 10px
}
.map-section-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
background: #000!important;
border-radius: 0;
left: -3px
}
.map-section-content .mCSB_inside>.mCSB_container {
padding-right: 30px
}
.featured-posts-slider {
font-weight: 500;
margin-bottom: 50px;
padding-top: 59px
}
.featured-posts-slider .h4,
.featured-posts-slider h4 {
margin-bottom: 20px
}
.featured-posts-slider .h1,
.featured-posts-slider h1 {
margin-bottom: 35px
}
.featured-posts-slider .slide {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #0c0c0c
}
.featured-posts-slider .slide.dark-mode .h3,
.featured-posts-slider .slide.dark-mode h3 {
color: #fff
}
.featured-posts-slider .holder {
position: relative;
z-index: 5;
padding-top: 20px
}
.featured-posts-slider .photo {
width: 100%;
position: relative;
aspect-ratio: 1250/572
}
.featured-posts-slider .h2,
.featured-posts-slider h2 {
margin-bottom: 10px
}
.featured-posts-slider .h2 a,
.featured-posts-slider h2 a {
color: #0c0c0c
}
.featured-posts-slider .category a {
color: #6f6f75;
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 10px
}
.featured-posts-slider .category a:last-of-type {
margin-right: 0
}
.featured-posts-slider .category a:last-of-type:after {
display: none
}
.featured-posts-slider .category a:after {
content: "/";
position: absolute;
top: 0;
right: -10px;
pointer-events: none
}
.featured-posts-slider .slick-dots {
text-align: center
}
.featured-posts-slider .slick-dots li {
display: inline-block;
vertical-align: top;
margin: 0 5px
}
.featured-posts-slider .slick-dots li.slick-active button {
background-color: #e23
}
.featured-posts-slider .slick-dots button {
padding: 0;
margin: 0;
border: 0;
font-family: inherit;
font-weight: 600;
position: relative;
font-size: 12px;
line-height: 32px;
text-align: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: transparent;
-webkit-transition: background-color .35s;
transition: background-color .35s;
cursor: pointer;
color: #000
}
.featured-posts-slider .slick-arrow {
width: 35px;
height: 35px;
font-size: 0;
line-height: 0;
text-indent: -9999px;
position: relative;
z-index: 10;
cursor: pointer
}
.featured-posts-slider .slick-arrow:before {
display: none
}
.featured-posts-slider .slick-arrow:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 17px;
height: 17px;
background: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/images/arrow-right-yellow.svg) 50% 50%/100% 100% no-repeat
}
.featured-posts-slider .slick-arrow.slick-prev:after {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg)
}
.featured-posts-slider .slick-arrow.slick-next {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.featured-posts-slider .slick-arrow.slick-disabled {
pointer-events: none;
opacity: .4
}
.featured-slider-controls {
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;
margin-top: 30px
}
.post-listing-wrap {
margin-bottom: 57px;
font-weight: 400;
padding-top: 64px;
position: relative
}
.post-listing-wrap .listing {
margin-bottom: 20px
}
.post-listing-wrap .item {
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
min-height: 400px
}
.post-listing-wrap .item>a,
.the-drop .item>a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 50
}
.post-listing-wrap .item.small-image {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.post-listing-wrap .item.small-image .info {
padding: 0
}
.post-listing-wrap .item.small-image .post-categories li {
background-color: #f0f0f0
}
.post-listing-wrap .item.dark {
color: #fff
}
.post-listing-wrap .item.dark .post-categories li {
color: #0c0c0c
}
.post-listing-wrap .image {
width: 100%;
position: relative;
aspect-ratio: 396/300;
margin-bottom: 20px
}
.post-listing-wrap .info {
padding: 20px
}
.post-listing-wrap .post-categories {
margin-bottom: 14px
}
.post-listing-wrap .h4,
.post-listing-wrap h4 {
-webkit-transition: color .5s;
transition: color .5s
}
.post-listing-wrap .h4+p,
.post-listing-wrap h4+p {
margin-top: 14px
}
.post-listing-wrap .marked-block,
.post-listing-wrap blockquote {
height: 100%;
position: relative;
padding: 80px 20px 20px;
letter-spacing: 0
}
.post-listing-wrap .marked-block:before,
.post-listing-wrap blockquote:before {
top: 0;
bottom: 0
}
.post-listing-wrap .marked-block:after,
.post-listing-wrap blockquote:after {
content: "";
position: absolute;
left: 20px;
top: 20px;
width: 51px;
height: 40px;
background: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/images/icon-quotes.svg) 50% 50%/contain no-repeat
}
.post-listing-wrap cite,
.the-drop cite {
font-size: 12px;
line-height: 20px;
font-style: normal;
margin-top: 34px
}
.post-listing-wrap cite strong,
.the-drop cite strong {
display: block;
font-size: 16px;
line-height: 24px
}
.blog-categories-listing,
.post-listing-wrap.sticky .blog-categories-listing {
top: 0;
-webkit-transition: margin-top .5s ease-in-out;
transition: margin-top .5s ease-in-out
}
.post-listing-wrap.sticky .blog-categories-listing {
margin-top: 10px;
position: fixed;
margin-bottom: 0
}
.up .post-listing-wrap.sticky .blog-categories-listing {
margin-top: 84px
}
.post-listing-wrap.sticky.bottom-pos .blog-categories-listing {
position: absolute
}
.blog-categories-listing {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
font-size: 12px;
line-height: 12px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-weight: 400;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
background-color: #0a0a0a;
padding: 10px;
border-radius: 40px;
white-space: nowrap;
overflow: auto;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
max-width: calc(100vw - 30px);
width: auto;
z-index: 52
}
.blog-categories-listing li.active a,
.no-touch .blog-categories-listing a:hover {
background-color: #fff;
color: #0a0a0a
}
.blog-categories-listing a {
display: block;
padding: 8px 10px 4px;
-webkit-transition: background-color .5s, color .5s ease;
transition: background-color .5s, color .5s ease;
color: rgba(255, 255, 255, .7);
border-radius: 24px;
font-size: 12px;
line-height: 15px;
font-weight: 500
}
.blog-categories-listing,
.post-categories,
.posts-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.post-categories {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
gap: 10px
}
.post-categories li {
background-color: #fff;
font-size: 14px;
line-height: 22px;
padding: 1px 8px
}
.posts-controls {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px
}
.posts-controls .button {
min-width: auto;
border-radius: 48px;
padding: 14px 16px 10px;
font-weight: 500;
line-height: 15px;
border: 1px solid rgba(0, 0, 0, .1);
background-color: transparent;
color: #000
}
.posts-controls .button.disabled {
background: 0 0;
pointer-events: none;
color: rgba(0, 0, 0, .5)
}
.the-drop {
position: relative;
z-index: 20;
padding: 60px 0
}
.the-drop .heading {
margin-bottom: 40px
}
.the-drop .heading .button {
margin-top: 30px
}
.the-drop .slider {
margin: 0 -8px
}
.the-drop .slick-list {
overflow: visible
}
.the-drop .slick-slide,
.the-drop .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.the-drop .slick-track:after,
.the-drop .slick-track:before {
display: none
}
.the-drop .slick-slide {
float: none;
height: auto
}
.social-proof-slider-images .slick-slide>div,
.the-drop .slick-slide>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.the-drop .the-drop-slide {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
height: 100%
}
.the-drop .item {
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
width: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
font-size: 16px;
line-height: 24px;
min-height: 400px;
margin: 0 8px
}
.the-drop .item.small-image {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.the-drop .item.small-image .info {
padding: 0
}
.the-drop .item.small-image .post-categories li {
background-color: #f0f0f0
}
.the-drop .item.dark {
color: #fff
}
.the-drop .item.dark .post-categories li {
color: #0c0c0c
}
.the-drop .image {
width: 100%;
position: relative;
aspect-ratio: 396/300;
margin-bottom: 20px
}
.the-drop .info {
padding: 20px
}
.the-drop .post-categories {
margin-bottom: 14px
}
.the-drop .h4,
.the-drop h4 {
-webkit-transition: color .5s;
transition: color .5s
}
.the-drop .h4+p,
.the-drop h4+p {
margin-top: 12px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden
}
.the-drop .marked-block,
.the-drop blockquote {
height: 100%;
position: relative;
padding: 80px 20px 20px;
letter-spacing: 0
}
.the-drop .marked-block:before,
.the-drop blockquote:before {
top: 0;
bottom: 0
}
.the-drop .marked-block:after,
.the-drop blockquote:after {
content: "";
position: absolute;
left: 20px;
top: 20px;
width: 51px;
height: 40px;
background: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/images/icon-quotes.svg) 50% 50%/contain no-repeat
}
.the-drop .slider-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 40px
}
.the-drop .slick-arrow,
.the-drop .slick-dots,
.the-drop .slider-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.the-drop .slick-dots,
.the-drop .slick-dots li {
position: relative;
-webkit-box-flex: 1;
overflow: hidden
}
.the-drop .slick-dots {
-ms-flex-positive: 1;
flex-grow: 1;
pointer-events: none;
border-radius: 2px;
z-index: 10
}
.the-drop .slick-dots li {
height: 4px;
-ms-flex: 1 1 0px;
flex: 1 1 0;
background-color: #e6e6e6;
z-index: 20
}
.the-drop .slick-dots li.slick-active button {
width: 100%
}
.no-touch .our-capabilities-list a:hover span:after,
.the-drop .slick-dots li.slick-active~li button {
width: 0
}
.the-drop .slick-dots button {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e23;
-webkit-transition: width .35s ease-in-out;
transition: width .35s ease-in-out;
font-size: 0;
line-height: 0
}
.the-drop .slick-arrow {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40px;
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
border: 1px solid #000;
cursor: pointer;
-webkit-transition: background-color .35s ease-in-out, opacity .35s ease-in-out;
transition: background-color .35s ease-in-out, opacity .35s ease-in-out
}
.the-drop .slick-arrow.slick-disabled {
opacity: .3;
pointer-events: none
}
.no-touch .social-proof-slider-nav .slick-arrow:hover,
.no-touch .the-drop .slick-arrow:hover {
background-color: #000
}
.the-drop .slick-arrow.slick-prev {
margin-left: 40px
}
.the-drop .slick-arrow.slick-next {
-webkit-box-ordinal-group: 21;
-ms-flex-order: 20;
order: 20;
margin-left: 10px
}
.social-proof-slider-nav .slick-arrow svg path,
.the-drop .slick-arrow svg path {
-webkit-transition: fill .35s ease-in-out;
transition: fill .35s ease-in-out
}
.clients+.social-proof {
margin-top: 18px
}
.social-proof {
background-color: #f8f8f8;
padding: 60px 0
}
.social-proof .h2,
.social-proof h2 {
margin-bottom: 40px
}
.social-proof-slider-images .slick-slide,
.social-proof-slider-images .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%
}
.contacts-form .form-group-attach .attach-wrap .rfp,
.social-proof-slider-images .slick-track:after,
.social-proof-slider-images .slick-track:before {
display: none
}
.social-proof-slider-images .slick-slide {
float: none;
height: auto
}
.social-proof-slider-images .item {
vertical-align: top;
aspect-ratio: 1/1.1;
position: relative;
z-index: 20
}
.social-proof-slider .social-proof-slider-item {
vertical-align: top
}
.social-proof-slider .marked-block:not(.fact):not(.marked-block):not(.marked-block),
.social-proof-slider blockquote:not(.fact):not(.marked-block):not(.marked-block) {
padding-top: 50px;
margin-top: 30px
}
.social-proof-slider .marked-block:not(.fact):not(.marked-block):not(.marked-block):before,
.social-proof-slider blockquote:not(.fact):not(.marked-block):not(.marked-block):before {
aspect-ratio: 268/206;
height: auto;
width: 100px;
z-index: -1;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY4IiBoZWlnaHQ9IjIwNiIgdmlld0JveD0iMCAwIDI2OCAyMDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMjYuNjUxIDBMMjY4IDIwLjY3NjZDMjM3LjM3MSA2My41NjEzIDIwMy42OCAxMTUuNjM2IDIwNC40NDYgMjA2SDEyNC44MTFDMTI3Ljg3NCAxMTIuNTcyIDE5Mi45NiAyNi44MDMgMjI2LjY1MSAwWk0xMDEuODQgMEwxNDIuNDIzIDIwLjY3NjZDMTExLjc5NCA2My41NjEzIDc4Ljg2ODYgMTE1LjYzNiA3OC44Njg2IDIwNkgwQzIuMjk3MTQgMTEyLjU3MiA2OC4xNDg2IDI2LjgwMyAxMDEuODQgMFoiIGZpbGw9IiNGRkNDMDAiLz4KPC9zdmc+Cg==)
}
.social-proof-slider .marked-block p,
.social-proof-slider blockquote p {
font-weight: 400
}
.social-proof-slider .marked-block cite,
.social-proof-slider blockquote cite {
letter-spacing: 0;
display: block;
margin-top: 20px;
font-size: 14px;
line-height: 24px;
color: rgba(0, 0, 0, .6)
}
.social-proof-slider .marked-block cite strong,
.social-proof-slider blockquote cite strong {
text-transform: uppercase;
display: block;
font-weight: 400;
color: #000;
font-size: 15px;
line-height: 23px;
margin-bottom: 8px
}
.social-proof-slider-nav,
.social-proof-slider-nav .slick-arrow {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.social-proof-slider-nav {
margin-top: 30px;
width: 100%
}
.social-proof-slider-nav .slick-arrow {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #000;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: background-color .35s ease-in-out;
transition: background-color .35s ease-in-out;
cursor: pointer
}
.social-proof-slider-nav .slick-arrow.slick-next {
-webkit-box-ordinal-group: 16;
-ms-flex-order: 15;
order: 15;
margin-left: 10px
}
.social-proof-slider-nav .slick-arrow.slick-disabled {
opacity: .3;
pointer-events: none
}
.social-proof-slider-nav,
.social-proof-slider-nav .slick-arrow,
.social-proof-slider-nav .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.social-proof-slider-nav .slick-dots li {
margin-right: 16px;
font-size: 0;
line-height: 0
}
.social-proof-slider-nav .slick-dots .slick-active button {
background-color: #e23;
-webkit-transform: scale(1);
transform: scale(1)
}
.social-proof-slider-nav .slick-dots button {
width: 10px;
height: 10px;
border-radius: 50%;
font-size: 0;
line-height: 0;
color: transparent;
background-color: #000;
-webkit-transform: scale(.4);
transform: scale(.4);
-webkit-transition: background-color .35s ease-in-out, -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out, background-color .35s ease-in-out;
transition: transform .35s ease-in-out, background-color .35s ease-in-out, -webkit-transform .35s ease-in-out;
cursor: pointer
}
.main,
.social-proof-slider-nav .slick-dots,
.wrapper {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.main {
padding-top: 125px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.main.landing-page,
.main.page-template-landing {
padding-top: 0
}
.wrapper {
position: static;
overflow-x: hidden;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-height: 100vh;
height: 100%
}
.footer,
.header,
.wrapper {
-ms-flex-negative: 0;
flex-shrink: 0
}
.container,
.main-holder {
padding: 0 15px
}
.grecaptcha-badge {
display: none!important
}
.progress-pie-chart {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #fff;
position: relative
}
.progress-pie-chart.gt-50 {
background-color: #e23
}
.ppc-percents,
.ppc-progress {
content: "";
position: absolute;
border-radius: 50%
}
.ppc-progress,
.ppc-progress .ppc-progress-fill {
clip: rect(0, 40px, 40px, 20px);
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 40px;
height: 40px
}
.ppc-progress .ppc-progress-fill {
content: "";
position: absolute;
border-radius: 50%;
clip: rect(0, 20px, 40px, 0);
background: #e23;
-webkit-transform: rotate(0);
transform: rotate(0)
}
.gt-50 .ppc-progress {
clip: rect(0, 20px, 40px, 0)
}
.gt-50 .ppc-progress .ppc-progress-fill {
clip: rect(0, 40px, 40px, 20px);
background: #fff
}
.ppc-percents {
left: calc(50% - 32px/2);
top: calc(50% - 32px/2);
width: 32px;
height: 32px;
background: #fff;
text-align: center;
display: table
}
.pcc-percents-wrapper {
display: table-cell;
vertical-align: middle
}
.asided {
padding: 50px 0;
border-bottom: 1px solid rgba(111, 111, 117, .2)
}
.asided .text-content {
margin-bottom: 50px
}
.asided .h2 {
margin-bottom: 20px
}
.asided .h6 {
margin-bottom: 15px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: rgba(9, 9, 9, .6)
}
.asided .sidebar .h6 {
margin-bottom: 25px
}
.asided .sidebar .text-content {
width: 100%;
margin: 0 0 60px
}
.asided .link {
display: inline-block;
font-size: 24px;
line-height: 26px;
text-decoration: underline
}
.our-leadership {
padding: 30px 0;
border-top: 1px solid #ebebeb;
}
.our-leadership .h1 {
margin-bottom: 40px
}
.our-leadership .img-item,
.our-leadership figure {
position: relative;
width: 100%;
background-color: #d8d8d8;
margin-bottom: 10px;
background-repeat: no-repeat;
background-position: center top;
background-size: cover
}
.agency-life .img-item::before,
.agency-life figure::before,
.our-leadership .img-item::before,
.our-leadership figure::before {
content: "";
width: 100%;
display: block;
height: 0;
pointer-events: none;
padding-top: 133.14%
}
.agency-life img,
.our-leadership img {
position: absolute;
top: 0;
left: 0;
opacity: 0
}
.our-leadership small {
font-size: 12px;
color: rgba(9, 9, 9, .6)
}
.our-truth {
padding: 50px 0;
border-top: 1px solid #ebebeb
}
.error-holder p,
.our-truth .h1 {
margin-bottom: 20px
}
.our-truth .description {
max-width: 846px;
margin-bottom: 20px
}
.awards,
.collaborations {
padding: 30px 0
}
.awards .h2,
.awards h2,
.collaborations .h2 {
margin-bottom: 25px
}
.awards strong {
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #e23; z-index: -1
}
.agency-life {
padding: 50px 0
}
.agency-life .h1 {
margin-bottom: 40px
}
.agency-life .img-item,
.agency-life figure,
.error-holder {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.agency-life .img-item::before,
.agency-life figure::before {
padding-top: 100%
}
.error-holder {
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 100vh;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
background-position: 50% 50%;
font-weight: 600
}
.error-holder .error-inner {
position: relative;
z-index: 2;
font-size: 20px;
line-height: 24px
}
.error-holder .h1,
.error-holder h1 {
font-size: 150px;
line-height: 150px;
color: #e23
}
.contacts-form .form-group-attach,
.contacts-form .label-attach {
text-align: center;
position: relative;
overflow: hidden
}
.contacts-form .form-group-attach input {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
pointer-events: none
}
.contacts-form .form-group-attach img {
display: inline-block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 17px;
height: 20px
}
.contacts-form .form-group-attach .attach-wrap {
margin-bottom: 10px
}
.contacts-form .label-attach {
display: inline-block;
z-index: 20;
margin: 0;
padding: 0 27px 0 0;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #0c0c0c;
text-transform: none;
opacity: 1;
pointer-events: auto;
max-width: 100%
}
.no-touch .contacts-form .label-attach {
cursor: pointer
}
.contacts-form .label-attach:before {
display: none
}
.contacts-form .label-attach span {
display: block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.contacts-form .note-label,
.contacts-form .required-link {
font-weight: 500;
color: rgba(9, 9, 9, .6)
}
.contacts-form .required-link {
font-size: 10px;
line-height: 12px;
margin-bottom: 10px;
position: relative;
text-align: right;
top: -6px
}
.contacts-form .required-link span {
display: inline-block;
vertical-align: middle;
width: 5px;
height: 4px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath fill='%23090909' opacity='.4' d='M2.314 6L.612 4.93l1.664-1.62L0 2.992.574 1.27l2.142.853L2.391 0h2.237l-.344 2.123 2.142-.853L7 2.992l-2.295.317L6.369 4.93 4.667 6 3.481 4.045z'/%3E%3C/svg%3E");
margin: -4px 4px 0 0
}
.contact-us {
padding-top: 59px
}
.contact-us .column {
margin-bottom: 30px
}
.contact-us .h2,
.contact-us .info p,
.contact-us h2 {
margin-bottom: 10px
}
.other-contacts {
padding-bottom: 30px;
position: relative
}
.other-contacts .block {
margin-bottom: 20px
}
.other-contacts .h2,
.other-contacts h2,
.two-columns-holder aside .block {
margin-bottom: 30px
}
.other-contacts .h6,
.other-contacts h6 {
font-weight: 500;
color: rgba(9, 9, 9, .6);
margin-bottom: 10px
}
.case-study {
margin-top: -20px;
text-align: center
}
.case-study .h1,
.case-study h1,
.fullwidth-image {
margin-bottom: 40px
}
.case-study .back-arrow-link {
top: -20px
}
.fullwidth-image {
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
width: 100%;
max-height: 400px;
z-index: -1
}
.fullwidth-image.fullscreen {
height: 460px;
max-height: none
}
.fullwidth-image img {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.two-columns-holder {
text-align: left;
margin-bottom: 52px
}
.two-columns-holder aside {
margin-bottom: 48px
}
.two-columns-holder aside .block:last-child {
margin-bottom: 0
}
.two-columns-holder aside span {
display: block;
color: rgba(12, 12, 12, .6);
font-weight: 500;
font-size: 12px;
line-height: 22px;
margin-bottom: 7px
}
.two-columns-holder aside ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px -3px
}
.two-columns-holder aside li {
width: calc(50% - 10px);
margin: 0 5px 3px
}
.two-columns-holder aside a {
text-decoration: underline;
font-weight: 400;
font-size: 16px;
line-height: 30px
}
.two-columns-holder aside a.big-link {
font-weight: 600;
font-size: 24px;
line-height: 32px
}
.no-touch .two-columns-holder aside a:hover {
text-decoration: none
}
.two-columns-holder .content .h2,
.two-columns-holder .content h2 {
font-size: 48px;
line-height: 52px;
letter-spacing: -1px;
margin-bottom: 36px
}
.two-columns-holder .content p {
font-size: 18px;
line-height: 26px
}
.full-width-gallery {
margin-bottom: 50px
}
.full-width-gallery .full-width-slider {
margin-bottom: 24px
}
.full-width-gallery .full-width-slider .slide {
display: block!important;
height: 460px;
width: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover
}
.full-width-gallery .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.full-width-gallery .slick-arrow {
position: relative;
cursor: pointer;
z-index: 1;
width: 11px;
height: 18px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.no-touch .full-width-gallery .slick-arrow {
cursor: pointer
}
.no-touch .full-width-gallery .slick-arrow:hover::before {
opacity: 1
}
.full-width-gallery .slick-arrow svg {
width: 100%;
height: 100%;
fill: #e23
}
.no-touch .full-width-gallery .slick-arrow svg {
-webkit-transition: fill .3s;
transition: fill .3s
}
.full-width-gallery .slick-arrow.slick-prev {
margin-right: 10px
}
.full-width-gallery .slick-arrow.slick-prev svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.full-width-gallery .slick-arrow.slick-next {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: 10px
}
.full-width-gallery .slick-dots {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
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;
margin: 0 -5px -6px
}
.full-width-gallery .slick-dots li {
margin: 0 5px 6px
}
.full-width-gallery .slick-dots li.slick-active .slick-dots-dot {
background-color: #e23;
border-color: #e23
}
.full-width-gallery .slick-dots-dot {
display: block;
width: 22px;
height: 22px;
font-size: 11px;
line-height: 20px;
font-weight: 600;
color: #0c0c0c;
text-align: center;
border: 1px solid transparent;
border-radius: 50%;
-webkit-transition: border-color .3s, background-color .3s;
transition: border-color .3s, background-color .3s
}
.no-touch .full-width-gallery .slick-dots-dot {
cursor: pointer
}
.no-touch .full-width-gallery .slick-dots-dot:hover {
border-color: #e23
}
.project-details-section {
padding: 40px 0 100px
}
.project-details-section .h3,
.project-details-section h3 {
margin-bottom: 76px
}
.project-details-listing {
margin-bottom: 52px
}
.project-details-listing .item {
position: relative;
width: 100%;
max-width: 340px;
font-weight: 300;
font-size: 16px;
line-height: 24px;
padding-top: 25px;
margin: 0 auto 32px
}
.project-details-listing .item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 7px;
background-color: #e23
}
.featured-images-listing {
margin: 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.featured-images-listing .item,
.mockup-section .image-wrap {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover
}
.featured-images-listing .item {
width: 50%;
max-width: 360px
}
.featured-images-listing .item::before {
content: "";
width: 100%;
display: block;
height: 0;
pointer-events: none;
padding-top: 110%
}
.mockup-section {
padding-bottom: 50px
}
.mockup-section .image-wrap {
padding-bottom: 23px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.6%, transparent), color-stop(0, #e23));
background-image: linear-gradient(to bottom, transparent 48.6%, #e23 0)
}
.mockup-section .heading-wrap {
padding: 23px 0 29px;
background-color: #e23
}
.mockup-section .phones-wrap {
background-color: #e23;
padding: 25px 0 46px;
margin-bottom: 100px
}
.mockup-section .fullwidth-image {
margin-bottom: 96px
}
.mockup-section .h2,
.mockup-section h2 {
margin-bottom: 84px
}
.mockup-section .image-heading {
display: block;
color: rgba(12, 12, 12, .6);
font-weight: 500;
font-size: 12px;
line-height: 20px;
margin-bottom: 22px
}
.mockup-section .h3,
.mockup-section h3 {
margin-bottom: 0
}
.image-scroll-block {
position: relative;
width: calc(100% + 30px);
margin: 0 -15px;
height: 100%
}
.no-touch .image-scroll-block {
max-height: 460px;
overflow-y: auto
}
.image-scroll-block img,
.phones-listing .phone-holder svg,
.video-block::before {
display: block;
width: 100%;
height: auto
}
.phones-listing,
.video-block {
margin: 0 -15px
}
.phones-listing .slide {
width: 274px
}
.phones-listing .phone-holder {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
width: 74vw
}
.phones-listing .phone-holder svg {
position: relative;
max-width: 100%;
opacity: 0
}
.phones-listing .slick-list,
.phones-listing .slick-track {
overflow: visible!important
}
.phones-listing .slick-dots {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 30px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.phones-listing .slick-dots li,
.results-listing .slick-dots li {
margin: 0 5px
}
.phones-listing .slick-dots li.slick-active .slick-dots-dot {
background-color: #0c0c0c
}
.phones-listing .slick-dots-dot {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.video-block {
position: relative
}
.video-block.playing .play-btn,
.video-block.playing .preview {
opacity: 0;
pointer-events: none
}
.video-block::before {
content: "";
height: 0;
pointer-events: none;
padding-top: 62.5%
}
.video-block .preview,
.video-block video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-block .preview {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
-webkit-transition: opacity .3s;
transition: opacity .3s;
z-index: 2
}
.results {
padding: 42px 0 50px
}
.results .section-heading {
margin-bottom: 60px
}
.results .h1,
.results h1 {
margin-bottom: 46px
}
.results .marked-block,
.results blockquote {
max-width: 840px;
margin: 0 auto
}
.results .holder {
padding-left: 10px
}
.results-listing {
position: relative;
padding: 17px 0 67px
}
.results-listing::after,
.results-listing::before {
content: '';
position: absolute;
left: 5px;
right: 20px;
height: 1px;
background-color: #ebebeb
}
.results-listing::before {
top: 0
}
.results-listing::after {
bottom: 40px
}
.results-listing .item {
max-width: 240px;
margin-right: 36px
}
.no-touch .our-capabilities-list a:hover,
.results-listing .item span {
color: #e23
}
.results-listing .slick-dots {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 30px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -5px
}
.results-listing .slick-dots li.slick-active .slick-dots-dot {
background-color: #e23
}
.results-listing .slick-dots-dot {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ebebeb;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.thank-page {
text-align: center;
padding: 50px 0 100px
}
.thank-page .h1,
.thank-page h1 {
color: #e23;
margin-bottom: 15px
}
.thank-page p {
max-width: 510px;
margin: 0 auto 15px
}
.thank-page .social {
color: #6f6f75
}
.thank-page .icons-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.thank-page .icons-list a {
height: 18px;
width: 18px
}
.thank-page .icons-list svg {
height: 100%;
max-width: 100%;
fill: #0c0c0c
}
.privacy-policy-termageddon h2 {
font-size: 24px;
margin-top: 30px;
line-height: 32px;
font-weight: 600
}
.privacy-policy-termageddon h2:nth-child(1) {
display: none
}
.privacy-policy-termageddon .accordions {
margin-bottom: 50px
}
.privacy-policy-termageddon ul {
text-align: left;
padding: 0 0 20px 40px
}
.privacy-policy-termageddon .accordion-summary {
text-align: left;
padding: 10px;
position: relative;
min-height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.privacy-policy-termageddon .accordion-summary h3 {
font-size: 18px;
line-height: 26px;
font-weight: 600;
padding-left: 30px;
position: relative;
top: 0
}
.privacy-policy-termageddon .accordion-content h4 {
font-size: 22px
}
.privacy-policy-termageddon .accordion-heading {
margin: 0;
display: block;
position: absolute;
top: 10px
}
.privacy-policy-termageddon .accordion-section,
.privacy-policy-termageddon .accordion-section .accordion-section-content ul {
padding-top: 20px
}
.page-template-location-detail .awards {
text-align: center;
padding-top: 50px
}
.page-template-location-detail .awards .logo-table {
padding-bottom: 0
}
.page-template-location-detail .awards .logo-table .logo-item {
border-width: 0;
padding: 0
}
.page-template-location-detail.is-ie .container {
margin: 0 auto
}
.page-template-location-detail.is-ie .banner.center .container {
margin: 0
}
.page-template-location-detail.is-ie .our-capabilities .icon-search {
top: 0
}
.section-our-truth .statistics .item {
text-align: center;
margin-bottom: 20px
}
.section-our-truth .statistics .item strong {
font-size: 84px;
line-height: 88px;
letter-spacing: -1px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 5px;
color: #e23
}
.section-our-truth .statistics .item span {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #0c0c0c
}
.our-capabilities-list {
padding-left: 30px
}
.our-capabilities-list li {
margin-bottom: 15px
}
.our-capabilities-list span {
margin-left: 14px;
display: inline-block;
vertical-align: top;
position: relative
}
.our-capabilities-list span:after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
height: 2px;
background: #000;
-webkit-transition: width .3s;
transition: width .3s
}
.our-capabilities-list a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
font-size: 24px;
line-height: 40px;
-webkit-transition: color .3s;
transition: color .3s
}
.columns-type {
padding: 40px 0
}
.columns-type .h1 {
margin-bottom: 20px
}
.columns-type .holder {
border-bottom: 1px solid #000;
padding-bottom: 30px
}
.columns-type .heading {
margin-bottom: 30px
}
@media (min-width:320px) {
[class*=_xs-1]>[class*=col-],
[class*=_xs-1]>[class*=col_],
[class*=_xs-1]>[class~=col] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=_xs-2]>[class*=col-],
[class*=_xs-2]>[class*=col_],
[class*=_xs-2]>[class~=col] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=_xs-3]>[class*=col-],
[class*=_xs-3]>[class*=col_],
[class*=_xs-3]>[class~=col] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=_xs-4]>[class*=col-],
[class*=_xs-4]>[class*=col_],
[class*=_xs-4]>[class~=col] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=_xs-5]>[class*=col-],
[class*=_xs-5]>[class*=col_],
[class*=_xs-5]>[class~=col] {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%
}
[class*=_xs-6]>[class*=col-],
[class*=_xs-6]>[class*=col_],
[class*=_xs-6]>[class~=col] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=_xs-7]>[class*=col-],
[class*=_xs-7]>[class*=col_],
[class*=_xs-7]>[class~=col] {
-ms-flex-preferred-size: 14.28571%;
flex-basis: 14.28571%;
max-width: 14.28571%
}
[class*=_xs-8]>[class*=col-],
[class*=_xs-8]>[class*=col_],
[class*=_xs-8]>[class~=col] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=_xs-9]>[class*=col-],
[class*=_xs-9]>[class*=col_],
[class*=_xs-9]>[class~=col] {
-ms-flex-preferred-size: 11.11111%;
flex-basis: 11.11111%;
max-width: 11.11111%
}
[class*=_xs-10]>[class*=col-],
[class*=_xs-10]>[class*=col_],
[class*=_xs-10]>[class~=col] {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%
}
[class*=_xs-11]>[class*=col-],
[class*=_xs-11]>[class*=col_],
[class*=_xs-11]>[class~=col] {
-ms-flex-preferred-size: 9.09091%;
flex-basis: 9.09091%;
max-width: 9.09091%
}
[class*=_xs-12]>[class*=col-],
[class*=_xs-12]>[class*=col_],
[class*=_xs-12]>[class~=col] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=_xs-13]>[class*=col-],
[class*=_xs-13]>[class*=col_],
[class*=_xs-13]>[class~=col] {
-ms-flex-preferred-size: 7.69231%;
flex-basis: 7.69231%;
max-width: 7.69231%
}
[class*=_xs-14]>[class*=col-],
[class*=_xs-14]>[class*=col_],
[class*=_xs-14]>[class~=col] {
-ms-flex-preferred-size: 7.14286%;
flex-basis: 7.14286%;
max-width: 7.14286%
}
[class*=_xs-15]>[class*=col-],
[class*=_xs-15]>[class*=col_],
[class*=_xs-15]>[class~=col] {
-ms-flex-preferred-size: 6.66667%;
flex-basis: 6.66667%;
max-width: 6.66667%
}
[class*=_xs-16]>[class*=col-],
[class*=_xs-16]>[class*=col_],
[class*=_xs-16]>[class~=col] {
-ms-flex-preferred-size: 6.25%;
flex-basis: 6.25%;
max-width: 6.25%
}
[class*=_xs-17]>[class*=col-],
[class*=_xs-17]>[class*=col_],
[class*=_xs-17]>[class~=col] {
-ms-flex-preferred-size: 5.88235%;
flex-basis: 5.88235%;
max-width: 5.88235%
}
[class*=_xs-18]>[class*=col-],
[class*=_xs-18]>[class*=col_],
[class*=_xs-18]>[class~=col] {
-ms-flex-preferred-size: 5.55556%;
flex-basis: 5.55556%;
max-width: 5.55556%
}
[class*=_xs-19]>[class*=col-],
[class*=_xs-19]>[class*=col_],
[class*=_xs-19]>[class~=col] {
-ms-flex-preferred-size: 5.26316%;
flex-basis: 5.26316%;
max-width: 5.26316%
}
[class*=_xs-20]>[class*=col-],
[class*=_xs-20]>[class*=col_],
[class*=_xs-20]>[class~=col] {
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
max-width: 5%
}
[class*=_xs-21]>[class*=col-],
[class*=_xs-21]>[class*=col_],
[class*=_xs-21]>[class~=col] {
-ms-flex-preferred-size: 4.7619%;
flex-basis: 4.7619%;
max-width: 4.7619%
}
[class*=_xs-22]>[class*=col-],
[class*=_xs-22]>[class*=col_],
[class*=_xs-22]>[class~=col] {
-ms-flex-preferred-size: 4.54545%;
flex-basis: 4.54545%;
max-width: 4.54545%
}
[class*=_xs-23]>[class*=col-],
[class*=_xs-23]>[class*=col_],
[class*=_xs-23]>[class~=col] {
-ms-flex-preferred-size: 4.34783%;
flex-basis: 4.34783%;
max-width: 4.34783%
}
[class*=_xs-24]>[class*=col-],
[class*=_xs-24]>[class*=col_],
[class*=_xs-24]>[class~=col],
[class*=grid-]>[class*=_xs-1],
[class*=grid_]>[class*=_xs-1],
[class~=grid]>[class*=_xs-1] {
-ms-flex-preferred-size: 4.16667%;
flex-basis: 4.16667%;
max-width: 4.16667%
}
[class*=grid-]>[class*=_xs-2],
[class*=grid_]>[class*=_xs-2],
[class~=grid]>[class*=_xs-2] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=grid-]>[class*=_xs-3],
[class*=grid_]>[class*=_xs-3],
[class~=grid]>[class*=_xs-3] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=grid-]>[class*=_xs-4],
[class*=grid_]>[class*=_xs-4],
[class~=grid]>[class*=_xs-4] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=grid-]>[class*=_xs-5],
[class*=grid_]>[class*=_xs-5],
[class~=grid]>[class*=_xs-5] {
-ms-flex-preferred-size: 20.83333%;
flex-basis: 20.83333%;
max-width: 20.83333%
}
[class*=grid-]>[class*=_xs-6],
[class*=grid_]>[class*=_xs-6],
[class~=grid]>[class*=_xs-6] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=grid-]>[class*=_xs-7],
[class*=grid_]>[class*=_xs-7],
[class~=grid]>[class*=_xs-7] {
-ms-flex-preferred-size: 29.16667%;
flex-basis: 29.16667%;
max-width: 29.16667%
}
[class*=grid-]>[class*=_xs-8],
[class*=grid_]>[class*=_xs-8],
[class~=grid]>[class*=_xs-8] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=grid-]>[class*=_xs-9],
[class*=grid_]>[class*=_xs-9],
[class~=grid]>[class*=_xs-9] {
-ms-flex-preferred-size: 37.5%;
flex-basis: 37.5%;
max-width: 37.5%
}
[class*=grid-]>[class*=_xs-10],
[class*=grid_]>[class*=_xs-10],
[class~=grid]>[class*=_xs-10] {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
[class*=grid-]>[class*=_xs-11],
[class*=grid_]>[class*=_xs-11],
[class~=grid]>[class*=_xs-11] {
-ms-flex-preferred-size: 45.83333%;
flex-basis: 45.83333%;
max-width: 45.83333%
}
[class*=grid-]>[class*=_xs-12],
[class*=grid_]>[class*=_xs-12],
[class~=grid]>[class*=_xs-12] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=grid-]>[class*=_xs-13],
[class*=grid_]>[class*=_xs-13],
[class~=grid]>[class*=_xs-13] {
-ms-flex-preferred-size: 54.16667%;
flex-basis: 54.16667%;
max-width: 54.16667%
}
[class*=grid-]>[class*=_xs-14],
[class*=grid_]>[class*=_xs-14],
[class~=grid]>[class*=_xs-14] {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
[class*=grid-]>[class*=_xs-15],
[class*=grid_]>[class*=_xs-15],
[class~=grid]>[class*=_xs-15] {
-ms-flex-preferred-size: 62.5%;
flex-basis: 62.5%;
max-width: 62.5%
}
[class*=grid-]>[class*=_xs-16],
[class*=grid_]>[class*=_xs-16],
[class~=grid]>[class*=_xs-16] {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
[class*=grid-]>[class*=_xs-17],
[class*=grid_]>[class*=_xs-17],
[class~=grid]>[class*=_xs-17] {
-ms-flex-preferred-size: 70.83333%;
flex-basis: 70.83333%;
max-width: 70.83333%
}
[class*=grid-]>[class*=_xs-18],
[class*=grid_]>[class*=_xs-18],
[class~=grid]>[class*=_xs-18] {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
[class*=grid-]>[class*=_xs-19],
[class*=grid_]>[class*=_xs-19],
[class~=grid]>[class*=_xs-19] {
-ms-flex-preferred-size: 79.16667%;
flex-basis: 79.16667%;
max-width: 79.16667%
}
[class*=grid-]>[class*=_xs-20],
[class*=grid_]>[class*=_xs-20],
[class~=grid]>[class*=_xs-20] {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
[class*=grid-]>[class*=_xs-21],
[class*=grid_]>[class*=_xs-21],
[class~=grid]>[class*=_xs-21] {
-ms-flex-preferred-size: 87.5%;
flex-basis: 87.5%;
max-width: 87.5%
}
[class*=grid-]>[class*=_xs-22],
[class*=grid_]>[class*=_xs-22],
[class~=grid]>[class*=_xs-22] {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
[class*=grid-]>[class*=_xs-23],
[class*=grid_]>[class*=_xs-23],
[class~=grid]>[class*=_xs-23] {
-ms-flex-preferred-size: 95.83333%;
flex-basis: 95.83333%;
max-width: 95.83333%
}
[class*=grid-]>[class*=_xs-24],
[class*=grid_]>[class*=_xs-24],
[class~=grid]>[class*=_xs-24] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=grid-]>[data-push-left*=_xs-0],
[class*=grid_]>[data-push-left*=_xs-0],
[class~=grid]>[data-push-left*=_xs-0] {
margin-left: 0
}
[class*=grid-]>[data-push-left*=_xs-1],
[class*=grid_]>[data-push-left*=_xs-1],
[class~=grid]>[data-push-left*=_xs-1] {
margin-left: 4.16667%
}
[class*=grid-]>[data-push-left*=_xs-2],
[class*=grid_]>[data-push-left*=_xs-2],
[class~=grid]>[data-push-left*=_xs-2] {
margin-left: 8.33333%
}
[class*=grid-]>[data-push-left*=_xs-3],
[class*=grid_]>[data-push-left*=_xs-3],
[class~=grid]>[data-push-left*=_xs-3] {
margin-left: 12.5%
}
[class*=grid-]>[data-push-left*=_xs-4],
[class*=grid_]>[data-push-left*=_xs-4],
[class~=grid]>[data-push-left*=_xs-4] {
margin-left: 16.66667%
}
[class*=grid-]>[data-push-left*=_xs-5],
[class*=grid_]>[data-push-left*=_xs-5],
[class~=grid]>[data-push-left*=_xs-5] {
margin-left: 20.83333%
}
[class*=grid-]>[data-push-left*=_xs-6],
[class*=grid_]>[data-push-left*=_xs-6],
[class~=grid]>[data-push-left*=_xs-6] {
margin-left: 25%
}
[class*=grid-]>[data-push-left*=_xs-7],
[class*=grid_]>[data-push-left*=_xs-7],
[class~=grid]>[data-push-left*=_xs-7] {
margin-left: 29.16667%
}
[class*=grid-]>[data-push-left*=_xs-8],
[class*=grid_]>[data-push-left*=_xs-8],
[class~=grid]>[data-push-left*=_xs-8] {
margin-left: 33.33333%
}
[class*=grid-]>[data-push-left*=_xs-9],
[class*=grid_]>[data-push-left*=_xs-9],
[class~=grid]>[data-push-left*=_xs-9] {
margin-left: 37.5%
}
[class*=grid-]>[data-push-left*=_xs-10],
[class*=grid_]>[data-push-left*=_xs-10],
[class~=grid]>[data-push-left*=_xs-10] {
margin-left: 41.66667%
}
[class*=grid-]>[data-push-left*=_xs-11],
[class*=grid_]>[data-push-left*=_xs-11],
[class~=grid]>[data-push-left*=_xs-11] {
margin-left: 45.83333%
}
[class*=grid-]>[data-push-left*=_xs-12],
[class*=grid_]>[data-push-left*=_xs-12],
[class~=grid]>[data-push-left*=_xs-12] {
margin-left: 50%
}
[class*=grid-]>[data-push-left*=_xs-13],
[class*=grid_]>[data-push-left*=_xs-13],
[class~=grid]>[data-push-left*=_xs-13] {
margin-left: 54.16667%
}
[class*=grid-]>[data-push-left*=_xs-14],
[class*=grid_]>[data-push-left*=_xs-14],
[class~=grid]>[data-push-left*=_xs-14] {
margin-left: 58.33333%
}
[class*=grid-]>[data-push-left*=_xs-15],
[class*=grid_]>[data-push-left*=_xs-15],
[class~=grid]>[data-push-left*=_xs-15] {
margin-left: 62.5%
}
[class*=grid-]>[data-push-left*=_xs-16],
[class*=grid_]>[data-push-left*=_xs-16],
[class~=grid]>[data-push-left*=_xs-16] {
margin-left: 66.66667%
}
[class*=grid-]>[data-push-left*=_xs-17],
[class*=grid_]>[data-push-left*=_xs-17],
[class~=grid]>[data-push-left*=_xs-17] {
margin-left: 70.83333%
}
[class*=grid-]>[data-push-left*=_xs-18],
[class*=grid_]>[data-push-left*=_xs-18],
[class~=grid]>[data-push-left*=_xs-18] {
margin-left: 75%
}
[class*=grid-]>[data-push-left*=_xs-19],
[class*=grid_]>[data-push-left*=_xs-19],
[class~=grid]>[data-push-left*=_xs-19] {
margin-left: 79.16667%
}
[class*=grid-]>[data-push-left*=_xs-20],
[class*=grid_]>[data-push-left*=_xs-20],
[class~=grid]>[data-push-left*=_xs-20] {
margin-left: 83.33333%
}
[class*=grid-]>[data-push-left*=_xs-21],
[class*=grid_]>[data-push-left*=_xs-21],
[class~=grid]>[data-push-left*=_xs-21] {
margin-left: 87.5%
}
[class*=grid-]>[data-push-left*=_xs-22],
[class*=grid_]>[data-push-left*=_xs-22],
[class~=grid]>[data-push-left*=_xs-22] {
margin-left: 91.66667%
}
[class*=grid-]>[data-push-left*=_xs-23],
[class*=grid_]>[data-push-left*=_xs-23],
[class~=grid]>[data-push-left*=_xs-23] {
margin-left: 95.83333%
}
[class*=grid-]>[data-push-right*=_xs-0],
[class*=grid_]>[data-push-right*=_xs-0],
[class~=grid]>[data-push-right*=_xs-0] {
margin-right: 0
}
[class*=grid-]>[data-push-right*=_xs-1],
[class*=grid_]>[data-push-right*=_xs-1],
[class~=grid]>[data-push-right*=_xs-1] {
margin-right: 4.16667%
}
[class*=grid-]>[data-push-right*=_xs-2],
[class*=grid_]>[data-push-right*=_xs-2],
[class~=grid]>[data-push-right*=_xs-2] {
margin-right: 8.33333%
}
[class*=grid-]>[data-push-right*=_xs-3],
[class*=grid_]>[data-push-right*=_xs-3],
[class~=grid]>[data-push-right*=_xs-3] {
margin-right: 12.5%
}
[class*=grid-]>[data-push-right*=_xs-4],
[class*=grid_]>[data-push-right*=_xs-4],
[class~=grid]>[data-push-right*=_xs-4] {
margin-right: 16.66667%
}
[class*=grid-]>[data-push-right*=_xs-5],
[class*=grid_]>[data-push-right*=_xs-5],
[class~=grid]>[data-push-right*=_xs-5] {
margin-right: 20.83333%
}
[class*=grid-]>[data-push-right*=_xs-6],
[class*=grid_]>[data-push-right*=_xs-6],
[class~=grid]>[data-push-right*=_xs-6] {
margin-right: 25%
}
[class*=grid-]>[data-push-right*=_xs-7],
[class*=grid_]>[data-push-right*=_xs-7],
[class~=grid]>[data-push-right*=_xs-7] {
margin-right: 29.16667%
}
[class*=grid-]>[data-push-right*=_xs-8],
[class*=grid_]>[data-push-right*=_xs-8],
[class~=grid]>[data-push-right*=_xs-8] {
margin-right: 33.33333%
}
[class*=grid-]>[data-push-right*=_xs-9],
[class*=grid_]>[data-push-right*=_xs-9],
[class~=grid]>[data-push-right*=_xs-9] {
margin-right: 37.5%
}
[class*=grid-]>[data-push-right*=_xs-10],
[class*=grid_]>[data-push-right*=_xs-10],
[class~=grid]>[data-push-right*=_xs-10] {
margin-right: 41.66667%
}
[class*=grid-]>[data-push-right*=_xs-11],
[class*=grid_]>[data-push-right*=_xs-11],
[class~=grid]>[data-push-right*=_xs-11] {
margin-right: 45.83333%
}
[class*=grid-]>[data-push-right*=_xs-12],
[class*=grid_]>[data-push-right*=_xs-12],
[class~=grid]>[data-push-right*=_xs-12] {
margin-right: 50%
}
[class*=grid-]>[data-push-right*=_xs-13],
[class*=grid_]>[data-push-right*=_xs-13],
[class~=grid]>[data-push-right*=_xs-13] {
margin-right: 54.16667%
}
[class*=grid-]>[data-push-right*=_xs-14],
[class*=grid_]>[data-push-right*=_xs-14],
[class~=grid]>[data-push-right*=_xs-14] {
margin-right: 58.33333%
}
[class*=grid-]>[data-push-right*=_xs-15],
[class*=grid_]>[data-push-right*=_xs-15],
[class~=grid]>[data-push-right*=_xs-15] {
margin-right: 62.5%
}
[class*=grid-]>[data-push-right*=_xs-16],
[class*=grid_]>[data-push-right*=_xs-16],
[class~=grid]>[data-push-right*=_xs-16] {
margin-right: 66.66667%
}
[class*=grid-]>[data-push-right*=_xs-17],
[class*=grid_]>[data-push-right*=_xs-17],
[class~=grid]>[data-push-right*=_xs-17] {
margin-right: 70.83333%
}
[class*=grid-]>[data-push-right*=_xs-18],
[class*=grid_]>[data-push-right*=_xs-18],
[class~=grid]>[data-push-right*=_xs-18] {
margin-right: 75%
}
[class*=grid-]>[data-push-right*=_xs-19],
[class*=grid_]>[data-push-right*=_xs-19],
[class~=grid]>[data-push-right*=_xs-19] {
margin-right: 79.16667%
}
[class*=grid-]>[data-push-right*=_xs-20],
[class*=grid_]>[data-push-right*=_xs-20],
[class~=grid]>[data-push-right*=_xs-20] {
margin-right: 83.33333%
}
[class*=grid-]>[data-push-right*=_xs-21],
[class*=grid_]>[data-push-right*=_xs-21],
[class~=grid]>[data-push-right*=_xs-21] {
margin-right: 87.5%
}
[class*=grid-]>[data-push-right*=_xs-22],
[class*=grid_]>[data-push-right*=_xs-22],
[class~=grid]>[data-push-right*=_xs-22] {
margin-right: 91.66667%
}
[class*=grid-]>[data-push-right*=_xs-23],
[class*=grid_]>[data-push-right*=_xs-23],
[class~=grid]>[data-push-right*=_xs-23] {
margin-right: 95.83333%
}
[class*=grid-] [class*=_xs-first],
[class*=grid_] [class*=_xs-first],
[class~=grid] [class*=_xs-first] {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
[class*=grid-] [class*=_xs-last],
[class*=grid_] [class*=_xs-last],
[class~=grid] [class*=_xs-last] {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
[class*=xs-hidden] {
display: none
}
}
@media (min-width:375px) {
.visual-section p {
padding: 0 23px
}
}
@media (min-width:540px) {
.hero .h1,
.hero h1 {
max-width: 510px
}
}
@media (min-width:568px) {
.capabilities-listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px -30px
}
.capabilities-listing .item {
max-width: none;
width: calc(50% - 40px);
margin: 0 20px 30px;
position: relative
}
.case-study-section .image-block span {
padding: 60% 0 0
}
.mosaic .images li {
width: calc(100%/3)
}
.mosaic .images li:nth-of-type(even) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.mosaic .image {
height: 33.33vw
}
.project-item,
.projects-slider-wrap {
min-height: 480px
}
.project-item .project-detail-img {
height: 100%
}
.project-item .project-info {
padding-right: 80px
}
.projects-listing .project-info {
padding-bottom: 85px
}
.projects-nav-slider .item {
min-height: 480px
}
.visual-section .h1,
.visual-section h1 {
margin-bottom: 20px
}
.full-page .visual-section,
.visual-section {
min-height: 440px
}
.post-listing-wrap .listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
.post-listing-wrap .item {
width: calc(50% - 30px);
margin: 0 15px 30px
}
.phones-listing .phone-holder {
width: 353px
}
}
@media (min-width:768px) {
.marked-block,
blockquote.fact {
padding-left: 22px
}
.marked-block:not(.fact):not(.marked-block),
blockquote:not(.fact):not(.marked-block) {
padding-top: 17px;
padding-left: 50px
}
.marked-block>div,
blockquote>div {
text-align: right
}
.jcf-select .jcf-select-drop {
left: auto;
right: 0
}
.case-study-nav .inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.case-study-nav .next,
.case-study-nav .prev {
width: auto;
max-width: 50%
}
[class*=_sm-1]>[class*=col-],
[class*=_sm-1]>[class*=col_],
[class*=_sm-1]>[class~=col] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=_sm-2]>[class*=col-],
[class*=_sm-2]>[class*=col_],
[class*=_sm-2]>[class~=col] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=_sm-3]>[class*=col-],
[class*=_sm-3]>[class*=col_],
[class*=_sm-3]>[class~=col] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=_sm-4]>[class*=col-],
[class*=_sm-4]>[class*=col_],
[class*=_sm-4]>[class~=col] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=_sm-5]>[class*=col-],
[class*=_sm-5]>[class*=col_],
[class*=_sm-5]>[class~=col] {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%
}
[class*=_sm-6]>[class*=col-],
[class*=_sm-6]>[class*=col_],
[class*=_sm-6]>[class~=col] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=_sm-7]>[class*=col-],
[class*=_sm-7]>[class*=col_],
[class*=_sm-7]>[class~=col] {
-ms-flex-preferred-size: 14.28571%;
flex-basis: 14.28571%;
max-width: 14.28571%
}
[class*=_sm-8]>[class*=col-],
[class*=_sm-8]>[class*=col_],
[class*=_sm-8]>[class~=col] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=_sm-9]>[class*=col-],
[class*=_sm-9]>[class*=col_],
[class*=_sm-9]>[class~=col] {
-ms-flex-preferred-size: 11.11111%;
flex-basis: 11.11111%;
max-width: 11.11111%
}
[class*=_sm-10]>[class*=col-],
[class*=_sm-10]>[class*=col_],
[class*=_sm-10]>[class~=col] {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%
}
[class*=_sm-11]>[class*=col-],
[class*=_sm-11]>[class*=col_],
[class*=_sm-11]>[class~=col] {
-ms-flex-preferred-size: 9.09091%;
flex-basis: 9.09091%;
max-width: 9.09091%
}
[class*=_sm-12]>[class*=col-],
[class*=_sm-12]>[class*=col_],
[class*=_sm-12]>[class~=col] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=_sm-13]>[class*=col-],
[class*=_sm-13]>[class*=col_],
[class*=_sm-13]>[class~=col] {
-ms-flex-preferred-size: 7.69231%;
flex-basis: 7.69231%;
max-width: 7.69231%
}
[class*=_sm-14]>[class*=col-],
[class*=_sm-14]>[class*=col_],
[class*=_sm-14]>[class~=col] {
-ms-flex-preferred-size: 7.14286%;
flex-basis: 7.14286%;
max-width: 7.14286%
}
[class*=_sm-15]>[class*=col-],
[class*=_sm-15]>[class*=col_],
[class*=_sm-15]>[class~=col] {
-ms-flex-preferred-size: 6.66667%;
flex-basis: 6.66667%;
max-width: 6.66667%
}
[class*=_sm-16]>[class*=col-],
[class*=_sm-16]>[class*=col_],
[class*=_sm-16]>[class~=col] {
-ms-flex-preferred-size: 6.25%;
flex-basis: 6.25%;
max-width: 6.25%
}
[class*=_sm-17]>[class*=col-],
[class*=_sm-17]>[class*=col_],
[class*=_sm-17]>[class~=col] {
-ms-flex-preferred-size: 5.88235%;
flex-basis: 5.88235%;
max-width: 5.88235%
}
[class*=_sm-18]>[class*=col-],
[class*=_sm-18]>[class*=col_],
[class*=_sm-18]>[class~=col] {
-ms-flex-preferred-size: 5.55556%;
flex-basis: 5.55556%;
max-width: 5.55556%
}
[class*=_sm-19]>[class*=col-],
[class*=_sm-19]>[class*=col_],
[class*=_sm-19]>[class~=col] {
-ms-flex-preferred-size: 5.26316%;
flex-basis: 5.26316%;
max-width: 5.26316%
}
[class*=_sm-20]>[class*=col-],
[class*=_sm-20]>[class*=col_],
[class*=_sm-20]>[class~=col] {
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
max-width: 5%
}
[class*=_sm-21]>[class*=col-],
[class*=_sm-21]>[class*=col_],
[class*=_sm-21]>[class~=col] {
-ms-flex-preferred-size: 4.7619%;
flex-basis: 4.7619%;
max-width: 4.7619%
}
[class*=_sm-22]>[class*=col-],
[class*=_sm-22]>[class*=col_],
[class*=_sm-22]>[class~=col] {
-ms-flex-preferred-size: 4.54545%;
flex-basis: 4.54545%;
max-width: 4.54545%
}
[class*=_sm-23]>[class*=col-],
[class*=_sm-23]>[class*=col_],
[class*=_sm-23]>[class~=col] {
-ms-flex-preferred-size: 4.34783%;
flex-basis: 4.34783%;
max-width: 4.34783%
}
[class*=_sm-24]>[class*=col-],
[class*=_sm-24]>[class*=col_],
[class*=_sm-24]>[class~=col],
[class*=grid-]>[class*=_sm-1],
[class*=grid_]>[class*=_sm-1],
[class~=grid]>[class*=_sm-1] {
-ms-flex-preferred-size: 4.16667%;
flex-basis: 4.16667%;
max-width: 4.16667%
}
[class*=grid-]>[class*=_sm-2],
[class*=grid_]>[class*=_sm-2],
[class~=grid]>[class*=_sm-2] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=grid-]>[class*=_sm-3],
[class*=grid_]>[class*=_sm-3],
[class~=grid]>[class*=_sm-3] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=grid-]>[class*=_sm-4],
[class*=grid_]>[class*=_sm-4],
[class~=grid]>[class*=_sm-4] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=grid-]>[class*=_sm-5],
[class*=grid_]>[class*=_sm-5],
[class~=grid]>[class*=_sm-5] {
-ms-flex-preferred-size: 20.83333%;
flex-basis: 20.83333%;
max-width: 20.83333%
}
[class*=grid-]>[class*=_sm-6],
[class*=grid_]>[class*=_sm-6],
[class~=grid]>[class*=_sm-6] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=grid-]>[class*=_sm-7],
[class*=grid_]>[class*=_sm-7],
[class~=grid]>[class*=_sm-7] {
-ms-flex-preferred-size: 29.16667%;
flex-basis: 29.16667%;
max-width: 29.16667%
}
[class*=grid-]>[class*=_sm-8],
[class*=grid_]>[class*=_sm-8],
[class~=grid]>[class*=_sm-8] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=grid-]>[class*=_sm-9],
[class*=grid_]>[class*=_sm-9],
[class~=grid]>[class*=_sm-9] {
-ms-flex-preferred-size: 37.5%;
flex-basis: 37.5%;
max-width: 37.5%
}
[class*=grid-]>[class*=_sm-10],
[class*=grid_]>[class*=_sm-10],
[class~=grid]>[class*=_sm-10] {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
[class*=grid-]>[class*=_sm-11],
[class*=grid_]>[class*=_sm-11],
[class~=grid]>[class*=_sm-11] {
-ms-flex-preferred-size: 45.83333%;
flex-basis: 45.83333%;
max-width: 45.83333%
}
[class*=grid-]>[class*=_sm-12],
[class*=grid_]>[class*=_sm-12],
[class~=grid]>[class*=_sm-12] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=grid-]>[class*=_sm-13],
[class*=grid_]>[class*=_sm-13],
[class~=grid]>[class*=_sm-13] {
-ms-flex-preferred-size: 54.16667%;
flex-basis: 54.16667%;
max-width: 54.16667%
}
[class*=grid-]>[class*=_sm-14],
[class*=grid_]>[class*=_sm-14],
[class~=grid]>[class*=_sm-14] {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
[class*=grid-]>[class*=_sm-15],
[class*=grid_]>[class*=_sm-15],
[class~=grid]>[class*=_sm-15] {
-ms-flex-preferred-size: 62.5%;
flex-basis: 62.5%;
max-width: 62.5%
}
[class*=grid-]>[class*=_sm-16],
[class*=grid_]>[class*=_sm-16],
[class~=grid]>[class*=_sm-16] {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
[class*=grid-]>[class*=_sm-17],
[class*=grid_]>[class*=_sm-17],
[class~=grid]>[class*=_sm-17] {
-ms-flex-preferred-size: 70.83333%;
flex-basis: 70.83333%;
max-width: 70.83333%
}
[class*=grid-]>[class*=_sm-18],
[class*=grid_]>[class*=_sm-18],
[class~=grid]>[class*=_sm-18] {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
[class*=grid-]>[class*=_sm-19],
[class*=grid_]>[class*=_sm-19],
[class~=grid]>[class*=_sm-19] {
-ms-flex-preferred-size: 79.16667%;
flex-basis: 79.16667%;
max-width: 79.16667%
}
[class*=grid-]>[class*=_sm-20],
[class*=grid_]>[class*=_sm-20],
[class~=grid]>[class*=_sm-20] {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
[class*=grid-]>[class*=_sm-21],
[class*=grid_]>[class*=_sm-21],
[class~=grid]>[class*=_sm-21] {
-ms-flex-preferred-size: 87.5%;
flex-basis: 87.5%;
max-width: 87.5%
}
[class*=grid-]>[class*=_sm-22],
[class*=grid_]>[class*=_sm-22],
[class~=grid]>[class*=_sm-22] {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
[class*=grid-]>[class*=_sm-23],
[class*=grid_]>[class*=_sm-23],
[class~=grid]>[class*=_sm-23] {
-ms-flex-preferred-size: 95.83333%;
flex-basis: 95.83333%;
max-width: 95.83333%
}
[class*=grid-]>[class*=_sm-24],
[class*=grid_]>[class*=_sm-24],
[class~=grid]>[class*=_sm-24] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=grid-]>[data-push-left*=_sm-0],
[class*=grid_]>[data-push-left*=_sm-0],
[class~=grid]>[data-push-left*=_sm-0] {
margin-left: 0
}
[class*=grid-]>[data-push-left*=_sm-1],
[class*=grid_]>[data-push-left*=_sm-1],
[class~=grid]>[data-push-left*=_sm-1] {
margin-left: 4.16667%
}
[class*=grid-]>[data-push-left*=_sm-2],
[class*=grid_]>[data-push-left*=_sm-2],
[class~=grid]>[data-push-left*=_sm-2] {
margin-left: 8.33333%
}
[class*=grid-]>[data-push-left*=_sm-3],
[class*=grid_]>[data-push-left*=_sm-3],
[class~=grid]>[data-push-left*=_sm-3] {
margin-left: 12.5%
}
[class*=grid-]>[data-push-left*=_sm-4],
[class*=grid_]>[data-push-left*=_sm-4],
[class~=grid]>[data-push-left*=_sm-4] {
margin-left: 16.66667%
}
[class*=grid-]>[data-push-left*=_sm-5],
[class*=grid_]>[data-push-left*=_sm-5],
[class~=grid]>[data-push-left*=_sm-5] {
margin-left: 20.83333%
}
[class*=grid-]>[data-push-left*=_sm-6],
[class*=grid_]>[data-push-left*=_sm-6],
[class~=grid]>[data-push-left*=_sm-6] {
margin-left: 25%
}
[class*=grid-]>[data-push-left*=_sm-7],
[class*=grid_]>[data-push-left*=_sm-7],
[class~=grid]>[data-push-left*=_sm-7] {
margin-left: 29.16667%
}
[class*=grid-]>[data-push-left*=_sm-8],
[class*=grid_]>[data-push-left*=_sm-8],
[class~=grid]>[data-push-left*=_sm-8] {
margin-left: 33.33333%
}
[class*=grid-]>[data-push-left*=_sm-9],
[class*=grid_]>[data-push-left*=_sm-9],
[class~=grid]>[data-push-left*=_sm-9] {
margin-left: 37.5%
}
[class*=grid-]>[data-push-left*=_sm-10],
[class*=grid_]>[data-push-left*=_sm-10],
[class~=grid]>[data-push-left*=_sm-10] {
margin-left: 41.66667%
}
[class*=grid-]>[data-push-left*=_sm-11],
[class*=grid_]>[data-push-left*=_sm-11],
[class~=grid]>[data-push-left*=_sm-11] {
margin-left: 45.83333%
}
[class*=grid-]>[data-push-left*=_sm-12],
[class*=grid_]>[data-push-left*=_sm-12],
[class~=grid]>[data-push-left*=_sm-12] {
margin-left: 50%
}
[class*=grid-]>[data-push-left*=_sm-13],
[class*=grid_]>[data-push-left*=_sm-13],
[class~=grid]>[data-push-left*=_sm-13] {
margin-left: 54.16667%
}
[class*=grid-]>[data-push-left*=_sm-14],
[class*=grid_]>[data-push-left*=_sm-14],
[class~=grid]>[data-push-left*=_sm-14] {
margin-left: 58.33333%
}
[class*=grid-]>[data-push-left*=_sm-15],
[class*=grid_]>[data-push-left*=_sm-15],
[class~=grid]>[data-push-left*=_sm-15] {
margin-left: 62.5%
}
[class*=grid-]>[data-push-left*=_sm-16],
[class*=grid_]>[data-push-left*=_sm-16],
[class~=grid]>[data-push-left*=_sm-16] {
margin-left: 66.66667%
}
[class*=grid-]>[data-push-left*=_sm-17],
[class*=grid_]>[data-push-left*=_sm-17],
[class~=grid]>[data-push-left*=_sm-17] {
margin-left: 70.83333%
}
[class*=grid-]>[data-push-left*=_sm-18],
[class*=grid_]>[data-push-left*=_sm-18],
[class~=grid]>[data-push-left*=_sm-18] {
margin-left: 75%
}
[class*=grid-]>[data-push-left*=_sm-19],
[class*=grid_]>[data-push-left*=_sm-19],
[class~=grid]>[data-push-left*=_sm-19] {
margin-left: 79.16667%
}
[class*=grid-]>[data-push-left*=_sm-20],
[class*=grid_]>[data-push-left*=_sm-20],
[class~=grid]>[data-push-left*=_sm-20] {
margin-left: 83.33333%
}
[class*=grid-]>[data-push-left*=_sm-21],
[class*=grid_]>[data-push-left*=_sm-21],
[class~=grid]>[data-push-left*=_sm-21] {
margin-left: 87.5%
}
[class*=grid-]>[data-push-left*=_sm-22],
[class*=grid_]>[data-push-left*=_sm-22],
[class~=grid]>[data-push-left*=_sm-22] {
margin-left: 91.66667%
}
[class*=grid-]>[data-push-left*=_sm-23],
[class*=grid_]>[data-push-left*=_sm-23],
[class~=grid]>[data-push-left*=_sm-23] {
margin-left: 95.83333%
}
[class*=grid-]>[data-push-right*=_sm-0],
[class*=grid_]>[data-push-right*=_sm-0],
[class~=grid]>[data-push-right*=_sm-0] {
margin-right: 0
}
[class*=grid-]>[data-push-right*=_sm-1],
[class*=grid_]>[data-push-right*=_sm-1],
[class~=grid]>[data-push-right*=_sm-1] {
margin-right: 4.16667%
}
[class*=grid-]>[data-push-right*=_sm-2],
[class*=grid_]>[data-push-right*=_sm-2],
[class~=grid]>[data-push-right*=_sm-2] {
margin-right: 8.33333%
}
[class*=grid-]>[data-push-right*=_sm-3],
[class*=grid_]>[data-push-right*=_sm-3],
[class~=grid]>[data-push-right*=_sm-3] {
margin-right: 12.5%
}
[class*=grid-]>[data-push-right*=_sm-4],
[class*=grid_]>[data-push-right*=_sm-4],
[class~=grid]>[data-push-right*=_sm-4] {
margin-right: 16.66667%
}
[class*=grid-]>[data-push-right*=_sm-5],
[class*=grid_]>[data-push-right*=_sm-5],
[class~=grid]>[data-push-right*=_sm-5] {
margin-right: 20.83333%
}
[class*=grid-]>[data-push-right*=_sm-6],
[class*=grid_]>[data-push-right*=_sm-6],
[class~=grid]>[data-push-right*=_sm-6] {
margin-right: 25%
}
[class*=grid-]>[data-push-right*=_sm-7],
[class*=grid_]>[data-push-right*=_sm-7],
[class~=grid]>[data-push-right*=_sm-7] {
margin-right: 29.16667%
}
[class*=grid-]>[data-push-right*=_sm-8],
[class*=grid_]>[data-push-right*=_sm-8],
[class~=grid]>[data-push-right*=_sm-8] {
margin-right: 33.33333%
}
[class*=grid-]>[data-push-right*=_sm-9],
[class*=grid_]>[data-push-right*=_sm-9],
[class~=grid]>[data-push-right*=_sm-9] {
margin-right: 37.5%
}
[class*=grid-]>[data-push-right*=_sm-10],
[class*=grid_]>[data-push-right*=_sm-10],
[class~=grid]>[data-push-right*=_sm-10] {
margin-right: 41.66667%
}
[class*=grid-]>[data-push-right*=_sm-11],
[class*=grid_]>[data-push-right*=_sm-11],
[class~=grid]>[data-push-right*=_sm-11] {
margin-right: 45.83333%
}
[class*=grid-]>[data-push-right*=_sm-12],
[class*=grid_]>[data-push-right*=_sm-12],
[class~=grid]>[data-push-right*=_sm-12] {
margin-right: 50%
}
[class*=grid-]>[data-push-right*=_sm-13],
[class*=grid_]>[data-push-right*=_sm-13],
[class~=grid]>[data-push-right*=_sm-13] {
margin-right: 54.16667%
}
[class*=grid-]>[data-push-right*=_sm-14],
[class*=grid_]>[data-push-right*=_sm-14],
[class~=grid]>[data-push-right*=_sm-14] {
margin-right: 58.33333%
}
[class*=grid-]>[data-push-right*=_sm-15],
[class*=grid_]>[data-push-right*=_sm-15],
[class~=grid]>[data-push-right*=_sm-15] {
margin-right: 62.5%
}
[class*=grid-]>[data-push-right*=_sm-16],
[class*=grid_]>[data-push-right*=_sm-16],
[class~=grid]>[data-push-right*=_sm-16] {
margin-right: 66.66667%
}
[class*=grid-]>[data-push-right*=_sm-17],
[class*=grid_]>[data-push-right*=_sm-17],
[class~=grid]>[data-push-right*=_sm-17] {
margin-right: 70.83333%
}
[class*=grid-]>[data-push-right*=_sm-18],
[class*=grid_]>[data-push-right*=_sm-18],
[class~=grid]>[data-push-right*=_sm-18] {
margin-right: 75%
}
[class*=grid-]>[data-push-right*=_sm-19],
[class*=grid_]>[data-push-right*=_sm-19],
[class~=grid]>[data-push-right*=_sm-19] {
margin-right: 79.16667%
}
[class*=grid-]>[data-push-right*=_sm-20],
[class*=grid_]>[data-push-right*=_sm-20],
[class~=grid]>[data-push-right*=_sm-20] {
margin-right: 83.33333%
}
[class*=grid-]>[data-push-right*=_sm-21],
[class*=grid_]>[data-push-right*=_sm-21],
[class~=grid]>[data-push-right*=_sm-21] {
margin-right: 87.5%
}
[class*=grid-]>[data-push-right*=_sm-22],
[class*=grid_]>[data-push-right*=_sm-22],
[class~=grid]>[data-push-right*=_sm-22] {
margin-right: 91.66667%
}
[class*=grid-]>[data-push-right*=_sm-23],
[class*=grid_]>[data-push-right*=_sm-23],
[class~=grid]>[data-push-right*=_sm-23] {
margin-right: 95.83333%
}
[class*=grid-] [class*=_sm-first],
[class*=grid_] [class*=_sm-first],
[class~=grid] [class*=_sm-first] {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
[class*=grid-] [class*=_sm-last],
[class*=grid_] [class*=_sm-last],
[class~=grid] [class*=_sm-last] {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
[class*=sm-hidden] {
display: none
}
.wp-caption.alignleft {
float: left;
margin: 0 20px 20px 0;
text-align: left
}
.wp-caption.alignright {
text-align: right
}
img.alignleft {
float: left;
margin: 0 20px 20px 0
}
.wp-caption.alignright,
img.alignright {
float: right;
margin: 0 0 20px 20px
}
.gallery .gallery-item {
width: 50%
}
.footer .offices-listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 642px;
margin: 0 -17px
}
.footer .column {
width: 180px;
margin: 0 17px 29px
}
.pagination ul {
margin: 0 -20px
}
.pagination ul li {
margin: 0 20px
}
.hero-section .hero-section-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.hero-section .column {
width: 48.5%
}
.triple-column-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -30px
}
.agency-life .triple-column-list {
margin: 0 -12px
}
.agency-life .triple-column-list li {
max-width: none;
width: calc(50% - 24px);
margin: 0 12px 25px
}
.triple-column-list li {
max-width: none;
width: calc(50% - 60px);
margin: 0 30px 40px
}
.blog-listing .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px
}
.blog-listing .h2,
.blog-listing h2 {
max-width: 50%;
margin-bottom: 0
}
.blog-listing form {
text-align: right;
max-width: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.blog-listing .jcf-select {
text-align: right;
margin: 10px 0 0
}
.blog-listing .listing {
margin: 0 -15px 20px;
font-size: 0;
line-height: 0
}
.blog-listing .item {
display: inline-block;
vertical-align: top;
max-width: 100%;
width: calc(50% - 30px);
font-size: 12px;
line-height: 20px;
margin: 0 15px 40px
}
.article .short-description {
max-width: none
}
.get-in-touch-holder .get-in-touch {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.get-in-touch-holder .request-link,
.get-in-touch-holder p {
margin-bottom: 0!important
}
.get-in-touch,
.latest-work-listing,
.triple-column-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.get-in-touch {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
padding: 50px 0;
margin: 0 -10px
}
.get-in-touch .block {
width: 50%;
padding: 0 10px;
font-size: 18px;
line-height: 24px
}
.get-in-touch .subscribe-box {
padding: 0 20px
}
.get-in-touch .subscribe-box .form-details {
margin: 23px 80px 0
}
.hero .holder {
max-width: 775px
}
.works-section .listing-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.works-section .listing-filter .sort-list {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-right: 1px solid #0c0c0c
}
.works-section .listing-filter .sort-list li {
margin-right: 6%
}
.works-section .listing-filter .form-group {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto
}
.latest-work-listing {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -25px 30px
}
.latest-work-listing .item {
max-width: none;
width: calc(50% - 50px);
margin: 0 25px 33px
}
.latest-work-listing .nothing {
margin: 0 25px
}
.capabilities-listing .h3,
.capabilities-listing h3 {
padding-right: 20px
}
.vacations li a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.info-columns,
.vacations li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.info-columns .column {
width: 47%
}
.careers-details ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.careers-details ul li {
display: inline-block;
vertical-align: top;
width: 48%
}
.case-study-section .client-block-carousel,
.process-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.process-list {
margin: 0 -15px -30px
}
.process-list li {
max-width: none;
width: calc(50% - 30px);
margin: 0 15px 30px
}
.address-details ul,
.careers-details ul,
.subscribe-popup form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.address-details ul li {
max-width: 33%
}
.case-study-section .client-block .info-item {
max-width: 300px;
min-width: 200px;
padding: 0 30px 20px 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.case-study-section .client-block-carousel {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.case-study-section .information-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 0;
margin-bottom: 50px
}
.case-study-section .information-left {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 340px;
padding: 0 40px 0 0
}
.case-study-section .information-right {
width: 100%
}
.wrap-pages-carousel.project-photo h2 {
max-width: 700px;
margin: 0 -10px 30px auto;
padding: 15px 0
}
.wrap-pages-carousel.project-photo h2:after {
content: '';
position: absolute;
left: -30px;
top: 0;
width: 50px;
height: 21px;
background: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/images/big-title-decoration.svg) no-repeat
}
.wrap-pages-carousel.project-photo h2:before {
content: '';
position: absolute;
bottom: 10px;
left: -30px;
width: 12px;
height: 18px;
background: url(//kuaping.cn/zh/wp-content/themes/kuaping2026beta/dist/images/small-title-decoration.svg) no-repeat
}
.subscribe-popup .h2,
.subscribe-popup h2 {
margin-bottom: 25px;
text-align: left
}
.subscribe-popup .form {
padding: 0
}
.subscribe-popup .wpcf7-response-output {
top: 100%;
text-align: left;
margin-top: 10px
}
.subscribe-popup .input-holder {
width: 100%;
margin: 0
}
.subscribe-popup .form-control {
margin-bottom: 0
}
.our-capabilities .tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.our-capabilities .tab .icon {
width: 40px;
height: 40px;
margin: 10px 20px 0 0
}
.selected-projects.dark .button {
width: 300px;
display: block;
margin: 50px auto 0
}
.projects-list .project-item {
height: 400px
}
.text-columns .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.text-columns .holder>div {
width: 48%;
margin-bottom: 0
}
.project-item .project-detail-img {
height: 50%
}
.project-item .project-info {
width: 500px;
padding-left: 60px
}
.projects-nav-slider .slick-dots {
left: 100px
}
.slides-control-btn {
left: 60px
}
.visual-section {
height: 100vh
}
.visual-section .holder {
padding-top: 80px
}
.visual-section .h1,
.visual-section h1 {
line-height: 1
}
.visual-section p {
max-width: 70%;
margin: 0 auto
}
.visual-section .logos-list {
position: absolute;
left: 0;
width: 100%;
bottom: 25px;
margin: 0
}
.map-section .map-wrap {
padding-bottom: 66%
}
.map-section-content .inner {
max-height: 350px
}
.featured-posts-slider .slide {
min-height: 500px
}
.featured-posts-slider .holder {
padding: 20px
}
.featured-posts-slider .photo {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.post-listing-wrap .listing {
margin: 0 -15px 30px
}
.the-drop .heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.the-drop .heading .button {
margin-top: 0
}
.the-drop .slider {
margin: 0 -15px
}
.the-drop .item {
margin: 0 15px
}
.social-proof {
padding-right: calc(50% + 30px);
position: relative;
z-index: 20
}
.social-proof-slider-images {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.social-proof-slider-images .slick-list {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.social-proof-slider-images .item {
aspect-ratio: inherit
}
.social-proof-slider .marked-block:not(.fact):not(.marked-block):not(.marked-block),
.social-proof-slider blockquote:not(.fact):not(.marked-block):not(.marked-block) {
padding-left: 0;
margin-top: 0;
padding-top: 30px
}
.asided {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.asided .text-content {
width: 65%;
max-width: 770px
}
.asided .sidebar {
width: 30%;
max-width: 290px
}
.our-leadership .holder {
max-width: 800px;
margin: 0 auto
}
.our-leadership .img-item,
.our-leadership figure {
margin-bottom: 25px
}
.agency-life .holder {
max-width: 825px;
margin: 0 auto
}
.contacts-form .form-group-attach {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -10px 0 20px
}
.contacts-form .form-group-attach .attach-wrap {
text-align: left;
width: auto;
max-width: calc(50% - 10px);
margin-bottom: 0
}
.contacts-form .label-attach {
text-align: left
}
.contacts-form .note-label {
font-size: 12px;
line-height: 24px;
text-align: right;
margin-left: auto;
width: 50%
}
.other-contacts {
margin: 0 auto
}
.other-contacts .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px
}
.other-contacts .block {
width: 33.33%;
padding: 0 10px
}
.full-width-gallery .slick-arrow.slick-prev {
margin-right: 40px
}
.full-width-gallery .slick-arrow.slick-next {
margin-left: 40px
}
.full-width-gallery .slick-dots {
margin: 0 -20px -10px
}
.full-width-gallery .slick-dots li {
margin: 0 20px 10px
}
.project-details-listing {
margin: 0 -20px 30px
}
.project-details-listing .item {
width: calc(50% - 40px);
max-width: none;
margin: 0 20px 50px
}
.page-template-location-detail .awards .logo-table,
.project-details-listing,
.section-our-truth .statistics {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-template-location-detail .awards .logo-table .logo-item {
width: 33.33%
}
.section-our-truth .statistics {
margin: 0 -10px
}
.section-our-truth .statistics .item {
width: 50%;
padding: 0 10px
}
.columns-type .heading {
font-size: 20px;
line-height: 28px
}
}
@media (min-height:1024px) and (min-width:768px) {
.visual-section .h1,
.visual-section h1 {
font-size: 70px;
margin-bottom: 44px
}
}
@media (min-width:769px) {
.section-map .map {
background-size: cover
}
}
@media (min-width:1024px) {
.page-switch-section {
display: block;
background-color: #e23;
padding: 4.06vw 0 4.375vw
}
.logo-table,
.page-switch-section .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.page-switch-section a {
display: inline-block;
position: relative;
margin-top: 24px;
max-width: calc(50% - 20px);
font-size: 36px;
line-height: 38px;
color: #0c0c0c;
font-weight: 600;
letter-spacing: -1px
}
.page-switch-section a.prev {
padding-left: 33px
}
.page-switch-section a.prev::before {
left: 33px
}
.page-switch-section a.prev svg {
left: 0
}
.page-switch-section a.next {
margin-left: auto;
text-align: right;
padding-right: 38px
}
.page-switch-section a.next::before {
right: 36px
}
.page-switch-section a.next svg {
right: 0
}
.page-switch-section a::before {
content: attr(data-text);
position: absolute;
top: -20px;
width: 21px;
height: 36px;
color: rgba(12, 12, 12, .6);
font-weight: 500;
font-size: 12px;
line-height: 22px;
letter-spacing: 0;
pointer-events: none
}
.page-switch-section a svg {
position: absolute;
top: 3px;
width: 15px;
height: 28px;
fill: currentColor
}
.win-system .page-switch-section a svg {
top: 7px
}
.agency-life .triple-column-list li {
width: calc(33.33% - 24px)
}
.triple-column-list li {
width: calc(33.33% - 60px)
}
.logo-table {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.logo-table .logo-item {
width: calc(33.33% + 1px);
height: 142px;
border: 1px solid #ebebeb;
padding: 27px 50px;
margin: -1px 0 0 -1px
}
.landing .logo-table .logo-item {
width: calc(25% + 1px)
}
.get-in-touch .block:last-child {
width: 360px
}
.careers-intro .description {
max-width: 750px
}
.vacations .h2,
.vacations h2 {
max-width: 600px
}
.vacations li a {
padding: 30px
}
.related-posts-slider {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
max-width: none;
padding: 0 15px
}
.press .related-posts-slider .item {
position: relative;
padding: 35px 55px
}
.related-posts-slider .item {
width: calc(33.33% + 1px);
border: solid rgba(12, 12, 12, .1);
border-width: 0 1px;
margin-right: -1px;
margin-bottom: 30px;
padding: 66px 54px
}
.related-posts-slider .item-heading {
margin-right: 0;
margin-bottom: 21px
}
.our-process .h1,
.our-process .heading,
.our-process h1 {
margin-bottom: 50px
}
.our-process .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.our-process .wrap .h3,
.our-process .wrap h3 {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 50%;
margin-bottom: 0;
padding-right: 20px
}
.our-process .h3,
.our-process h3 {
margin-bottom: 22px;
padding-top: 10px
}
.our-process .link-list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px
}
.our-process .link-list li {
margin-bottom: 2px
}
.process-list {
margin: 0 0 -30px -30px
}
.process-list li {
width: calc(33.33% - 30px);
margin: 0 0 30px 30px
}
.case-study-section .back-arrow-link {
margin-bottom: 20px
}
.case-study-section .image-block {
margin: 0 0 70px
}
.case-study-section .image-block span {
padding: 50% 0 0
}
.our-capabilities .tabs-nav,
.our-thinking-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.our-capabilities .tabs-nav li {
margin-right: 10px
}
.our-thinking-slider {
position: relative;
margin-bottom: 0;
max-width: none
}
.our-thinking-slider .item {
width: calc(33.33% + 1px);
border-width: 0 1px;
margin: 0 -1px 0 0;
padding: 66px 54px
}
.our-thinking-slider .item-heading {
margin-right: 0;
margin-bottom: 27px
}
.project-item .project-bg:after {
opacity: 1;
background: rgba(0, 0, 0, .1)
}
.project-item .project-detail-img {
right: 0;
left: auto;
width: 50%;
height: 100%
}
.visual-section .h1,
.visual-section h1 {
margin-bottom: 44px;
font-size: 80px
}
.featured-post .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.featured-post .image,
.two-columns-holder aside {
width: 400px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0
}
.featured-post .info {
width: 50%
}
.map-section .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.map-section .map-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
padding-bottom: 36.5%;
margin-right: -20px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.map-section-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.map-section-content .info {
width: 45%
}
.map-section-content .inner {
padding: 0;
margin: 0
}
.map-section-content .mCSB_scrollTools {
top: -20px
}
.map-section-content .mCSB_inside>.mCSB_container {
padding-right: 50px
}
.post-listing-wrap .item {
width: calc(33.33% - 30px)
}
.agency-life .holder,
.our-leadership .holder {
max-width: none;
margin: 0
}
.awards strong {
top: 0; }
.error-holder .h1,
.error-holder h1 { }
.two-columns-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.two-columns-holder aside {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 200px;
margin: 0 0 0 30px
}
.two-columns-holder aside ul {
display: block;
margin: 0
}
.two-columns-holder aside li {
width: 100%;
margin: 0
}
.two-columns-holder .content {
width: 100%
}
.full-width-gallery .slick-dots {
margin: 0 -30px -15px
}
.full-width-gallery .slick-dots li {
margin: 0 30px 15px
}
.project-details-listing .item {
width: calc(33.33% - 40px)
}
.featured-images-listing {
margin: 0 -20px -40px
}
.featured-images-listing .item {
max-width: none;
width: calc(50% - 40px);
margin: 0 20px 40px
}
.featured-images-listing .item::before {
padding-top: 109.8%
}
.mockup-section .phones-wrap {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(54.8%, #e23), color-stop(0, transparent));
background-image: linear-gradient(to bottom, #e23 54.8%, transparent 0);
padding: 40px 0 0
}
.phones-listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding-right: 8.08%
}
.phones-listing .slide {
width: 43.04%;
padding-top: calc((100vw - 30px)/100*14.24)
}
.phones-listing .slide:nth-child(2n+2) {
position: relative;
top: calc(-1*((100vw - 30px)/100*14.24))
}
.phones-listing .phone-holder {
width: 100%;
height: auto;
margin-left: 0
}
.results .section-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.results .h1,
.results h1 {
margin-right: 15px
}
.results .marked-block,
.results blockquote {
margin: 0 0 0 15px;
max-width: none;
width: 67.2%
}
.results .holder {
padding: 0 15px
}
.results-listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 10.41%;
border-bottom: 1px solid rgba(12, 12, 12, .1)
}
.results-listing::after,
.results-listing::before {
display: none
}
.results-listing .item {
max-width: none;
margin: 0 -1px 0 0;
padding: 20px 55px;
width: calc(33.33% + 1px);
border: solid rgba(12, 12, 12, .1);
border-width: 0 1px
}
.page-template-location-detail .awards {
margin: 50px 0 30px
}
.page-template-location-detail .awards .logo-table .logo-item img {
margin-left: 164px
}
.columns-type .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.columns-type .heading {
margin: 0 20px 0 0
}
.columns-type .info {
width: 50%;
-ms-flex-negative: 0;
flex-shrink: 0
}
}
@media (min-width:1200px) {
body {
font-size: 18px;
line-height: 26px
}
.h1,
.hero .h2.h1,
.hero h2.h1,
h1 { }
.h2,
.h2.h1,
h2,
h2.h1 { }
.h3,
h3 { letter-spacing: -1px
}
.h4,
h4 {
font-size: 24px;
line-height: 32px
}
.marked-block,
blockquote.fact {
font-size: 30px;
line-height: 36px
}
.marked-block::before,
blockquote.fact::before {
top: 8px;
bottom: 4px
}
.marked-block:not(.fact):not(.marked-block),
blockquote:not(.fact):not(.marked-block) {
padding-left: 68px
}
.marked-block q,
blockquote q {
padding-bottom: 30px;
margin-bottom: 24px
}
.content .marked-block {
margin: 75px 0 90px
}
ol li:before {
padding-right: 10px
}
.content ul li {
padding-left: 17px
}
.content ul li::before {
width: 6px;
height: 6px;
top: 9px
}
.jcf-list .jcf-option {
padding: 11px 10px 8px 0
}
.link {
font-size: 24px;
line-height: 32px
}
.back-arrow-link {
padding-left: 20px;
margin-right: 20px
}
.play-btn {
width: 87px;
height: 87px
}
.form-group .required-star {
bottom: auto;
top: 19px;
right: auto;
left: calc(100% + 14px)
}
.case-study-nav {
min-height: 338px;
padding: 80px 0
}
.case-study-nav .prev .image {
left: -80px
}
.case-study-nav .next .image {
right: -80px
}
.case-study-nav .sub-title {
font-size: 20px;
line-height: 30px;
margin-bottom: 13px
}
.capabilities-listing .item:hover::before,
.no-touch .case-study-nav a:hover+.image,
.no-touch .related-posts-slider .item:hover::before,
.touch .main-nav>ul>li.expanded .sub-menu {
opacity: 1
}
.capabilities-listing .item:hover,
.capabilities-listing .item:hover a{
color: #fff;
}
[class*=_md-1]>[class*=col-],
[class*=_md-1]>[class*=col_],
[class*=_md-1]>[class~=col] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=_md-2]>[class*=col-],
[class*=_md-2]>[class*=col_],
[class*=_md-2]>[class~=col] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=_md-3]>[class*=col-],
[class*=_md-3]>[class*=col_],
[class*=_md-3]>[class~=col] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=_md-4]>[class*=col-],
[class*=_md-4]>[class*=col_],
[class*=_md-4]>[class~=col] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=_md-5]>[class*=col-],
[class*=_md-5]>[class*=col_],
[class*=_md-5]>[class~=col] {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%
}
[class*=_md-6]>[class*=col-],
[class*=_md-6]>[class*=col_],
[class*=_md-6]>[class~=col] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=_md-7]>[class*=col-],
[class*=_md-7]>[class*=col_],
[class*=_md-7]>[class~=col] {
-ms-flex-preferred-size: 14.28571%;
flex-basis: 14.28571%;
max-width: 14.28571%
}
[class*=_md-8]>[class*=col-],
[class*=_md-8]>[class*=col_],
[class*=_md-8]>[class~=col] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=_md-9]>[class*=col-],
[class*=_md-9]>[class*=col_],
[class*=_md-9]>[class~=col] {
-ms-flex-preferred-size: 11.11111%;
flex-basis: 11.11111%;
max-width: 11.11111%
}
[class*=_md-10]>[class*=col-],
[class*=_md-10]>[class*=col_],
[class*=_md-10]>[class~=col] {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%
}
[class*=_md-11]>[class*=col-],
[class*=_md-11]>[class*=col_],
[class*=_md-11]>[class~=col] {
-ms-flex-preferred-size: 9.09091%;
flex-basis: 9.09091%;
max-width: 9.09091%
}
[class*=_md-12]>[class*=col-],
[class*=_md-12]>[class*=col_],
[class*=_md-12]>[class~=col] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=_md-13]>[class*=col-],
[class*=_md-13]>[class*=col_],
[class*=_md-13]>[class~=col] {
-ms-flex-preferred-size: 7.69231%;
flex-basis: 7.69231%;
max-width: 7.69231%
}
[class*=_md-14]>[class*=col-],
[class*=_md-14]>[class*=col_],
[class*=_md-14]>[class~=col] {
-ms-flex-preferred-size: 7.14286%;
flex-basis: 7.14286%;
max-width: 7.14286%
}
[class*=_md-15]>[class*=col-],
[class*=_md-15]>[class*=col_],
[class*=_md-15]>[class~=col] {
-ms-flex-preferred-size: 6.66667%;
flex-basis: 6.66667%;
max-width: 6.66667%
}
[class*=_md-16]>[class*=col-],
[class*=_md-16]>[class*=col_],
[class*=_md-16]>[class~=col] {
-ms-flex-preferred-size: 6.25%;
flex-basis: 6.25%;
max-width: 6.25%
}
[class*=_md-17]>[class*=col-],
[class*=_md-17]>[class*=col_],
[class*=_md-17]>[class~=col] {
-ms-flex-preferred-size: 5.88235%;
flex-basis: 5.88235%;
max-width: 5.88235%
}
[class*=_md-18]>[class*=col-],
[class*=_md-18]>[class*=col_],
[class*=_md-18]>[class~=col] {
-ms-flex-preferred-size: 5.55556%;
flex-basis: 5.55556%;
max-width: 5.55556%
}
[class*=_md-19]>[class*=col-],
[class*=_md-19]>[class*=col_],
[class*=_md-19]>[class~=col] {
-ms-flex-preferred-size: 5.26316%;
flex-basis: 5.26316%;
max-width: 5.26316%
}
[class*=_md-20]>[class*=col-],
[class*=_md-20]>[class*=col_],
[class*=_md-20]>[class~=col] {
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
max-width: 5%
}
[class*=_md-21]>[class*=col-],
[class*=_md-21]>[class*=col_],
[class*=_md-21]>[class~=col] {
-ms-flex-preferred-size: 4.7619%;
flex-basis: 4.7619%;
max-width: 4.7619%
}
[class*=_md-22]>[class*=col-],
[class*=_md-22]>[class*=col_],
[class*=_md-22]>[class~=col] {
-ms-flex-preferred-size: 4.54545%;
flex-basis: 4.54545%;
max-width: 4.54545%
}
[class*=_md-23]>[class*=col-],
[class*=_md-23]>[class*=col_],
[class*=_md-23]>[class~=col] {
-ms-flex-preferred-size: 4.34783%;
flex-basis: 4.34783%;
max-width: 4.34783%
}
[class*=_md-24]>[class*=col-],
[class*=_md-24]>[class*=col_],
[class*=_md-24]>[class~=col],
[class*=grid-]>[class*=_md-1],
[class*=grid_]>[class*=_md-1],
[class~=grid]>[class*=_md-1] {
-ms-flex-preferred-size: 4.16667%;
flex-basis: 4.16667%;
max-width: 4.16667%
}
[class*=grid-]>[class*=_md-2],
[class*=grid_]>[class*=_md-2],
[class~=grid]>[class*=_md-2] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=grid-]>[class*=_md-3],
[class*=grid_]>[class*=_md-3],
[class~=grid]>[class*=_md-3] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=grid-]>[class*=_md-4],
[class*=grid_]>[class*=_md-4],
[class~=grid]>[class*=_md-4] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=grid-]>[class*=_md-5],
[class*=grid_]>[class*=_md-5],
[class~=grid]>[class*=_md-5] {
-ms-flex-preferred-size: 20.83333%;
flex-basis: 20.83333%;
max-width: 20.83333%
}
[class*=grid-]>[class*=_md-6],
[class*=grid_]>[class*=_md-6],
[class~=grid]>[class*=_md-6] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=grid-]>[class*=_md-7],
[class*=grid_]>[class*=_md-7],
[class~=grid]>[class*=_md-7] {
-ms-flex-preferred-size: 29.16667%;
flex-basis: 29.16667%;
max-width: 29.16667%
}
[class*=grid-]>[class*=_md-8],
[class*=grid_]>[class*=_md-8],
[class~=grid]>[class*=_md-8] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=grid-]>[class*=_md-9],
[class*=grid_]>[class*=_md-9],
[class~=grid]>[class*=_md-9] {
-ms-flex-preferred-size: 37.5%;
flex-basis: 37.5%;
max-width: 37.5%
}
[class*=grid-]>[class*=_md-10],
[class*=grid_]>[class*=_md-10],
[class~=grid]>[class*=_md-10] {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
[class*=grid-]>[class*=_md-11],
[class*=grid_]>[class*=_md-11],
[class~=grid]>[class*=_md-11] {
-ms-flex-preferred-size: 45.83333%;
flex-basis: 45.83333%;
max-width: 45.83333%
}
[class*=grid-]>[class*=_md-12],
[class*=grid_]>[class*=_md-12],
[class~=grid]>[class*=_md-12] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=grid-]>[class*=_md-13],
[class*=grid_]>[class*=_md-13],
[class~=grid]>[class*=_md-13] {
-ms-flex-preferred-size: 54.16667%;
flex-basis: 54.16667%;
max-width: 54.16667%
}
[class*=grid-]>[class*=_md-14],
[class*=grid_]>[class*=_md-14],
[class~=grid]>[class*=_md-14] {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
[class*=grid-]>[class*=_md-15],
[class*=grid_]>[class*=_md-15],
[class~=grid]>[class*=_md-15] {
-ms-flex-preferred-size: 62.5%;
flex-basis: 62.5%;
max-width: 62.5%
}
[class*=grid-]>[class*=_md-16],
[class*=grid_]>[class*=_md-16],
[class~=grid]>[class*=_md-16] {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
[class*=grid-]>[class*=_md-17],
[class*=grid_]>[class*=_md-17],
[class~=grid]>[class*=_md-17] {
-ms-flex-preferred-size: 70.83333%;
flex-basis: 70.83333%;
max-width: 70.83333%
}
[class*=grid-]>[class*=_md-18],
[class*=grid_]>[class*=_md-18],
[class~=grid]>[class*=_md-18] {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
[class*=grid-]>[class*=_md-19],
[class*=grid_]>[class*=_md-19],
[class~=grid]>[class*=_md-19] {
-ms-flex-preferred-size: 79.16667%;
flex-basis: 79.16667%;
max-width: 79.16667%
}
[class*=grid-]>[class*=_md-20],
[class*=grid_]>[class*=_md-20],
[class~=grid]>[class*=_md-20] {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
[class*=grid-]>[class*=_md-21],
[class*=grid_]>[class*=_md-21],
[class~=grid]>[class*=_md-21] {
-ms-flex-preferred-size: 87.5%;
flex-basis: 87.5%;
max-width: 87.5%
}
[class*=grid-]>[class*=_md-22],
[class*=grid_]>[class*=_md-22],
[class~=grid]>[class*=_md-22] {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
[class*=grid-]>[class*=_md-23],
[class*=grid_]>[class*=_md-23],
[class~=grid]>[class*=_md-23] {
-ms-flex-preferred-size: 95.83333%;
flex-basis: 95.83333%;
max-width: 95.83333%
}
[class*=grid-]>[class*=_md-24],
[class*=grid_]>[class*=_md-24],
[class~=grid]>[class*=_md-24] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
.social-life ul li+li,
[class*=grid-]>[data-push-left*=_md-0],
[class*=grid_]>[data-push-left*=_md-0],
[class~=grid]>[data-push-left*=_md-0] {
margin-left: 0
}
[class*=grid-]>[data-push-left*=_md-1],
[class*=grid_]>[data-push-left*=_md-1],
[class~=grid]>[data-push-left*=_md-1] {
margin-left: 4.16667%
}
[class*=grid-]>[data-push-left*=_md-2],
[class*=grid_]>[data-push-left*=_md-2],
[class~=grid]>[data-push-left*=_md-2] {
margin-left: 8.33333%
}
[class*=grid-]>[data-push-left*=_md-3],
[class*=grid_]>[data-push-left*=_md-3],
[class~=grid]>[data-push-left*=_md-3] {
margin-left: 12.5%
}
[class*=grid-]>[data-push-left*=_md-4],
[class*=grid_]>[data-push-left*=_md-4],
[class~=grid]>[data-push-left*=_md-4] {
margin-left: 16.66667%
}
[class*=grid-]>[data-push-left*=_md-5],
[class*=grid_]>[data-push-left*=_md-5],
[class~=grid]>[data-push-left*=_md-5] {
margin-left: 20.83333%
}
[class*=grid-]>[data-push-left*=_md-6],
[class*=grid_]>[data-push-left*=_md-6],
[class~=grid]>[data-push-left*=_md-6] {
margin-left: 25%
}
[class*=grid-]>[data-push-left*=_md-7],
[class*=grid_]>[data-push-left*=_md-7],
[class~=grid]>[data-push-left*=_md-7] {
margin-left: 29.16667%
}
[class*=grid-]>[data-push-left*=_md-8],
[class*=grid_]>[data-push-left*=_md-8],
[class~=grid]>[data-push-left*=_md-8] {
margin-left: 33.33333%
}
[class*=grid-]>[data-push-left*=_md-9],
[class*=grid_]>[data-push-left*=_md-9],
[class~=grid]>[data-push-left*=_md-9] {
margin-left: 37.5%
}
[class*=grid-]>[data-push-left*=_md-10],
[class*=grid_]>[data-push-left*=_md-10],
[class~=grid]>[data-push-left*=_md-10] {
margin-left: 41.66667%
}
[class*=grid-]>[data-push-left*=_md-11],
[class*=grid_]>[data-push-left*=_md-11],
[class~=grid]>[data-push-left*=_md-11] {
margin-left: 45.83333%
}
[class*=grid-]>[data-push-left*=_md-12],
[class*=grid_]>[data-push-left*=_md-12],
[class~=grid]>[data-push-left*=_md-12] {
margin-left: 50%
}
[class*=grid-]>[data-push-left*=_md-13],
[class*=grid_]>[data-push-left*=_md-13],
[class~=grid]>[data-push-left*=_md-13] {
margin-left: 54.16667%
}
[class*=grid-]>[data-push-left*=_md-14],
[class*=grid_]>[data-push-left*=_md-14],
[class~=grid]>[data-push-left*=_md-14] {
margin-left: 58.33333%
}
[class*=grid-]>[data-push-left*=_md-15],
[class*=grid_]>[data-push-left*=_md-15],
[class~=grid]>[data-push-left*=_md-15] {
margin-left: 62.5%
}
[class*=grid-]>[data-push-left*=_md-16],
[class*=grid_]>[data-push-left*=_md-16],
[class~=grid]>[data-push-left*=_md-16] {
margin-left: 66.66667%
}
[class*=grid-]>[data-push-left*=_md-17],
[class*=grid_]>[data-push-left*=_md-17],
[class~=grid]>[data-push-left*=_md-17] {
margin-left: 70.83333%
}
[class*=grid-]>[data-push-left*=_md-18],
[class*=grid_]>[data-push-left*=_md-18],
[class~=grid]>[data-push-left*=_md-18] {
margin-left: 75%
}
[class*=grid-]>[data-push-left*=_md-19],
[class*=grid_]>[data-push-left*=_md-19],
[class~=grid]>[data-push-left*=_md-19] {
margin-left: 79.16667%
}
[class*=grid-]>[data-push-left*=_md-20],
[class*=grid_]>[data-push-left*=_md-20],
[class~=grid]>[data-push-left*=_md-20] {
margin-left: 83.33333%
}
[class*=grid-]>[data-push-left*=_md-21],
[class*=grid_]>[data-push-left*=_md-21],
[class~=grid]>[data-push-left*=_md-21] {
margin-left: 87.5%
}
[class*=grid-]>[data-push-left*=_md-22],
[class*=grid_]>[data-push-left*=_md-22],
[class~=grid]>[data-push-left*=_md-22] {
margin-left: 91.66667%
}
[class*=grid-]>[data-push-left*=_md-23],
[class*=grid_]>[data-push-left*=_md-23],
[class~=grid]>[data-push-left*=_md-23] {
margin-left: 95.83333%
}
[class*=grid-]>[data-push-right*=_md-0],
[class*=grid_]>[data-push-right*=_md-0],
[class~=grid]>[data-push-right*=_md-0] {
margin-right: 0
}
[class*=grid-]>[data-push-right*=_md-1],
[class*=grid_]>[data-push-right*=_md-1],
[class~=grid]>[data-push-right*=_md-1] {
margin-right: 4.16667%
}
[class*=grid-]>[data-push-right*=_md-2],
[class*=grid_]>[data-push-right*=_md-2],
[class~=grid]>[data-push-right*=_md-2] {
margin-right: 8.33333%
}
[class*=grid-]>[data-push-right*=_md-3],
[class*=grid_]>[data-push-right*=_md-3],
[class~=grid]>[data-push-right*=_md-3] {
margin-right: 12.5%
}
[class*=grid-]>[data-push-right*=_md-4],
[class*=grid_]>[data-push-right*=_md-4],
[class~=grid]>[data-push-right*=_md-4] {
margin-right: 16.66667%
}
[class*=grid-]>[data-push-right*=_md-5],
[class*=grid_]>[data-push-right*=_md-5],
[class~=grid]>[data-push-right*=_md-5] {
margin-right: 20.83333%
}
[class*=grid-]>[data-push-right*=_md-6],
[class*=grid_]>[data-push-right*=_md-6],
[class~=grid]>[data-push-right*=_md-6] {
margin-right: 25%
}
[class*=grid-]>[data-push-right*=_md-7],
[class*=grid_]>[data-push-right*=_md-7],
[class~=grid]>[data-push-right*=_md-7] {
margin-right: 29.16667%
}
[class*=grid-]>[data-push-right*=_md-8],
[class*=grid_]>[data-push-right*=_md-8],
[class~=grid]>[data-push-right*=_md-8] {
margin-right: 33.33333%
}
[class*=grid-]>[data-push-right*=_md-9],
[class*=grid_]>[data-push-right*=_md-9],
[class~=grid]>[data-push-right*=_md-9] {
margin-right: 37.5%
}
[class*=grid-]>[data-push-right*=_md-10],
[class*=grid_]>[data-push-right*=_md-10],
[class~=grid]>[data-push-right*=_md-10] {
margin-right: 41.66667%
}
[class*=grid-]>[data-push-right*=_md-11],
[class*=grid_]>[data-push-right*=_md-11],
[class~=grid]>[data-push-right*=_md-11] {
margin-right: 45.83333%
}
[class*=grid-]>[data-push-right*=_md-12],
[class*=grid_]>[data-push-right*=_md-12],
[class~=grid]>[data-push-right*=_md-12] {
margin-right: 50%
}
[class*=grid-]>[data-push-right*=_md-13],
[class*=grid_]>[data-push-right*=_md-13],
[class~=grid]>[data-push-right*=_md-13] {
margin-right: 54.16667%
}
[class*=grid-]>[data-push-right*=_md-14],
[class*=grid_]>[data-push-right*=_md-14],
[class~=grid]>[data-push-right*=_md-14] {
margin-right: 58.33333%
}
[class*=grid-]>[data-push-right*=_md-15],
[class*=grid_]>[data-push-right*=_md-15],
[class~=grid]>[data-push-right*=_md-15] {
margin-right: 62.5%
}
[class*=grid-]>[data-push-right*=_md-16],
[class*=grid_]>[data-push-right*=_md-16],
[class~=grid]>[data-push-right*=_md-16] {
margin-right: 66.66667%
}
[class*=grid-]>[data-push-right*=_md-17],
[class*=grid_]>[data-push-right*=_md-17],
[class~=grid]>[data-push-right*=_md-17] {
margin-right: 70.83333%
}
[class*=grid-]>[data-push-right*=_md-18],
[class*=grid_]>[data-push-right*=_md-18],
[class~=grid]>[data-push-right*=_md-18] {
margin-right: 75%
}
[class*=grid-]>[data-push-right*=_md-19],
[class*=grid_]>[data-push-right*=_md-19],
[class~=grid]>[data-push-right*=_md-19] {
margin-right: 79.16667%
}
[class*=grid-]>[data-push-right*=_md-20],
[class*=grid_]>[data-push-right*=_md-20],
[class~=grid]>[data-push-right*=_md-20] {
margin-right: 83.33333%
}
[class*=grid-]>[data-push-right*=_md-21],
[class*=grid_]>[data-push-right*=_md-21],
[class~=grid]>[data-push-right*=_md-21] {
margin-right: 87.5%
}
[class*=grid-]>[data-push-right*=_md-22],
[class*=grid_]>[data-push-right*=_md-22],
[class~=grid]>[data-push-right*=_md-22] {
margin-right: 91.66667%
}
[class*=grid-]>[data-push-right*=_md-23],
[class*=grid_]>[data-push-right*=_md-23],
[class~=grid]>[data-push-right*=_md-23] {
margin-right: 95.83333%
}
[class*=grid-] [class*=_md-first],
[class*=grid_] [class*=_md-first],
[class~=grid] [class*=_md-first] {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
[class*=grid-] [class*=_md-last],
[class*=grid_] [class*=_md-last],
[class~=grid] [class*=_md-last] {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
[class*=md-hidden] {
display: none
}
.page-template-industries-detail .main,
.page-template-location-detail .main {
padding-top: 136px
}
.header {
padding: 0 0 10px
}
.header:not(.scrolled) {
padding-top: 50px
}
.no-touch .header.transparent:not(.scrolled) .has-mega-menu.with-dropdown:hover>a,
.no-touch .header.transparent:not(.scrolled) .has-mega-menu.with-dropdown>a:hover,
.transparent:not(.scrolled) .main-nav>ul>li>a {
color: #fff
}
.no-touch .header.transparent:not(.scrolled) .has-mega-menu.with-dropdown:hover>a:before {
background: #fff
}
.header.transparent:not(.scrolled) .has-mega-menu.with-dropdown button path {
fill: #fff!important
}
.header.scrolled {
padding-top: 10px;
padding-bottom: 10px
}
.header .menu-btn {
display: none
}
.main-logo { width: 290px;
height: 60px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 25px 0 0
}
.scrolled .main-logo {
position: relative;
margin-top: 5px
}
.main-nav-holder .with-dropdown>a:hover,
.no-touch .main-nav-holder .with-dropdown:hover>a,
.no-touch .main-nav-holder .with-dropdown>a:hover,
.touch .main-nav-holder .with-dropdown.expanded>a,
.touch .main-nav-holder .with-dropdown.expanded>a:hover {
color: #fff
}
.no-touch .main-nav-holder .with-dropdown:hover svg path,
.touch .main-nav-holder .with-dropdown.expanded svg path {
fill: #fff
}
.touch .main-nav-holder .with-dropdown.expanded>a:after {
opacity: 1;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease
}
.touch .main-nav-holder .with-dropdown.expanded>a:before {
display: none
}
.no-touch .main-nav-holder .with-dropdown:hover svg,
.touch .main-nav-holder .with-dropdown.expanded svg {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg)
}
.no-touch .main-nav-holder .with-dropdown:hover .sub-menu,
.touch .main-nav-holder .with-dropdown.expanded .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
transition: opacity .5s ease, transform .5s ease;
transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}
.no-touch .main-nav-holder .with-dropdown:hover>a:after {
opacity: 1;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease
}
.no-touch .main-nav li a:hover:before,
.no-touch .main-nav-holder .with-dropdown:hover>a:before {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.main-nav-holder .with-dropdown>a {
position: relative
}
.main-nav-holder .with-dropdown>a:after {
content: "";
position: absolute;
top: -9px;
left: -17px;
right: -34px;
bottom: -38px;
background-color: #e23;
pointer-events: none;
z-index: -1;
opacity: 0;
-webkit-transition: opacity .1s ease;
transition: opacity .1s ease;
display: none
}
.scrolled .main-nav-holder .with-dropdown>a:after {
top: -13px;
bottom: -23px
}
.main-nav-holder .sub-menu {
position: absolute;
right: 0;
top: 100%;
margin-top: -1px;
padding-top: 25px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .1s ease, visibility .1s ease;
transition: opacity .1s ease, visibility .1s ease
}
.main-nav-holder .sub-menu:not(.mega-menu) {
-webkit-transform: none;
transform: none;
width: 155px;
left: 0;
top: 0;
padding-top: 0
}
.main-nav-holder .sub-menu:not(.mega-menu) .sub-menu-holder {
padding: 43px 10px 0
}
.main-nav-holder .sub-menu:not(.mega-menu) .sub-menu-holder .column ul,
.main-nav-holder .sub-menu:not(.mega-menu) ul {
margin: 0 0 -10px
}
.main-nav-holder .sub-menu:not(.mega-menu) ul li {
display: block;
width: 100%;
margin: 0 0 10px
}
.main-nav-holder .sub-menu .sub-menu-holder {
background-color: #e23;
padding: 50px 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.main-nav-holder .sub-menu ul {
margin-left: -32px
}
.main-nav-holder .sub-menu ul li {
width: 50%;
margin-left: 32px
}
.main-nav-holder .back-menu {
display: none
}
.main-nav-holder .title {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px
}
.main-nav-holder .column {
width: calc(50% - 30px)
}
.main-nav-holder .column:first-child ul {
margin-top: -20px
}
.main-nav-holder .column:first-child li {
margin-top: 20px;
width: auto
}
.main-nav-holder .column:last-child ul {
margin-top: -14px
}
.main-nav-holder .column:last-child li {
display: inline-block;
vertical-align: top;
margin-top: 14px
}
.main-nav-holder .sub-menu.mega-menu {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: -30px;
padding-top: 10px
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder {
width: 810px;
background: #f9f9f9;
-webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, .25);
box-shadow: 4px 4px 20px rgba(0, 0, 0, .25);
padding: 45px 50px 30px
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder .column:first-child {
width: 255px!important;
margin-right: 70px
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder .column:last-child {
width: 62%
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder .column:last-child ul {
margin: 0 -10px 0 0
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder .column:last-child ul li {
padding-right: 5px
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder .column:before {
content: '';
position: absolute;
left: -70px;
top: -18px;
bottom: 0;
width: 2px;
background: #ddd
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder ul {
margin: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder li {
margin: 0 0 11px!important;
padding: 0
}
.main-nav-holder .sub-menu.mega-menu .sub-menu-holder li a {
color: #4f4f4f;
font-weight: 400;
font-size: 20px!important
}
.main-nav-holder p {
margin-top: 8px
}
.main-nav-holder .button {
width: auto;
min-width: 160px;
margin-left: 25px
}
.transparent:not(.scrolled) .main-nav-holder .button {
background-color: #fff;
color: #000
}
.transparent:not(.scrolled) .main-nav-holder .button:hover {
background-color: #e23
}
.main-nav {
position: relative
}
.main-nav,
.main-nav>ul,
.main-nav>ul>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.main-nav>ul>li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0!important;
padding: 0 30px 0 17px;
min-width: 147px
}
.main-nav>ul>li>a {
font-size: 15px;
line-height: 23px;
font-weight: 600;
text-transform: uppercase;
z-index: 10
}
.main-nav li {
font-size: 15px;
line-height: 20px
}
.main-nav li a {
font-size: 20px;
line-height: 28px;
font-weight: 600;
text-transform: capitalize;
color: #000
}
.main-nav li button {
position: relative;
top: 0;
width: 9px;
height: 23px;
margin-left: 8px
}
.no-touch .main-nav li button {
pointer-events: none
}
.transparent:not(.scrolled) .main-nav li button svg path {
fill: #fff
}
.main-nav svg {
width: 9px;
height: 6px;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.main-nav .sub-menu-list {
margin-bottom: 0!important
}
.main-nav .sub-menu-list li {
border-bottom: 1px solid rgba(255, 255, 255, .1);
padding: 8px 0;
margin-bottom: 0!important
}
.main-nav .sub-menu-list li a {
font-size: 15px!important;
line-height: 23px!important
}
.footer {
padding: 116px 113px 40px
}
.footer .bottom,
.footer .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer .top {
padding-bottom: 33px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer .bottom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 45px
}
.footer .offices-listing {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 0
}
.footer .h3,
.footer h3 {
font-size: 24px;
line-height: 32px;
margin-bottom: 25px
}
.footer .in-touch {
width: 306px
}
.footer .locations {
margin-bottom: 8px
}
.footer .description {
margin-bottom: 0;
width: 640px;
padding-right: 50px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.footer .copyright {
padding-top: 0;
width: 306px
}
.pagination ul a,
.pagination ul span {
width: 35px;
height: 35px;
font-size: 15px;
line-height: 35px
}
.win-system .pagination ul a,
.win-system .pagination ul span {
line-height: 31px
}
.hero-section .hero-section-content {
margin-bottom: 100px;
padding-top: 60px
}
.hero-section .column+.column {
padding-top: 10px;
padding-right: 60px
}
.logo-table .logo-item:hover .text {
opacity: 1;
pointer-events: auto
}
.logo-table .text {
position: absolute;
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;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10px;
background-color: #e23;
color: #fff;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.topic-slider {
margin-bottom: 50px;
padding-bottom: 50px;
position: relative
}
.topic-slider .h1,
.topic-slider h1 {
margin-bottom: 60px
}
.topic-slider .holder {
width: 60%
}
.topic-slider .photo {
padding: 0;
width: 100%;
height: 500px;
margin-bottom: 45px
}
.blog-listing .photo:hover~.h3 a,
.blog-listing .photo:hover~h3 a,
.topic-slider .h2 a:hover,
.topic-slider .photo:hover~.holder .h2 a,
.topic-slider .photo:hover~.holder h2 a,
.topic-slider h2 a:hover {
color: #e23
}
.topic-slider .h2,
.topic-slider h2 {
margin-bottom: 25px
}
.blog-listing .h3 a,
.blog-listing h3 a,
.topic-slider .category a,
.topic-slider .h2 a,
.topic-slider h2 a {
-webkit-transition: color .35s;
transition: color .35s
}
.topic-slider .wrap {
font-size: 15px;
line-height: 22px
}
.topic-slider .date {
position: relative;
padding-right: 10px;
margin-right: 5px
}
.topic-slider .date:after {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
width: 1px;
height: 10px;
background-color: #090909;
opacity: .1
}
.topic-slider .category,
.topic-slider .date {
display: inline-block;
vertical-align: top
}
.topic-slider .category a:hover {
color: #0c0c0c
}
.topic-slider .slick-dots {
position: absolute;
right: -20px;
top: 550px;
max-width: 500px
}
.topic-slider .slick-dots li {
margin: 0 20px
}
.featured-posts-slider .slick-dots button,
.topic-slider .slick-dots button {
width: 35px;
height: 35px;
font-size: 15px;
line-height: 37px
}
.win-system .featured-posts-slider .slick-dots button,
.win-system .topic-slider .slick-dots button {
line-height: 35px
}
.blog-listing.also-like {
margin-top: 60px;
padding-top: 60px
}
.blog-listing .wrap {
margin-bottom: 65px
}
.blog-listing .h1,
.blog-listing h1 {
margin-bottom: 50px
}
.blog-listing .photo {
padding: 100% 0 0;
width: 100%
}
.article p,
.blog-listing .h3,
.blog-listing h3 {
margin-bottom: 20px
}
.blog-listing .h3 a:hover,
.blog-listing h3 a:hover {
color: #e23
}
.blog-listing .listing {
margin: 0 -25px 30px
}
.blog-listing .item {
width: calc(33.333% - 50px);
margin: 0 25px 40px
}
.article {
margin-bottom: 100px
}
.article .small-title {
margin: 0 0 15px
}
.article .h1,
.article h1 {
margin-bottom: 40px
}
.article .h2,
.article h2 {
margin: 60px 0 25px
}
.article .h3,
.article h3 {
margin: 40px 0 20px
}
.article .fact,
.article .marked-block {
margin: 60px 0 60px -22px
}
.article img { }
.get-in-touch-holder {
padding: 120px 0
}
.get-in-touch {
padding: 80px 0
}
.get-in-touch.color {
padding: 80px 0 76px
}
.get-in-touch.color .h4,
.get-in-touch.color h4 {
font-size: 18px;
line-height: 32px
}
.get-in-touch .block {
font-size: 24px;
line-height: 32px
}
.get-in-touch .block:last-child {
width: 470px
}
.get-in-touch p {
margin-bottom: 30px
}
.get-in-touch .subscribe-box .input-holder input {
font-size: 32px;
line-height: 32px;
padding: 0 25px
}
.get-in-touch .subscribe-box .input-holder input::-webkit-input-placeholder {
font-size: 32px;
line-height: 32px
}
.get-in-touch .subscribe-box .input-holder input:-moz-placeholder,
.get-in-touch .subscribe-box .input-holder input::-moz-placeholder {
font-size: 32px;
line-height: 32px
}
.get-in-touch .subscribe-box .input-holder input:-ms-input-placeholder {
font-size: 32px;
line-height: 32px
}
.request-link {
font-size: 60px;
line-height: 64px;
font-weight: 400
}
.request-link:before {
right: -3px;
left: -3px
}
.get-in-touch-text p {
font-size: 16px;
margin-top: 16px
}
.hero {
padding-bottom: 0; }
.hero .table-cell { }
.hero .h1,
.hero h1 {
max-width: 630px;
margin-bottom: 30px
}
.hero .arrow {
display: block;
bottom: 96px
}
.works-section {
padding: 45px 0 75px;
text-align: right
}
.works-section.listing {
padding-top: 60px
}
.works-section+.container {
margin-top: 80px
}
.works-section .h1,
.works-section h1 {
max-width: 580px;
margin-bottom: 81px
}
.works-section .listing-filter {
margin-bottom: 37px
}
.works-section .listing-filter .sort-list {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 79.2%
}
.works-section .listing-filter .sort-list li {
margin-right: 60px
}
.works-section .listing-filter .sort-list li a {
padding: 0 10px
}
.works-section .listing-filter .sort-list li a::before {
bottom: 4px
}
.works-section .listing-filter .form-group {
padding-left: 6%;
width: 20.72%
}
.works-section .button {
font-size: 15px;
padding: 15px 35px 13px
}
.latest-work-listing {
margin: 0 -35px
}
.latest-work-listing .item {
width: calc(33.33% - 70px);
margin: 0 35px 68px
}
.latest-work-listing .image {
margin-bottom: 20px
}
.latest-work-listing .image::before {
padding-top: 109.8%
}
.latest-work-listing .text {
padding: 24px 29px
}
.latest-work-listing .nothing {
margin: 0 35px
}
.capabilities {
padding: 66px 0
}
.capabilities .h1,
.capabilities h1 {
max-width: 1100px;
margin-bottom: 50px
}
.capabilities-listing {
margin: 0 -30px;
margin-bottom: 30px;
}
.capabilities-listing .item {
position: relative;
z-index: 1;
width: calc(50% - 30px);
margin: 0 0 2px;
padding: 34px 30px 32px
}
.capabilities-listing .item:hover>a {
opacity: 1;
pointer-events: auto
}
.capabilities-listing .item::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: #e23;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.capabilities-listing .item>a {
display: inline-block;
color: #0c0c0c;
font-weight: 600;
font-size: 24px;
line-height: 30px;
border-bottom: 2px solid currentColor;
-webkit-transition: opacity .3s;
transition: opacity .3s;
opacity: 0;
pointer-events: none
}
.capabilities-listing .h3,
.capabilities-listing h3 {
padding-right: 10px;
margin-bottom: 18px
}
.capabilities-listing .h3 a,
.capabilities-listing h3 a {
border-bottom: none
}
.capabilities-listing .h3 a:after,
.capabilities-listing h3 a:after {
display: none
}
.capabilities-listing p {
font-size: 18px;
line-height: 26px;
margin-bottom: 18px
}
.careers-intro {
margin-bottom: 100px;
padding-top: 60px
}
.careers-intro .h1,
.careers-intro figure,
.careers-intro h1 {
margin-bottom: 60px
}
.careers-intro .h2,
.careers-intro h2 {
margin-bottom: 33px
}
.our-culture {
border-top: 1px solid rgba(9, 9, 9, .1);
border-bottom: 1px solid rgba(9, 9, 9, .1);
padding: 50px 0;
margin-bottom: 80px
}
.our-culture .h1 {
margin-bottom: 22px
}
.our-culture .h2,
.our-culture h2 {
margin-bottom: 30px
}
.our-culture ul li {
font-size: 16px;
line-height: 20px;
display: inline-block;
vertical-align: top;
width: 48%;
margin-bottom: 20px;
padding: 0 30px 0 17px
}
.vacations {
margin-bottom: 100px
}
.clients.about-page .h1,
.vacations .h2,
.vacations h2 {
margin-bottom: 50px
}
.vacations li strong {
font-size: 36px;
line-height: 40px
}
.vacations li span {
color: #0a0a0a
}
.careers-details {
text-align: left;
padding-bottom: 100px;
padding-top: 60px
}
.careers-details .h1,
.careers-details h1 {
margin-bottom: 30px
}
.careers-details .city {
text-align: left
}
.careers-details .heading {
border-bottom: 1px solid rgba(9, 9, 9, .1);
padding-bottom: 80px;
margin-bottom: 100px
}
.careers-details ul {
margin: 0 -42px 0 -18px;
font-size: 16px;
line-height: 24px
}
.clients {
padding: 70px 0 78px
}
.clients.landing {
padding: 100px 0
}
.clients .h1 {
margin: 0 0 55px
}
.related-posts-section { }
.related-posts-section .h1,
.related-posts-section h1 {
margin-bottom: 80px
}
.related-posts-slider {
width: 100%;
max-width: 1470px;
margin: 0 auto -30px
}
.related-posts-slider .item {
position: relative;
z-index: 1
}
.no-touch .related-posts-slider .item:hover .category,
.no-touch .related-posts-slider .item:hover time {
color: rgba(255, 255, 255, .6)
}
.no-touch .related-posts-slider .item:hover .h2,
.no-touch .related-posts-slider .item:hover .h3,
.no-touch .related-posts-slider .item:hover h2,
.no-touch .related-posts-slider .item:hover h3 {
color: #fff
}
.no-touch .our-thinking-slider .item:hover svg,
.no-touch .related-posts-slider .item:hover svg {
fill: #fff
}
.related-posts-slider .category {
-webkit-transition: color .3s;
transition: color .3s
}
.related-posts-slider .time {
margin-bottom: 22px
}
.related-posts-slider .item-heading {
margin-right: -10px
}
.related-posts-slider .h3,
.related-posts-slider h3 {
-webkit-transition: color .3s;
transition: color .3s
}
.blog-details {
text-align: left;
padding-top: 60px
}
.blog-details .h1,
.blog-details h1 {
text-align: left;
margin-bottom: 30px
}
.blog-details .heading-wrap {
font-size: 15px;
line-height: 22px
}
.blog-details .date {
position: relative;
padding-right: 10px;
margin-right: 5px
}
.blog-details .date:after {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
width: 1px;
height: 10px;
background-color: #090909;
opacity: .1
}
.blog-details .category,
.blog-details .date,
.case-study-section .client-block-carousel .slick-dots li {
display: inline-block;
vertical-align: top
}
.blog-details .category a {
-webkit-transition: color .35s;
transition: color .35s
}
.blog-details .category a:hover {
color: #0c0c0c
}
.blog-details .poster {
margin: 70px 0
}
.sharing {
margin: 50px 0
}
.sharing .icons-list a:hover {
opacity: 1;
background-color: transparent
}
.sharing .icons-list a:hover svg {
fill: #e23
}
.sharing .icons-list svg {
-webkit-transition: fill .3s;
transition: fill .3s
}
.our-process .heading {
margin-bottom: 66px
}
.our-process .h1,
.our-process h1 {
margin-bottom: 60px
}
.our-process .wrap {
padding: 30px 0 20px
}
.our-process .link-list {
padding-top: 13px
}
.process-list li {
margin-bottom: 45px
}
.city-title .main-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.city-title .h1,
.city-title h1 {
width: 555px;
text-align: left;
margin-bottom: 70px
}
.city-title .image {
margin: 0;
max-width: none
}
.city-info {
font-size: 16px;
line-height: 26px;
padding-bottom: 100px
}
.city-info * {
width: 710px;
float: right
}
.city-info p:first-of-type {
float: none;
width: auto;
font-size: 46px;
line-height: 54px;
max-width: 860px
}
.address-details {
margin: 0 0 70px
}
.address-details .link.phone,
.email-link a {
font-size: 24px;
line-height: 32px
}
.address-details .link {
padding-top: 20px;
margin-left: -30px
}
.address-details .link a:hover svg {
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg)
}
.address-details .email-link {
font-size: 24px
}
.address-details .heading {
padding-bottom: 30px
}
.social-life .big-title {
font-size: 48px;
line-height: 54px;
margin-bottom: 45px
}
.social-life ul {
margin-bottom: 0;
white-space: normal
}
.social-life ul:not(.mCustomScrollbar) {
padding-top: 170px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.social-life ul.mCustomScrollbar {
white-space: normal
}
.social-life ul.mCustomScrollbar>div>div {
padding-top: 170px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.social-life ul li {
display: block;
width: 310px;
margin-bottom: 110px
}
.social-life ul li:nth-child(3n) {
margin-top: -40px
}
.social-life ul li:nth-child(3n+2) {
margin-top: -170px
}
.social-life ul li:hover a {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.social-life ul a {
width: 290px;
height: 290px;
-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform
}
.social-life ul a>img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.wide-block {
padding-top: 80px;
padding-bottom: 80px;
margin-top: 90px
}
.case-study .content .h3,
.case-study .content h3 {
margin-bottom: 63px
}
.case-study-section .main-holder {
max-width: 1185px
}
.case-study-section .city-info {
padding-bottom: 0
}
.case-study-section .city-info p:first-of-type {
font-size: 18px;
line-height: 26px
}
.case-study-section .client-block {
padding: 0 0 57px
}
.case-study-section .client-block .info-item .h3,
.case-study-section .client-block .info-item h3 {
margin: 0 0 21px
}
.case-study-section .client-block-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.case-study-section .client-block-info {
width: 368px;
padding: 0 40px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.case-study-section .client-block-info.has-link .h2,
.case-study-section .client-block-info.has-link h2 {
display: none
}
.case-study-section .client-block-info img {
margin: 14px 0 31px;
min-width: 161px
}
.case-study-section .client-block-services {
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
padding: 0;
margin: 0
}
.case-study-section .client-block-carousel {
margin: 0 0 0 -20px
}
.case-study-section .client-block-carousel .slick-dots {
display: none!important
}
.case-study-section .information-left {
width: 300px
}
.case-study-section .information-left img {
margin: 65px 0 33px;
display: block;
max-width: 100%;
min-width: 163px
}
.case-study-section .information-left p {
font-size: 18px;
line-height: 28px;
letter-spacing: -.27px
}
.case-study-section .information-left .inner {
padding-top: 110px
}
.case-study-section .information-right h6 {
margin: 0 0 42px
}
.case-study-section .information-right-inner {
width: 100%;
max-width: 706px;
margin: 0 0 0 auto
}
.pages-carousel-block .main-holder {
max-width: none
}
.carousel-counter {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 60px 0 37px
}
.carousel-counter .current-slide {
margin: -90px 0 0;
width: 140px;
text-align: center
}
.carousel-counter .total-slides {
width: 140px;
margin-left: 5px
}
.carousel-counter .total-slides:after {
left: -20px;
top: 12px;
height: 100px;
-webkit-transform: rotate(24deg);
transform: rotate(24deg)
}
.carousel-counter strong {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center
}
.carousel-counter>div {
font-size: 126px;
line-height: 130px;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: center;
padding: 0 0 38px
}
.wrap-pages-carousel.project-photo .pages-carousel-item {
opacity: 1;
max-height: 90vh;
max-width: 100%
}
.wrap-pages-carousel.project-photo h2 {
font-size: 46px;
line-height: 54px;
max-width: 900px;
letter-spacing: -1px
}
.wrap-pages-carousel {
margin: 0 -170px
}
.pages-carousel .slick-slide {
cursor: pointer
}
.pages-carousel .slick-slide.slick-current {
cursor: default
}
.no-touch .our-thinking-slider .item:hover::before,
.pages-carousel .slick-current .pages-carousel-item {
opacity: 1
}
.pages-carousel-item {
overflow: hidden;
margin: 0 auto;
max-width: 80%;
padding: 0 12px;
opacity: .12;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.subscribe-popup {
-webkit-transform: translateY(100%);
transform: translateY(100%);
bottom: 0;
height: 250px;
top: auto
}
.subscribe-popup .form {
-webkit-transition: opacity .5s, -webkit-transform .5s;
transition: opacity .5s, transform .5s;
transition: opacity .5s, transform .5s, -webkit-transform .5s
}
.subscribe-popup .submit {
letter-spacing: 1.2px;
margin: 3px 0 0 20px
}
.subscribe-popup .close {
right: 50px
}
.mosaic {
margin-bottom: 100px;
padding-bottom: 0
}
.mosaic .section-content {
left: 200px;
padding: 0;
margin-top: 40px
}
.mosaic .images li {
width: 20%
}
.mosaic .images li:nth-of-type(10),
.mosaic .images li:nth-of-type(7),
.mosaic .images li:nth-of-type(8),
.mosaic .images li:nth-of-type(9) {
display: block
}
.mosaic .image {
height: calc(20vw - 3px)
}
.hero.mosaic {
height: 100vh;
min-height: 540px
}
.hero.mosaic .arrow {
bottom: 40px
}
.hero.mosaic .section-content {
left: calc((100vw - 1085px)/2)
}
.faq { }
.faq .accordion .h4 a,
.faq .accordion h4 a {
padding: 30px 0
}
.faq .accordion .info {
font-size: 18px;
line-height: 28px;
padding-right: 70px;
padding-bottom: 30px;
margin-top: -22px
}
.our-capabilities {
padding: 80px 0
}
.our-capabilities .h3,
.our-capabilities h3 {
margin-bottom: 20px
}
.our-capabilities .tabs-nav {
margin-bottom: 60px;
padding-bottom: 43px
}
.our-capabilities .tabs-nav li {
margin-right: 37px
}
.our-capabilities .tab .icon {
margin-right: 40px
}
.our-capabilities .content {
max-height: 434px;
overflow-y: auto;
font-size: 20px;
line-height: 28px
}
.our-capabilities .content ul li {
padding-left: 30px
}
.our-capabilities .content ul li:before {
width: 10px;
height: 10px;
top: 8px
}
.our-capabilities .content:not(.mCS_no_scrollbar):after {
content: '';
position: absolute;
display: block;
left: 0;
right: 50px;
bottom: 0;
width: 100%;
height: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #f6f6f6), color-stop(90.89%, rgba(246, 246, 246, 0)));
background: linear-gradient(0, #f6f6f6 0%, rgba(246, 246, 246, 0) 90.89%);
z-index: 1
}
.our-capabilities .mCustomScrollBox {
padding-right: 50px
}
.selected-projects.dark {
padding: 100px 0
}
.selected-projects.dark .link-holder {
margin-top: 80px
}
.selected-projects .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.selected-projects .projects-info {
width: 30%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
font-size: 20px;
line-height: 28px
}
.no-touch .project-item p,
.selected-projects .projects-info .h1 {
margin-bottom: 25px
}
.projects-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 65%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.projects-list .project-item {
min-height: 300px;
height: 350px;
margin: 0 0 33px;
width: 35%
}
.projects-list .project-item:nth-child(1),
.projects-list .project-item:nth-child(4),
.projects-list .project-item:nth-child(5),
.projects-list .project-item:nth-child(8) {
width: 62%
}
.projects-list .project-item .image {
-webkit-transition: -webkit-transform .7s;
transition: transform .7s;
transition: transform .7s, -webkit-transform .7s
}
.no-touch .projects-list .project-item .hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .7s, visibility .7s;
transition: opacity .7s, visibility .7s
}
.no-touch .projects-list .project-item .link {
position: absolute;
left: -28px;
top: -25px;
right: -28px;
bottom: -22px;
text-indent: -9999px;
margin: 0
}
.projects-list .project-item .link:before {
bottom: 0;
height: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
-webkit-transition: width .7s;
transition: width .7s
}
.success-stories {
padding: 80px 0
}
.success-stories .h1 {
padding-right: 60px;
margin-bottom: 50px
}
.success-stories .slick-arrow {
top: -90px;
right: 60px;
cursor: pointer;
height: 20px
}
.success-stories .slick-arrow.slick-prev {
margin-right: 30px
}
.success-stories .slick-list {
padding-left: 60px
}
.success-stories .slick-list:after,
.success-stories .slick-list:before {
width: 100px
}
.success-stories .storie {
margin-right: 80px
}
.success-stories .marked-block q,
.success-stories blockquote q {
padding-bottom: 10px
}
.success-stories .aside-control {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40%;
background: 0 0;
z-index: 10
}
.success-stories.home .h3,
.success-stories.home h3 {
margin-bottom: 70px
}
.success-stories.home .marked-block cite,
.success-stories.home blockquote cite {
max-width: 203px
}
.success-stories.home .logo {
float: left;
margin: 0
}
.visual-section+.related-projects {
margin-top: -50px
}
.related-projects {
padding-top: 70px
}
.related-projects.with-custom-indent {
padding-top: 0
}
.related-projects+.section-map,
.related-projects+.selected-projects {
padding-top: 80px
}
.related-projects .h1 {
margin-bottom: 100px
}
.related-projects .slick-slide {
width: 87vw
}
.related-projects .slides-loader {
right: auto;
bottom: 37px;
left: 82.7vw
}
.related-projects .projects-slider-wrap {
height: calc(100vh - 72px)!important
}
.related-projects .projects-slider-wrap .project-item {
height: calc(100vh - 72px)
}
.our-thinking {
padding: 80px 0
}
.our-thinking .container .h1 {
padding-right: 50px
}
.our-thinking-slider .slick-list {
width: 100%;
max-width: 1285px;
margin: 0 auto;
padding: 0 100px
}
.our-thinking-slider .slick-list:after,
.our-thinking-slider .slick-list:before {
display: block;
width: 100px
}
.our-thinking-slider .slick-arrow {
top: -73px;
right: 60px;
cursor: pointer;
height: 20px
}
.our-thinking-slider .slick-arrow.slick-prev {
margin-right: 30px
}
.our-thinking-slider .item {
position: relative;
z-index: 1;
padding: 40px
}
.no-touch .our-thinking-slider .item:hover .category,
.no-touch .our-thinking-slider .item:hover time {
color: rgba(255, 255, 255, .6)
}
.no-touch .our-thinking-slider .item:hover .h2,
.no-touch .our-thinking-slider .item:hover .h3,
.no-touch .our-thinking-slider .item:hover h2,
.no-touch .our-thinking-slider .item:hover h3 {
color: #fff
}
.our-thinking-slider .category {
-webkit-transition: color .3s;
transition: color .3s
}
.our-thinking-slider .time {
margin-bottom: 22px
}
.our-thinking-slider .item-heading {
margin-right: -10px
}
.our-thinking-slider .h2,
.our-thinking-slider h2 {
font-size: 34px;
line-height: 40px
}
.our-thinking-slider .h3,
.our-thinking-slider h3 {
-webkit-transition: color .3s;
transition: color .3s
}
.section-map {
margin-bottom: 70px
}
.section-map .holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.section-map .map-text {
padding: 0
}
.section-map .map {
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 49%;
height: 450px;
margin-left: 100px
}
.text-columns .holder {
padding: 80px 0 50px
}
.project-item,
.projects-slider-wrap {
min-height: 500px
}
.no-touch .projects-slider-wrap {
height: 100vh
}
.projects-slider-wrap .slides-loader {
right: 50px
}
.project-item {
height: 100vh
}
.project-item .project-bg,
.project-item .project-detail-img {
background-position: 50% 50%
}
.project-item .project-info {
padding-right: 20px
}
.project-item .tags {
font-size: 16px;
line-height: 22px
}
.projects-listing .project-info {
padding-bottom: 100px
}
.projects-nav-slider .item {
height: 100%
}
.projects-nav-slider .slick-dots {
bottom: 45px;
left: 110px
}
.slides-control-btn {
bottom: 50px;
left: 63px
}
.visual-section {
font-size: 24px;
line-height: 32px;
min-height: 550px;
margin-bottom: 50px
}
.visual-section .holder {
padding: 150px 0 50px
}
.visual-section p {
max-width: 770px;
padding: 0
}
.visual-section .logos-list li {
margin: 0 20px 15px
}
.visual-section .logos-list a {
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.full-page {
min-height: 600px
}
.no-touch .full-page {
padding-bottom: 100vh;
padding-bottom: calc(var(--vh, 1vh)*100)
}
.full-page .visual-section .scroll-bottom {
bottom: 60px
}
.full-page .projects-slider .project {
height: 100vh;
height: calc(var(--vh, 1vh)*100)
}
.hidden-on-desktop {
display: none!important
}
.line-animation.container {
max-width: 1055px
}
.featured-post .h1 {
margin-bottom: 60px
}
.featured-post .image {
width: 450px
}
.featured-post .category,
.featured-post time {
margin-bottom: 28px
}
.map-section .map-wrap {
padding-bottom: 36.5%;
margin-right: 0
}
.map-section-content .info .to-bottom-btn {
font-size: 20px;
line-height: 30px;
margin-top: 13px
}
.map-section-content .info .to-bottom-btn svg {
margin-left: 12px
}
.map-section-content p:last-child {
margin-bottom: 70px
}
.map-section-content .inner:not(.mCS_no_scrollbar) .mCustomScrollBox:after {
bottom: -60px
}
.map-section-content .mCustomScrollBox {
padding-right: 50px
}
.map-section-content .mCSB_inside>.mCSB_container {
padding-right: 0
}
.featured-posts-slider {
margin-bottom: 80px;
position: relative;
padding-top: 60px
}
.featured-posts-slider .h4,
.featured-posts-slider h4 {
font-size: 18px;
line-height: 28px;
margin-bottom: 40px
}
.featured-posts-slider .h1,
.featured-posts-slider h1 {
margin-bottom: 60px
}
.featured-posts-slider .holder {
max-width: 530px;
padding: 40px
}
.featured-posts-slider .h2,
.featured-posts-slider h2 {
margin-bottom: 25px
}
.featured-posts-slider .category a,
.featured-posts-slider .h2 a,
.featured-posts-slider h2 a {
-webkit-transition: color .35s;
transition: color .35s
}
.featured-posts-slider .h2 a:hover,
.featured-posts-slider h2 a:hover {
color: #e23
}
.featured-posts-slider .wrap {
font-size: 15px;
line-height: 22px
}
.featured-posts-slider .date {
position: relative;
padding-right: 10px;
margin-right: 5px
}
.featured-posts-slider .date:after {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
width: 1px;
height: 10px;
background-color: #090909;
opacity: .1
}
.featured-posts-slider .category,
.featured-posts-slider .date {
display: inline-block;
vertical-align: top
}
.featured-posts-slider .category a:hover {
color: #0c0c0c
}
.featured-posts-slider .slick-dots li {
margin: 0 10px
}
.post-listing-wrap {
margin-bottom: 100px;
padding-top: 101px
}
.post-listing-wrap .item {
min-height: 500px
}
.post-listing-wrap .marked-block,
.post-listing-wrap blockquote {
font-size: 24px;
line-height: 32px;
padding: 125px 35px 20px
}
.post-listing-wrap .marked-block:after,
.post-listing-wrap blockquote:after,
.the-drop .marked-block:after,
.the-drop blockquote:after {
left: 40px;
top: 40px
}
.up .post-listing-wrap.sticky .blog-categories-listing {
margin-top: 78px
}
.blog-categories-listing {
margin-bottom: 55px;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
font-size: 15px;
line-height: 15px;
padding: 8px;
border-radius: 80px;
max-width: 1055px
}
.blog-categories-listing a {
padding: 14px 16px 10px;
border-radius: 48px;
font-size: 14px;
line-height: 15px
}
.the-drop {
padding: 120px 0
}
.the-drop .heading {
margin-bottom: 55px
}
.the-drop .item {
min-height: 500px
}
.the-drop .marked-block,
.the-drop blockquote {
font-size: 24px;
line-height: 32px;
padding: 125px 35px 20px
}
.the-drop .slider-nav {
padding-top: 60px
}
.the-drop .slick-arrow {
width: 60px;
height: 60px
}
.the-drop .slick-arrow.slick-prev {
margin-left: 60px
}
.clients+.social-proof {
margin-top: 44px
}
.social-proof {
min-height: 100vh;
padding: 100px 0;
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
}
.social-proof .h2,
.social-proof h2 {
margin-bottom: 30px
}
.social-proof .container {
padding-right: calc(1085px/1.8)
}
.social-proof-slider-images {
width: 45.1vw
}
.social-proof-slider {
width: calc(100% + 55px);
margin-left: -55px
}
.social-proof-slider .marked-block,
.social-proof-slider blockquote {
font-size: 30px;
line-height: 36px;
letter-spacing: -1px
}
.social-proof-slider .marked-block:not(.fact):not(.marked-block):not(.marked-block),
.social-proof-slider blockquote:not(.fact):not(.marked-block):not(.marked-block) {
padding-top: 40px;
padding-left: 55px
}
.social-proof-slider .marked-block:not(.fact):not(.marked-block):not(.marked-block):before,
.social-proof-slider blockquote:not(.fact):not(.marked-block):not(.marked-block):before {
width: 168px
}
.social-proof-slider .marked-block cite,
.social-proof-slider blockquote cite {
margin-top: 30px
}
.social-proof-slider-nav {
margin-top: 40px
}
.social-proof-slider-nav .slick-arrow {
width: 60px;
height: 60px
}
.main {
padding-top: 190px
}
.container,
.main-holder {
width: 100%;
max-width: 1085px;
margin: 0 auto
}
.container.large,
.main-holder.large {
max-width: calc(100% - 120px)
}
.asided {
padding-top: 95px;
padding-bottom: 60px
}
.asided .h2 {
margin-bottom: 35px
}
.our-leadership,
.our-truth {
padding-top: 100px;
padding-bottom: 60px
}
.our-leadership .h1 {
margin-bottom: 90px
}
.our-leadership .h3,
.our-leadership h3 {
margin-bottom: 5px
}
.our-truth {
padding-top: 100px
}
.our-truth .h1 {
margin-bottom: 30px
}
.our-truth .description {
margin-bottom: 55px
}
.awards,
.collaborations {
padding-top: 60px;
padding-bottom: 60px
}
.awards .h2,
.awards h2,
.collaborations .h2 {
margin-bottom: 50px
}
.collaborations {
padding-top: 50px
}
.agency-life {
padding-top: 140px;
padding-bottom: 100px
}
.agency-life .h1 {
margin-bottom: 95px
}
.error-holder .error-inner { }
.error-holder p {
margin-bottom: 40px
}
.contacts-form .form-group-attach {
margin-top: -20px
}
.contacts-form .required-link {
top: auto;
font-size: 12px;
line-height: 18px
}
.contacts-form .required-link span {
width: 7px;
height: 6px
}
.contact-us {
margin: 0 auto 40px;
padding-top: 60px
}
.contact-us .h2,
.contact-us h2 {
margin-bottom: 20px
}
.contact-us .info {
font-size: 24px;
line-height: 32px
}
.contact-us .info p {
margin-bottom: 15px
}
.other-contacts {
padding: 60px 0 100px
}
.other-contacts:before {
content: '';
position: absolute;
width: 1055px;
left: 50%;
top: 0;
height: 1px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(9, 9, 9, .1)
}
.other-contacts .holder {
margin: 0 -20px
}
.other-contacts .block {
padding: 0 20px
}
.other-contacts .h2,
.other-contacts h2 {
max-width: 500px;
margin-bottom: 40px
}
.case-study {
padding-top: 34px;
text-align: left
}
.case-study .h1,
.case-study h1 {
margin-bottom: 65px
}
.case-study .back-arrow-link {
top: auto
}
.fullwidth-image {
height: auto;
max-height: 660px;
overflow: hidden;
margin-bottom: 60px
}
.fullwidth-image::before {
content: "";
width: 100%;
display: block;
height: 0;
pointer-events: none;
padding-top: 34.375%
}
.fullwidth-image.fullscreen {
height: calc(100vh - 70px)
}
.fullwidth-image.fullscreen::before {
display: none
}
.fullwidth-image img {
position: absolute
}
.two-columns-holder {
padding-top: 60px;
margin-bottom: 100px
}
.two-columns-holder aside {
width: 150px;
margin-left: 40px
}
.full-width-gallery .full-width-slider,
.two-columns-holder aside .block {
margin-bottom: 45px
}
.full-width-gallery .full-width-slider .slide {
height: calc(100vh - 170px)
}
.full-width-gallery .slick-arrow::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #e23;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.full-width-gallery .slick-arrow.slick-prev {
margin-right: 80px
}
.full-width-gallery .slick-arrow.slick-next {
margin-left: 80px
}
.full-width-gallery .slick-dots {
margin: 0 -40px -15px
}
.full-width-gallery .slick-dots li {
margin: 0 40px 15px
}
.full-width-gallery .slick-dots-dot {
width: 35px;
height: 35px;
font-size: 15px;
line-height: 33px
}
.project-details-section {
padding: 50px 0 110px
}
.project-details-section .h3,
.project-details-section h3 {
max-width: 1100px
}
.project-details-listing {
margin: 0 -40px 50px
}
.project-details-listing .item {
width: calc(33.33% - 80px);
font-size: 18px;
line-height: 26px;
padding-top: 35px;
margin: 0 40px 63px
}
.featured-images-listing {
margin: 0 -40px -50px
}
.featured-images-listing .item {
width: calc(50% - 80px);
margin: 0 40px 40px
}
.mockup-section {
padding-bottom: 40px
}
.mockup-section .image-wrap {
padding-bottom: 50px
}
.mockup-section .heading-wrap {
padding: 50px 0 40px
}
.mockup-section .phones-wrap {
margin-bottom: 80px
}
.mockup-section .h2,
.mockup-section h2 {
max-width: 1100px
}
.mockup-section .h3,
.mockup-section h3 {
max-width: 930px
}
.no-touch .image-scroll-block {
width: 100%;
max-height: 720px;
margin: 0
}
.phones-listing .slide {
padding-top: 150px
}
.phones-listing .slide:nth-child(2n+2) {
top: -150px
}
.video-block {
margin: 0
}
.video-block::before {
padding-top: 56.48%
}
.results {
padding: 40px 0
}
.results .holder {
width: 100%;
max-width: 1470px;
margin: 0 auto
}
.thank-page {
padding-top: 0
}
.thank-page .h1,
.thank-page h1 {
margin-bottom: 30px
}
.thank-page p {
margin-bottom: 25px
}
.thank-page .social {
font-size: 16px;
line-height: 24px
}
.page-template-location-detail .awards {
margin: 80px 0 50px
}
.page-template-location-detail .awards .logo-table {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -60px
}
.page-template-location-detail .awards .logo-table .logo-item {
height: 150px;
width: 33.33%
}
.page-template-location-detail .awards .logo-table .logo-item img {
-webkit-transform: scale(.85);
transform: scale(.85);
margin-left: 144px
}
.page-template-location-detail .awards .logo-table .logo-item:nth-child(2) img {
margin-left: 152px
}
.page-template-location-detail .awards .logo-table .logo-item strong {
line-height: 150px
}
.our-capabilities-list {
padding-left: 10%
}
.columns-type {
padding: 60px 0
}
.columns-type .holder {
padding-bottom: 70px
}
.columns-type .heading {
font-size: 24px;
line-height: 32px
}
}
@media (min-width:1201px) {
.gallery .gallery-item {
width: 25%
}
}
@media (min-width:1440px) {
.case-study-nav .prev .image {
left: -100px
}
.case-study-nav .next .image {
right: -100px
}
.vacations li a {
padding: 40px
}
.press .related-posts-slider .item {
padding: 54px 85px 58px 95px
}
.our-thinking-slider .item-heading,
.related-posts-slider .item-heading {
margin-right: 8px
}
.hero.mosaic .section-content {
left: calc((100vw - 1250px)/2)
}
.featured-posts-slider .slide {
min-height: 572px
}
.post-type-archive-blog .main .container,
.page-template-blogs .main .container{
max-width: 1250px
}
.post-listing-wrap {
margin-bottom: 150px
}
.up .post-listing-wrap.sticky .blog-categories-listing {
margin-top: 79px
}
.social-proof {
min-height: 800px
}
.social-proof .container {
padding-right: calc(1250px/1.8)
}
.container,
.main-holder {
max-width: 1250px;
padding: 0
}
.other-contacts:before {
width: 1250px
}
.results-listing .item {
padding: 30px 85px 30px 95px
}
}
@media (min-width:1800px) {
.h1,
.hero .h2.h1,
.hero h2.h1,
h1 {  }
.h2,
.h2.h1,
h2,
h2.h1 { }
.marked-block,
blockquote.fact {
font-size: 36px;
line-height: 42px
}
.marked-block::before,
blockquote.fact::before {
top: 11px;
bottom: 6px
}
.marked-block q,
blockquote q {
padding-bottom: 44px
}
.content .marked-block {
margin: 100px 0 110px
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
textarea {
height: 56px;
line-height: 54px;
padding: 0 20px
}
textarea {
padding: 18px 20px;
min-height: 125px
}
.button,
[type=submit] {
padding: 19px 46px 18px
}
.form-group {
margin-bottom: 30px
}
.form-group .required-star {
top: 24px
}
.page-switch-section {
padding: 75px 0 91px
}
.page-switch-section a {
font-size: 46px;
line-height: 54px
}
.page-switch-section a::before {
top: -24px
}
.page-switch-section a svg {
top: 4px;
width: 21px;
height: 36px
}
.win-system .page-switch-section a svg {
top: 11px
}
.case-study-nav { }
.case-study-nav .prev .image {
left: -135px
}
.case-study-nav .next .image {
right: -135px
}
.case-study-nav .image {
width: 320px;
height: 230px
}
[class*=_lg-1]>[class*=col-],
[class*=_lg-1]>[class*=col_],
[class*=_lg-1]>[class~=col] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=_lg-2]>[class*=col-],
[class*=_lg-2]>[class*=col_],
[class*=_lg-2]>[class~=col] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=_lg-3]>[class*=col-],
[class*=_lg-3]>[class*=col_],
[class*=_lg-3]>[class~=col] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=_lg-4]>[class*=col-],
[class*=_lg-4]>[class*=col_],
[class*=_lg-4]>[class~=col] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=_lg-5]>[class*=col-],
[class*=_lg-5]>[class*=col_],
[class*=_lg-5]>[class~=col] {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%
}
[class*=_lg-6]>[class*=col-],
[class*=_lg-6]>[class*=col_],
[class*=_lg-6]>[class~=col] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=_lg-7]>[class*=col-],
[class*=_lg-7]>[class*=col_],
[class*=_lg-7]>[class~=col] {
-ms-flex-preferred-size: 14.28571%;
flex-basis: 14.28571%;
max-width: 14.28571%
}
[class*=_lg-8]>[class*=col-],
[class*=_lg-8]>[class*=col_],
[class*=_lg-8]>[class~=col] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=_lg-9]>[class*=col-],
[class*=_lg-9]>[class*=col_],
[class*=_lg-9]>[class~=col] {
-ms-flex-preferred-size: 11.11111%;
flex-basis: 11.11111%;
max-width: 11.11111%
}
[class*=_lg-10]>[class*=col-],
[class*=_lg-10]>[class*=col_],
[class*=_lg-10]>[class~=col] {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%
}
[class*=_lg-11]>[class*=col-],
[class*=_lg-11]>[class*=col_],
[class*=_lg-11]>[class~=col] {
-ms-flex-preferred-size: 9.09091%;
flex-basis: 9.09091%;
max-width: 9.09091%
}
[class*=_lg-12]>[class*=col-],
[class*=_lg-12]>[class*=col_],
[class*=_lg-12]>[class~=col] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=_lg-13]>[class*=col-],
[class*=_lg-13]>[class*=col_],
[class*=_lg-13]>[class~=col] {
-ms-flex-preferred-size: 7.69231%;
flex-basis: 7.69231%;
max-width: 7.69231%
}
[class*=_lg-14]>[class*=col-],
[class*=_lg-14]>[class*=col_],
[class*=_lg-14]>[class~=col] {
-ms-flex-preferred-size: 7.14286%;
flex-basis: 7.14286%;
max-width: 7.14286%
}
[class*=_lg-15]>[class*=col-],
[class*=_lg-15]>[class*=col_],
[class*=_lg-15]>[class~=col] {
-ms-flex-preferred-size: 6.66667%;
flex-basis: 6.66667%;
max-width: 6.66667%
}
[class*=_lg-16]>[class*=col-],
[class*=_lg-16]>[class*=col_],
[class*=_lg-16]>[class~=col] {
-ms-flex-preferred-size: 6.25%;
flex-basis: 6.25%;
max-width: 6.25%
}
[class*=_lg-17]>[class*=col-],
[class*=_lg-17]>[class*=col_],
[class*=_lg-17]>[class~=col] {
-ms-flex-preferred-size: 5.88235%;
flex-basis: 5.88235%;
max-width: 5.88235%
}
[class*=_lg-18]>[class*=col-],
[class*=_lg-18]>[class*=col_],
[class*=_lg-18]>[class~=col] {
-ms-flex-preferred-size: 5.55556%;
flex-basis: 5.55556%;
max-width: 5.55556%
}
[class*=_lg-19]>[class*=col-],
[class*=_lg-19]>[class*=col_],
[class*=_lg-19]>[class~=col] {
-ms-flex-preferred-size: 5.26316%;
flex-basis: 5.26316%;
max-width: 5.26316%
}
[class*=_lg-20]>[class*=col-],
[class*=_lg-20]>[class*=col_],
[class*=_lg-20]>[class~=col] {
-ms-flex-preferred-size: 5%;
flex-basis: 5%;
max-width: 5%
}
[class*=_lg-21]>[class*=col-],
[class*=_lg-21]>[class*=col_],
[class*=_lg-21]>[class~=col] {
-ms-flex-preferred-size: 4.7619%;
flex-basis: 4.7619%;
max-width: 4.7619%
}
[class*=_lg-22]>[class*=col-],
[class*=_lg-22]>[class*=col_],
[class*=_lg-22]>[class~=col] {
-ms-flex-preferred-size: 4.54545%;
flex-basis: 4.54545%;
max-width: 4.54545%
}
[class*=_lg-23]>[class*=col-],
[class*=_lg-23]>[class*=col_],
[class*=_lg-23]>[class~=col] {
-ms-flex-preferred-size: 4.34783%;
flex-basis: 4.34783%;
max-width: 4.34783%
}
[class*=_lg-24]>[class*=col-],
[class*=_lg-24]>[class*=col_],
[class*=_lg-24]>[class~=col],
[class*=grid-]>[class*=_lg-1],
[class*=grid_]>[class*=_lg-1],
[class~=grid]>[class*=_lg-1] {
-ms-flex-preferred-size: 4.16667%;
flex-basis: 4.16667%;
max-width: 4.16667%
}
[class*=grid-]>[class*=_lg-2],
[class*=grid_]>[class*=_lg-2],
[class~=grid]>[class*=_lg-2] {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%
}
[class*=grid-]>[class*=_lg-3],
[class*=grid_]>[class*=_lg-3],
[class~=grid]>[class*=_lg-3] {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%
}
[class*=grid-]>[class*=_lg-4],
[class*=grid_]>[class*=_lg-4],
[class~=grid]>[class*=_lg-4] {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%
}
[class*=grid-]>[class*=_lg-5],
[class*=grid_]>[class*=_lg-5],
[class~=grid]>[class*=_lg-5] {
-ms-flex-preferred-size: 20.83333%;
flex-basis: 20.83333%;
max-width: 20.83333%
}
[class*=grid-]>[class*=_lg-6],
[class*=grid_]>[class*=_lg-6],
[class~=grid]>[class*=_lg-6] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%
}
[class*=grid-]>[class*=_lg-7],
[class*=grid_]>[class*=_lg-7],
[class~=grid]>[class*=_lg-7] {
-ms-flex-preferred-size: 29.16667%;
flex-basis: 29.16667%;
max-width: 29.16667%
}
[class*=grid-]>[class*=_lg-8],
[class*=grid_]>[class*=_lg-8],
[class~=grid]>[class*=_lg-8] {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%
}
[class*=grid-]>[class*=_lg-9],
[class*=grid_]>[class*=_lg-9],
[class~=grid]>[class*=_lg-9] {
-ms-flex-preferred-size: 37.5%;
flex-basis: 37.5%;
max-width: 37.5%
}
[class*=grid-]>[class*=_lg-10],
[class*=grid_]>[class*=_lg-10],
[class~=grid]>[class*=_lg-10] {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%
}
[class*=grid-]>[class*=_lg-11],
[class*=grid_]>[class*=_lg-11],
[class~=grid]>[class*=_lg-11] {
-ms-flex-preferred-size: 45.83333%;
flex-basis: 45.83333%;
max-width: 45.83333%
}
[class*=grid-]>[class*=_lg-12],
[class*=grid_]>[class*=_lg-12],
[class~=grid]>[class*=_lg-12] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%
}
[class*=grid-]>[class*=_lg-13],
[class*=grid_]>[class*=_lg-13],
[class~=grid]>[class*=_lg-13] {
-ms-flex-preferred-size: 54.16667%;
flex-basis: 54.16667%;
max-width: 54.16667%
}
[class*=grid-]>[class*=_lg-14],
[class*=grid_]>[class*=_lg-14],
[class~=grid]>[class*=_lg-14] {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%
}
[class*=grid-]>[class*=_lg-15],
[class*=grid_]>[class*=_lg-15],
[class~=grid]>[class*=_lg-15] {
-ms-flex-preferred-size: 62.5%;
flex-basis: 62.5%;
max-width: 62.5%
}
[class*=grid-]>[class*=_lg-16],
[class*=grid_]>[class*=_lg-16],
[class~=grid]>[class*=_lg-16] {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%
}
[class*=grid-]>[class*=_lg-17],
[class*=grid_]>[class*=_lg-17],
[class~=grid]>[class*=_lg-17] {
-ms-flex-preferred-size: 70.83333%;
flex-basis: 70.83333%;
max-width: 70.83333%
}
[class*=grid-]>[class*=_lg-18],
[class*=grid_]>[class*=_lg-18],
[class~=grid]>[class*=_lg-18] {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%
}
[class*=grid-]>[class*=_lg-19],
[class*=grid_]>[class*=_lg-19],
[class~=grid]>[class*=_lg-19] {
-ms-flex-preferred-size: 79.16667%;
flex-basis: 79.16667%;
max-width: 79.16667%
}
[class*=grid-]>[class*=_lg-20],
[class*=grid_]>[class*=_lg-20],
[class~=grid]>[class*=_lg-20] {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%
}
[class*=grid-]>[class*=_lg-21],
[class*=grid_]>[class*=_lg-21],
[class~=grid]>[class*=_lg-21] {
-ms-flex-preferred-size: 87.5%;
flex-basis: 87.5%;
max-width: 87.5%
}
[class*=grid-]>[class*=_lg-22],
[class*=grid_]>[class*=_lg-22],
[class~=grid]>[class*=_lg-22] {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%
}
[class*=grid-]>[class*=_lg-23],
[class*=grid_]>[class*=_lg-23],
[class~=grid]>[class*=_lg-23] {
-ms-flex-preferred-size: 95.83333%;
flex-basis: 95.83333%;
max-width: 95.83333%
}
[class*=grid-]>[class*=_lg-24],
[class*=grid_]>[class*=_lg-24],
[class~=grid]>[class*=_lg-24] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%
}
[class*=grid-]>[data-push-left*=_lg-0],
[class*=grid_]>[data-push-left*=_lg-0],
[class~=grid]>[data-push-left*=_lg-0] {
margin-left: 0
}
[class*=grid-]>[data-push-left*=_lg-1],
[class*=grid_]>[data-push-left*=_lg-1],
[class~=grid]>[data-push-left*=_lg-1] {
margin-left: 4.16667%
}
[class*=grid-]>[data-push-left*=_lg-2],
[class*=grid_]>[data-push-left*=_lg-2],
[class~=grid]>[data-push-left*=_lg-2] {
margin-left: 8.33333%
}
[class*=grid-]>[data-push-left*=_lg-3],
[class*=grid_]>[data-push-left*=_lg-3],
[class~=grid]>[data-push-left*=_lg-3] {
margin-left: 12.5%
}
[class*=grid-]>[data-push-left*=_lg-4],
[class*=grid_]>[data-push-left*=_lg-4],
[class~=grid]>[data-push-left*=_lg-4] {
margin-left: 16.66667%
}
[class*=grid-]>[data-push-left*=_lg-5],
[class*=grid_]>[data-push-left*=_lg-5],
[class~=grid]>[data-push-left*=_lg-5] {
margin-left: 20.83333%
}
[class*=grid-]>[data-push-left*=_lg-6],
[class*=grid_]>[data-push-left*=_lg-6],
[class~=grid]>[data-push-left*=_lg-6] {
margin-left: 25%
}
[class*=grid-]>[data-push-left*=_lg-7],
[class*=grid_]>[data-push-left*=_lg-7],
[class~=grid]>[data-push-left*=_lg-7] {
margin-left: 29.16667%
}
[class*=grid-]>[data-push-left*=_lg-8],
[class*=grid_]>[data-push-left*=_lg-8],
[class~=grid]>[data-push-left*=_lg-8] {
margin-left: 33.33333%
}
[class*=grid-]>[data-push-left*=_lg-9],
[class*=grid_]>[data-push-left*=_lg-9],
[class~=grid]>[data-push-left*=_lg-9] {
margin-left: 37.5%
}
[class*=grid-]>[data-push-left*=_lg-10],
[class*=grid_]>[data-push-left*=_lg-10],
[class~=grid]>[data-push-left*=_lg-10] {
margin-left: 41.66667%
}
[class*=grid-]>[data-push-left*=_lg-11],
[class*=grid_]>[data-push-left*=_lg-11],
[class~=grid]>[data-push-left*=_lg-11] {
margin-left: 45.83333%
}
[class*=grid-]>[data-push-left*=_lg-12],
[class*=grid_]>[data-push-left*=_lg-12],
[class~=grid]>[data-push-left*=_lg-12] {
margin-left: 50%
}
[class*=grid-]>[data-push-left*=_lg-13],
[class*=grid_]>[data-push-left*=_lg-13],
[class~=grid]>[data-push-left*=_lg-13] {
margin-left: 54.16667%
}
[class*=grid-]>[data-push-left*=_lg-14],
[class*=grid_]>[data-push-left*=_lg-14],
[class~=grid]>[data-push-left*=_lg-14] {
margin-left: 58.33333%
}
[class*=grid-]>[data-push-left*=_lg-15],
[class*=grid_]>[data-push-left*=_lg-15],
[class~=grid]>[data-push-left*=_lg-15] {
margin-left: 62.5%
}
[class*=grid-]>[data-push-left*=_lg-16],
[class*=grid_]>[data-push-left*=_lg-16],
[class~=grid]>[data-push-left*=_lg-16] {
margin-left: 66.66667%
}
[class*=grid-]>[data-push-left*=_lg-17],
[class*=grid_]>[data-push-left*=_lg-17],
[class~=grid]>[data-push-left*=_lg-17] {
margin-left: 70.83333%
}
[class*=grid-]>[data-push-left*=_lg-18],
[class*=grid_]>[data-push-left*=_lg-18],
[class~=grid]>[data-push-left*=_lg-18] {
margin-left: 75%
}
[class*=grid-]>[data-push-left*=_lg-19],
[class*=grid_]>[data-push-left*=_lg-19],
[class~=grid]>[data-push-left*=_lg-19] {
margin-left: 79.16667%
}
[class*=grid-]>[data-push-left*=_lg-20],
[class*=grid_]>[data-push-left*=_lg-20],
[class~=grid]>[data-push-left*=_lg-20] {
margin-left: 83.33333%
}
[class*=grid-]>[data-push-left*=_lg-21],
[class*=grid_]>[data-push-left*=_lg-21],
[class~=grid]>[data-push-left*=_lg-21] {
margin-left: 87.5%
}
[class*=grid-]>[data-push-left*=_lg-22],
[class*=grid_]>[data-push-left*=_lg-22],
[class~=grid]>[data-push-left*=_lg-22] {
margin-left: 91.66667%
}
[class*=grid-]>[data-push-left*=_lg-23],
[class*=grid_]>[data-push-left*=_lg-23],
[class~=grid]>[data-push-left*=_lg-23] {
margin-left: 95.83333%
}
[class*=grid-]>[data-push-right*=_lg-0],
[class*=grid_]>[data-push-right*=_lg-0],
[class~=grid]>[data-push-right*=_lg-0] {
margin-right: 0
}
[class*=grid-]>[data-push-right*=_lg-1],
[class*=grid_]>[data-push-right*=_lg-1],
[class~=grid]>[data-push-right*=_lg-1] {
margin-right: 4.16667%
}
[class*=grid-]>[data-push-right*=_lg-2],
[class*=grid_]>[data-push-right*=_lg-2],
[class~=grid]>[data-push-right*=_lg-2] {
margin-right: 8.33333%
}
[class*=grid-]>[data-push-right*=_lg-3],
[class*=grid_]>[data-push-right*=_lg-3],
[class~=grid]>[data-push-right*=_lg-3] {
margin-right: 12.5%
}
[class*=grid-]>[data-push-right*=_lg-4],
[class*=grid_]>[data-push-right*=_lg-4],
[class~=grid]>[data-push-right*=_lg-4] {
margin-right: 16.66667%
}
[class*=grid-]>[data-push-right*=_lg-5],
[class*=grid_]>[data-push-right*=_lg-5],
[class~=grid]>[data-push-right*=_lg-5] {
margin-right: 20.83333%
}
[class*=grid-]>[data-push-right*=_lg-6],
[class*=grid_]>[data-push-right*=_lg-6],
[class~=grid]>[data-push-right*=_lg-6] {
margin-right: 25%
}
[class*=grid-]>[data-push-right*=_lg-7],
[class*=grid_]>[data-push-right*=_lg-7],
[class~=grid]>[data-push-right*=_lg-7] {
margin-right: 29.16667%
}
[class*=grid-]>[data-push-right*=_lg-8],
[class*=grid_]>[data-push-right*=_lg-8],
[class~=grid]>[data-push-right*=_lg-8] {
margin-right: 33.33333%
}
[class*=grid-]>[data-push-right*=_lg-9],
[class*=grid_]>[data-push-right*=_lg-9],
[class~=grid]>[data-push-right*=_lg-9] {
margin-right: 37.5%
}
[class*=grid-]>[data-push-right*=_lg-10],
[class*=grid_]>[data-push-right*=_lg-10],
[class~=grid]>[data-push-right*=_lg-10] {
margin-right: 41.66667%
}
[class*=grid-]>[data-push-right*=_lg-11],
[class*=grid_]>[data-push-right*=_lg-11],
[class~=grid]>[data-push-right*=_lg-11] {
margin-right: 45.83333%
}
[class*=grid-]>[data-push-right*=_lg-12],
[class*=grid_]>[data-push-right*=_lg-12],
[class~=grid]>[data-push-right*=_lg-12] {
margin-right: 50%
}
[class*=grid-]>[data-push-right*=_lg-13],
[class*=grid_]>[data-push-right*=_lg-13],
[class~=grid]>[data-push-right*=_lg-13] {
margin-right: 54.16667%
}
[class*=grid-]>[data-push-right*=_lg-14],
[class*=grid_]>[data-push-right*=_lg-14],
[class~=grid]>[data-push-right*=_lg-14] {
margin-right: 58.33333%
}
[class*=grid-]>[data-push-right*=_lg-15],
[class*=grid_]>[data-push-right*=_lg-15],
[class~=grid]>[data-push-right*=_lg-15] {
margin-right: 62.5%
}
[class*=grid-]>[data-push-right*=_lg-16],
[class*=grid_]>[data-push-right*=_lg-16],
[class~=grid]>[data-push-right*=_lg-16] {
margin-right: 66.66667%
}
[class*=grid-]>[data-push-right*=_lg-17],
[class*=grid_]>[data-push-right*=_lg-17],
[class~=grid]>[data-push-right*=_lg-17] {
margin-right: 70.83333%
}
[class*=grid-]>[data-push-right*=_lg-18],
[class*=grid_]>[data-push-right*=_lg-18],
[class~=grid]>[data-push-right*=_lg-18] {
margin-right: 75%
}
[class*=grid-]>[data-push-right*=_lg-19],
[class*=grid_]>[data-push-right*=_lg-19],
[class~=grid]>[data-push-right*=_lg-19] {
margin-right: 79.16667%
}
[class*=grid-]>[data-push-right*=_lg-20],
[class*=grid_]>[data-push-right*=_lg-20],
[class~=grid]>[data-push-right*=_lg-20] {
margin-right: 83.33333%
}
[class*=grid-]>[data-push-right*=_lg-21],
[class*=grid_]>[data-push-right*=_lg-21],
[class~=grid]>[data-push-right*=_lg-21] {
margin-right: 87.5%
}
[class*=grid-]>[data-push-right*=_lg-22],
[class*=grid_]>[data-push-right*=_lg-22],
[class~=grid]>[data-push-right*=_lg-22] {
margin-right: 91.66667%
}
[class*=grid-]>[data-push-right*=_lg-23],
[class*=grid_]>[data-push-right*=_lg-23],
[class~=grid]>[data-push-right*=_lg-23] {
margin-right: 95.83333%
}
[class*=grid-] [class*=_lg-first],
[class*=grid_] [class*=_lg-first],
[class~=grid] [class*=_lg-first] {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
[class*=grid-] [class*=_lg-last],
[class*=grid_] [class*=_lg-last],
[class~=grid] [class*=_lg-last] {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
[class*=lg-hidden] {
display: none
}
.single-work .sticky-button {
padding: 19px 38px 18px
}
.header {
padding-bottom: 34px
}
.main-nav-holder .with-dropdown>a:after {
top: -13px;
bottom: -43px
}
.scrolled .main-nav-holder .with-dropdown>a:after {
top: -17px;
bottom: -28px
}
.main-nav-holder .sub-menu:not(.mega-menu) .sub-menu-holder .column ul a {
font-size: 20px;
line-height: 30px
}
.main-nav-holder .sub-menu .sub-menu-holder {
padding: 70px 75px
}
.main-nav-holder .sub-menu ul {
margin-left: -62px
}
.main-nav-holder .sub-menu ul li {
margin-left: 62px
}
.main-nav-holder .column {
width: calc(50% - 47.5px)
}
.main-nav-holder p {
margin-top: 11px
}
.main-nav-holder .button {
width: 210px;
margin-left: 25px
}
.main-nav li {
font-size: 18px;
line-height: 23px
}
.main-nav li a {
font-size: 24px;
line-height: 32px
}
.footer {
padding: 117px 170px 57px
}
.footer .top {
padding-bottom: 0;
border-bottom: none
}
.footer .offices-listing {
position: relative;
width: 1200px;
margin: 0 -55px;
padding-bottom: 63px
}
.footer .offices-listing::after {
content: '';
position: absolute;
bottom: 0;
left: 55px;
right: 55px;
height: 1px;
background-color: rgba(255, 255, 255, .07)
}
.footer .column {
width: 290px;
margin: 0 55px 29px
}
.footer .h3,
.footer h3 {
letter-spacing: .5px
}
.footer .in-touch {
width: 290px
}
.footer .description {
width: 690px
}
.footer .copyright {
width: 290px
}
.hero-section .hero-section-content {
padding-top: 60px
}
.hero-section .column+.column {
padding-right: 120px
}
.triple-column-list {
margin: 0 -50px
}
.triple-column-list li {
width: calc(33.33% - 100px);
margin: 0 50px 60px
}
.logo-table .logo-item {
height: 186px;
padding: 40px 60px
}
.logo-table .logo-item strong {
margin-top: 10px; }
.landing .logo-table .logo-item {
height: 174px
}
.logo-table .text { }
.topic-slider {
margin-bottom: 95px;
padding-bottom: 100px
}
.topic-slider .h1,
.topic-slider h1 {
margin-bottom: 115px
}
.topic-slider .photo {
height: 670px;
margin-bottom: 75px
}
.topic-slider .slick-dots {
top: 735px
}
.blog-listing {
margin-bottom: 120px
}
.blog-listing.also-like {
margin-top: 120px;
padding-top: 125px;
margin-bottom: 70px
}
.blog-listing .h1,
.blog-listing h1 {
margin-bottom: 65px
}
.blog-listing .listing {
margin: 0 -35px 40px
}
.blog-listing .item {
width: calc(33.333% - 70px);
margin: 0 35px 80px
}
.article {
margin-bottom: 152px
}
.article .h1,
.article h1 {
margin-bottom: 65px
}
.article .h2,
.article h2 {
margin: 95px 0 35px
}
.article .h3,
.article h3 {
margin: 75px 0 25px
}
.article .fact,
.article .marked-block {
margin: 100px 0 100px -22px
}
.article img { }
.get-in-touch-holder,
.get-in-touch-wrap .get-in-touch { }
.get-in-touch {
padding: 95px 0
}
.get-in-touch.color {
padding: 115px 0
}
.get-in-touch.color .h4,
.get-in-touch.color h4 {
font-size: 24px;
line-height: 32px;
margin-bottom: 20px
}
.get-in-touch .subscribe-box .form-inner {
height: 100px
}
.request-link { }
.win-system .request-link::before {
bottom: -3px
}
.request-link:before {
bottom: 10px
}
.get-in-touch-text {
padding: 95px 0 120px
}
.hero .table-cell { }
.hero .h1,
.hero h1 {
max-width: none;
margin-bottom: 40px
}
.hero .h2,
.hero h2 {
display: block;
padding-top: 20px;
padding-bottom: 10px
}
.hero .arrow {
bottom: 122px
}
.works-section { }
.works-section.listing {
padding-bottom: 123px
}
.works-section.listing .h1,
.works-section.listing h1 {
margin-bottom: 72px
}
.works-section.listing .latest-work-listing .item {
margin-bottom: 42px
}
.works-section.listing .latest-work-listing .h4,
.works-section.listing .latest-work-listing h4 {
min-height: 55px
}
.works-section.listing .wp-pagenavi {
padding-top: 0
}
.works-section+.container {
margin-top: 125px
}
.hero+.works-section {
padding-top: 25px
}
.works-section .h1,
.works-section h1 {
max-width: 1000px;
margin-bottom: 80px
}
.works-section .listing-filter .sort-list li {
margin-right: 105px
}
.works-section .listing-filter .sort-list li a {
font-size: 15px;
line-height: 34px
}
.works-section .listing-filter .form-group {
margin-right: 16px
}
.works-section .button {
margin-top: -27px;
padding: 19px 35px 17px
}
.latest-work-listing .image {
margin-bottom: 16px
}
.latest-work-listing .image::before {
padding-top: 108.1%
}
.latest-work-listing .text { }
.capabilities {
padding: 97px 0 88px
}
.capabilities-listing .h3,
.capabilities-listing h3 {
margin-bottom: 22px
}
.capabilities-listing p { margin-bottom: 22px
}
.careers-intro {
margin-bottom: 142px
}
.careers-intro .h1,
.careers-intro h1 {
margin-bottom: 113px
}
.careers-intro figure {
margin-bottom: 95px
}
.our-culture {
padding: 125px 0 100px;
margin-bottom: 135px
}
.our-culture ul {
margin: 0 -65px 0 -18px
}
.our-culture .column:last-child {
margin-top: 32px
}
.vacations {
margin-bottom: 150px
}
.vacations .h2,
.vacations h2 {
margin-bottom: 85px
}
.vacations li a {
padding: 55px 90px 57px 70px
}
.info-columns .column {
width: 41%
}
.careers-details {
padding-bottom: 150px
}
.careers-details .heading {
padding-bottom: 125px;
margin-bottom: 130px
}
.clients { }
.clients.about-page {
padding: 115px 0 200px
}
.clients.landing {
padding: 200px 0 110px
}
.clients.landing .h1,
.clients.landing h1 {
margin-bottom: 62px
}
.related-posts-section { }
.related-posts-section.press { }
.related-posts-section .h1,
.related-posts-section h1 {
margin-bottom: 42px
}
.related-posts-slider {
max-width: calc(100% - ((100vw - 1250px)/2) + 54px)
}
.related-posts-slider .item {
padding: 78px 54px 66px
}
.related-posts-slider .h3,
.related-posts-slider h3 {
margin-bottom: 28px; }
.blog-details .poster {
margin: 100px 0 145px
}
.sharing {
margin: 80px 0
}
.our-process {
padding-bottom: 100px
}
.our-process .h1,
.our-process h1 {
margin-bottom: 81px
}
.our-process .h3,
.our-process h3 { }
.process-list li {
margin-bottom: 64px; width: 370px
}
.wide-block { }
.wrap-pages-carousel.project-photo {
margin-top: 80px
}
.wrap-pages-carousel.project-photo .main-holder {
max-width: 1335px
}
.wrap-pages-carousel.project-photo h2 {
margin-right: -72px;
margin-bottom: 135px
}
.wrap-pages-carousel.project-photo .h6,
.wrap-pages-carousel.project-photo h6 {
font-size: 16px;
letter-spacing: 6.4px;
margin-bottom: 45px
}
.subscribe-popup {
height: 360px
}
.mosaic {
margin-bottom: 185px
}
.mosaic .section-content {
top: 55%;
margin-top: 0
}
.hero.mosaic .arrow {
bottom: 80px
}
.hero.mosaic .section-content {
left: calc((100vw - 1570px)/2)
}
.faq { }
.faq .h1 {
margin-bottom: 35px
}
.faq .accordion .info {
padding-right: 100px
}
.our-capabilities {
padding: 150px 0 90px
}
.our-capabilities .h2,
.our-capabilities h2 {
margin-bottom: 65px
}
.our-capabilities .content {
font-size: 24px;
line-height: 32px;
margin-right: -10px
}
.our-capabilities .content ul li {
padding-left: 40px
}
.our-capabilities .content ul li:before {
width: 13px;
height: 13px
}
.our-capabilities .content:not(.mCS_no_scrollbar):after {
right: 100px
}
.our-capabilities .mCustomScrollBox {
padding-right: 100px
}
.selected-projects {
margin-bottom: 115px
}
.selected-projects.dark {
padding: 165px 0 120px
}
.selected-projects.dark .projects-info {
margin-left: -80px
}
.selected-projects.dark .projects-info .h1 {
margin-right: -45px
}
.selected-projects.dark .link-holder {
margin-top: 160px
}
.selected-projects.dark .projects-list {
margin-top: 20px
}
.selected-projects .projects-info {
width: 33%;
font-size: 24px;
line-height: 32px
}
.projects-list {
width: 59.2%
}
.projects-list .project-item {
height: 400px;
width: 31%
}
.projects-list .project-item:nth-child(1),
.projects-list .project-item:nth-child(4),
.projects-list .project-item:nth-child(5),
.projects-list .project-item:nth-child(8) {
width: 65.8%
}
.success-stories {
padding: 150px 0 200px
}
.success-stories .h1,
.success-stories.home .h3,
.success-stories.home h3 {
margin-bottom: 125px
}
.success-stories .slick-arrow {
top: -175px;
right: calc((100vw - 1570px)/2)
}
.success-stories .slick-list {
padding-left: calc((100vw - 1570px)/2)
}
.our-thinking-slider .slick-list:after,
.our-thinking-slider .slick-list:before,
.success-stories .slick-list:after,
.success-stories .slick-list:before {
width: 170px
}
.success-stories .storie {
max-width: 723px;
margin-right: 110px
}
.visual-section+.related-projects {
margin-top: -120px
}
.related-projects+.section-map,
.related-projects+.selected-projects {
padding-top: 150px
}
.our-thinking {
padding: 200px 0 150px
}
.our-thinking .container .h1 {
margin-bottom: 43px
}
.our-thinking-slider .slick-list {
padding: 0 150px;
max-width: 1580px
}
.our-thinking-slider .slick-arrow {
top: -95px;
right: calc((100vw - 1570px)/2)
}
.our-thinking-slider .item {
padding: 66px 54px
}
.our-thinking-slider .h2,
.our-thinking-slider h2 {
font-size: 48px;
line-height: 54px;
margin-bottom: 24px
}
.our-thinking-slider .h3,
.our-thinking-slider h3 {
margin-bottom: 28px;
font-size: 48px;
line-height: 54px
}
.section-map {
margin-bottom: 150px
}
.section-map .map {
height: 530px;
margin-left: 200px
}
.text-columns .holder {
padding: 100px 160px
}
.project-item,
.projects-slider-wrap {
min-height: 850px
}
.project-item .project-info {
width: 850px;
font-size: 24px;
line-height: 32px;
padding-left: 95px;
padding-bottom: 90px
}
.project-item .h2,
.project-item h2 {
font-size: 84px;
line-height: 88px
}
.projects-listing .project-info {
padding-bottom: 155px
}
.projects-nav-slider .slick-dots {
left: 142px
}
.slides-control-btn {
left: 100px
}
.visual-section {
min-height: 900px;
margin-bottom: 120px
}
.visual-section .h1,
.visual-section h1 {
font-size: 120px
}
.visual-section .button {
padding-top: 22px;
padding-bottom: 22px
}
.visual-section .logos-list li {
margin: 0 35px 15px
}
.full-page {
min-height: 850px
}
.line-animation.container {
max-width: 1280px
}
.featured-post,
.map-section-content .info .to-bottom-btn { }
.featured-post .h1 {
margin-bottom: 86px
}
.featured-post .inner {
margin: 0 -100px 0 15px
}
.featured-post .info {
width: 690px
}
.featured-post+.related-posts-section {
padding-top: 140px
}
.map-section .holder {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.map-section-content .container {
max-width: 1730px
}
.map-section-content .info {
width: 795px;
font-size: 24px;
line-height: 32px;
padding-top: 12px;
margin-bottom: 0
}
.map-section-content .h2,
.map-section-content h2,
.map-section-content p {
margin-bottom: 35px
}
.map-section-content .inner {
min-height: 375px
}
.map-section-content .mCustomScrollBox {
padding-right: 100px
}
.featured-posts-slider {
margin-bottom: 120px;
padding-top: 60px
}
.post-listing-wrap {
margin-bottom: 220px
}
.post-listing-wrap .item {
min-height: 572px
}
.post-listing-wrap .image {
margin-bottom: 32px
}
.post-listing-wrap .info {
padding: 32px
}
.post-listing-wrap .marked-block,
.post-listing-wrap blockquote {
font-size: 24px;
line-height: 32px
}
.up .post-listing-wrap.sticky .blog-categories-listing {
margin-top: 90px
}
.blog-categories-listing,
.post-type-archive-blog .main .container,
.page-template-blogs .main .container,
.category .main .container,
.tag .main .container  {
max-width: 1280px
}
.the-drop {
padding: 200px 0
}
.the-drop .item {
min-height: 572px
}
.the-drop .image {
margin-bottom: 32px
}
.the-drop .info {
padding: 32px
}
.the-drop .marked-block,
.the-drop blockquote {
font-size: 24px;
line-height: 32px
}
.clients+.social-proof {
margin-top: 90px
}
.social-proof {
min-height: 1064px
}
.social-proof .container {
padding-right: 880px
}
.social-proof-slider .marked-block,
.social-proof-slider blockquote {
font-size: 36px;
line-height: 42px
}
.social-proof-slider .marked-block:not(.fact):not(.marked-block):not(.marked-block),
.social-proof-slider blockquote:not(.fact):not(.marked-block):not(.marked-block) {
padding-top: 100px
}
.social-proof-slider .marked-block:not(.fact):not(.marked-block):not(.marked-block):before,
.social-proof-slider blockquote:not(.fact):not(.marked-block):not(.marked-block):before {
width: 268px
}
.main { }
.container,
.container.large,
.main-holder.large {
max-width: 1570px
}
.main-holder {
max-width: 1085px
}
.our-leadership { }
.our-truth { }
.awards {
padding-top: 70px
}
.agency-life { }
.contact-us {
position: relative;
z-index: 1
}
.contact-us .info-columns {
padding-right: 81px
}
.contact-us .column {
width: 43.6%
}
.contact-us .column:not(.info) {
margin-top: -15px
}
.other-contacts {
padding: 95px 0 135px
}
.other-contacts:before {
width: 1570px
}
.case-study .h1,
.case-study h1 {
margin-bottom: 98px
}
.fullwidth-image {
margin-bottom: 75px
}
.fullwidth-image.fullscreen {
height: calc(100vh - 80px)
}
.two-columns-holder {
padding-top: 70px;
margin-bottom: 150px
}
.two-columns-holder aside {
margin-left: 178px
}
.two-columns-holder aside .block {
margin-bottom: 65px
}
.two-columns-holder .content .h2,
.two-columns-holder .content h2 {
margin-bottom: 16px;
line-height: 54px
}
.full-width-gallery {
margin-bottom: 75px
}
.full-width-gallery .full-width-slider {
margin-bottom: 62px
}
.full-width-gallery .full-width-slider .slide {
height: calc(100vh - 200px)
}
.full-width-gallery .slick-arrow.slick-prev {
margin-right: 150px
}
.full-width-gallery .slick-arrow.slick-next {
margin-left: 150px
}
.full-width-gallery .slick-dots {
margin: 0 -70px -15px
}
.full-width-gallery .slick-dots li {
margin: 0 70px 15px
}
.project-details-section {
padding: 70px 0 151px
}
.project-details-section .h3,
.project-details-section h3 {
font-size: 48px;
line-height: 54px;
margin-bottom: 74px
}
.project-details-listing {
margin: 0 -95px 90px
}
.project-details-listing .item {
width: calc(33.33% - 190px);
margin: 0 95px 63px
}
.featured-images-listing {
margin: 0 -65px -104px
}
.featured-images-listing .item {
width: calc(50% - 130px);
margin: 0 65px 104px
}
.mockup-section {
padding-bottom: 75px
}
.mockup-section .image-wrap {
padding-bottom: 73px
}
.mockup-section .heading-wrap {
padding: 73px 0 58px
}
.mockup-section .phones-wrap {
padding-top: 58px;
margin-bottom: 156px
}
.mockup-section .fullwidth-image {
margin-bottom: 142px
}
.mockup-section .h2,
.mockup-section h2 {
margin-bottom: 92px
}
.no-touch .image-scroll-block {
max-height: 1040px
}
.phones-listing .slide {
padding-top: 178px
}
.phones-listing .slide:nth-child(2n+2) {
top: -178px
}
.results {
padding: 75px 0
}
.results .section-heading {
margin-bottom: 150px
}
.results .h1,
.results h1 {
padding-top: 7px
}
.results .marked-block q,
.results blockquote q {
padding-right: 35px
}
.thank-page {
padding: 110px 0 250px
}
.thank-page .h1,
.thank-page h1 {
margin-bottom: 33px
}
.thank-page .social {
padding-top: 35px
}
.page-template-location-detail .awards {
margin: 150px 0 140px
}
.page-template-location-detail .awards .logo-table {
padding: 90px 0 0;
margin: 0 -100px
}
.page-template-location-detail .awards .logo-table .logo-item img {
-webkit-transform: scale(1);
transform: scale(1);
margin-left: 184px
}
.page-template-location-detail .awards .logo-table .logo-item:nth-child(2) img {
width: 164px;
margin-left: 184px
}
.industries-template-default .visual-section .holder {
padding-bottom: 200px
}
.section-our-truth .statistics {
padding-left: 170px;
margin-right: -80px
}
.section-our-truth .statistics .item {
margin-bottom: 80px
}
.section-capabilities div.holder {
padding-bottom: 130px
}
.our-capabilities-list {
padding-left: 255px
}
.columns-type {
padding: 80px 0
}
}
@media (max-width:1799px) {
.results-listing .item .h2,
.results-listing .item h2 {
letter-spacing: 0
}
}
@media (max-width:1199px) {
.main-nav-holder p,
.single-work .sticky-button {
display: none
}
.header.opened-menu {
background-color: #fff
}
.header.opened-menu .main-nav-holder,
.mobile-menu-is-open .main-nav-holder {
opacity: 1;
visibility: visible
}
.main-nav-holder,
.main-nav-holder .sub-menu {
position: fixed;
top: 75px;
height: calc(100vh - 75px);
height: calc((var(--vh, 1vh)*100) - 75px);
width: 100vw;
left: 0;
opacity: 0;
background-color: #fff;
overflow: auto
}
.main-nav-holder {
visibility: hidden;
-webkit-transition: opacity .3s ease, visibility .5s ease;
transition: opacity .3s ease, visibility .5s ease
}
.main-nav-holder .sub-menu {
z-index: 100;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
transition: opacity .5s ease, transform .5s ease;
transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}
.main-nav-holder .sub-menu .sub-menu-holder {
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;
min-height: calc(100vh - 75px);
padding: 30px 15px
}
.main-nav-holder .back-menu {
position: absolute;
left: 15px;
top: 0;
z-index: 200;
font: 600 13px/20px "sofia-pro", sans-serif;
padding-left: 20px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: opacity .5s ease, visibility .5s ease, -webkit-transform .5s ease;
transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
transition: opacity .5s ease, visibility .5s ease, transform .5s ease, -webkit-transform .5s ease
}
.main-nav-holder .back-menu:after {
content: "";
position: absolute;
left: -15px;
top: 0;
width: 0;
height: 100%;
background-color: #fff;
z-index: -1;
pointer-events: none;
-webkit-transition: width .6s ease;
transition: width .6s ease
}
.second-menu-open .main-nav-holder .back-menu {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible
}
.second-menu-open .main-nav-holder .back-menu:after {
width: 100vw
}
.main-nav-holder .back-menu svg {
position: absolute;
left: 0;
top: 50%;
width: 14px;
height: 12px;
-webkit-transform: translateY(-55%) rotate(90deg);
transform: translateY(-55%) rotate(90deg)
}
.main-nav-holder .column+.column {
margin-top: 40px
}
.main-nav,
.main-nav>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.main-nav {
min-height: calc(100vh - 75px);
min-height: calc((var(--vh, 1vh)*100) - 75px)
}
.main-nav>ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 20px 15px
}
.main-nav>ul>li+li {
margin-top: 20px
}
.main-nav>ul>li.expanded .sub-menu {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
.main-nav>ul>li>a {
font: 600 36px/42px "sofia-pro", sans-serif;
text-transform: capitalize
}
.main-nav li+li {
margin-top: 5px
}
.main-nav li a {
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: #000
}
.main-nav-holder .sub-menu ul a{
color: #000;
}
.main-nav a.button:last-child {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
width: calc(100% - 30px)
}
.footer .column:last-child {
margin-bottom: 0
}
.get-in-touch.color .h4,
.get-in-touch.color h4 {
margin-bottom: 36px
}
.get-in-touch .h4,
.get-in-touch h4 {
font-weight: 300
}
.works-section .button {
width: 100%;
max-width: 370px;
padding: 12px 35px 10px
}
.capabilities .h1,
.capabilities h1 {
font-size: 36px;
line-height: 48px;
margin-bottom: 30px
}
.clients .h1 {
font-size: 36px;
line-height: 48px;
text-align: center
}
.pages-carousel-block .main-holder {
padding-left: 24px;
padding-right: 24px
}
.selected-projects.dark {
margin-bottom: 0
}
.selected-projects .projects-info .h1 {
font-size: 36px;
line-height: 48px;
padding-right: 60px;
margin-bottom: 10px
}
.projects-list .project-item .link {
font-size: 16px;
line-height: 20px
}
.success-stories .slick-list:before {
opacity: 0
}
.success-stories.home .h3,
.success-stories.home h3 {
font-size: 30px;
line-height: 40px
}
.success-stories.home .marked-block,
.success-stories.home blockquote {
font-size: 20px;
line-height: 28px
}
.success-stories.home .marked-block>div,
.success-stories.home blockquote>div {
text-align: left
}
.our-thinking .container .h1 {
font-size: 36px;
line-height: 48px
}
.our-thinking-slider .h2,
.our-thinking-slider h2 {
font-size: 24px;
line-height: 32px
}
.hidden-on-mobile,
.map-section-content .info .to-bottom-btn {
display: none!important
}
.line-animation {
margin: 0 20px
}
.mockup-section .h2,
.mockup-section h2 {
letter-spacing: 0;
font-size: 24px;
line-height: 32px
}
}
@media (max-width:1023px) {
.logo-table {
position: relative;
padding-bottom: 75px
}
.logo-table.slider .logo-item {
height: 90px
}
.logo-table.without-slider .logo-item {
width: 100%;
height: 186px;
border: 1px solid #ebebeb;
max-width: 420px;
margin: 0 auto
}
.related-posts-slider .item {
width: 240px!important
}
}
@media (max-width:767px) {
.case-study-nav .next .image {
margin-left: auto
}
.capabilities-listing .item:last-child,
.latest-work-listing .item:last-child,
.logo-table.without-slider .logo-item:last-child {
margin-bottom: 0
}
.logo-table img {
max-width: 120px
}
.info-columns .column {
margin-bottom: 15px
}
.case-study-section .client-block .info-item {
display: block!important;
width: auto!important
}
.the-drop .heading.with-button~.slider-nav {
margin-bottom: 80px
}
.the-drop .heading.with-button .button {
position: absolute;
left: 50%;
bottom: 60px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% - 30px);
max-width: 370px
}
.contacts-form button {
display: block;
margin: 0 auto
}
.project-details-listing .item:last-child {
margin-bottom: 0
}
.phones-listing .slick-track .slick-slide:nth-child(1) {
margin-left: 7vw
}
}
@media (max-width:567px) {
.get-in-touch .subscribe-box .button {
padding: 5px 20px;
font-size: 10px
}
}
@media (min-width:1200px) and (max-width:1799px) {
.hero.mosaic {
padding-bottom: 0
}
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.social-life .mask,
.social-life li:hover a {
-webkit-transform: none!important;
transform: none!important
}
.social-life li:hover .mask {
opacity: 1
}
.social-life .mask {
opacity: 0;
-webkit-backface-visibility: inherit!important;
backface-visibility: inherit!important
}
}
@media (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.main {
overflow: hidden
}
.contacts-form .form-group-attach img {
pointer-events: none
}
}