body {
overflow-x: hidden
}
body,
html {
height: 100%;
font-size: 16px;
font-family: "Work Sans", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
html {
animation: fadeSiteIn 0.5s ease;
-webkit-font-smoothing: antialiased
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Montserrat, sans-serif;
font-weight: 700;
text-transform: uppercase
}
h1.styled {
font-weight: 900;
font-size: 40px;
margin-top: 0
}
h1.styled span {
font-family: "Libre Baskerville", serif;
font-style: italic
}
h2.styled {
font-weight: 900;
font-size: 40px;
margin-top: 0
}
h2.styled span {
font-family: "Libre Baskerville", serif;
font-style: italic
}
b,
strong {
font-family: Montserrat, sans-serif;
font-weight: 700
}
img {
max-width: 100%;
height: auto
}
a {
-webkit-transition: color 0.4s ease-out;
transition: color 0.4s ease-out;
color: #308cd5;
text-decoration: none;
text-decoration: none;
outline: 0
}
a:focus,
a:hover {
text-decoration: none;
outline: 0
}
a:hover {
color: #ff4e4e
}
.arrow-link span,
.btn,
.main-nav a span,
a,
input {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
ul {
margin: 0;
padding: 0
}
.alignnone {
margin: 5px 20px 20px 0
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto
}
.alignright {
float: right;
margin: 5px 0 20px 20px
}
.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px
}
a img.alignnone {
margin: 5px 20px 20px 0
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0
}
.wp-caption.alignright {
margin: 5px 0 20px 20px
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
.mt-20 {
margin-top: 20px
}
.mb-20 {
margin-bottom: 20px
}
.mt-30 {
margin-top: 30px
}
.mb-30 {
margin-bottom: 30px
}
.mt-40 {
margin-top: 40px
}
.mb-40 {
margin-bottom: 40px
}
.mt-50 {
margin-top: 40px
}
.mb-50 {
margin-bottom: 40px
}
.mt-60 {
margin-top: 40px
}
.mb-60 {
margin-bottom: 40px
}
.mt-70 {
margin-top: 40px
}
.mb-70 {
margin-bottom: 40px
}
.mt-80 {
margin-top: 40px
}
.mb-80 {
margin-bottom: 40px
}
.btn {
white-space: normal;
border: 2px solid #fff0;
border-radius: 0;
font-size: 1em;
outline: 0
}
.btn-primary {
background: #111517;
border-color: #111517;
padding: 15px 25px;
color: #fff;
font-size: 1em;
text-decoration: none;
position: relative
}
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover {
color: #fff;
text-decoration: none;
background: #111517;
border-color: #111517;
outline: 0
}
.btn-primary:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #ff4e4e;
transition: all 0.3s ease-out;
opacity: 0;
z-index: 0
}
.btn-primary>span {
transition: all 0.3s ease-out;
display: block
}
.btn-primary:hover:before,
.btn-primary:hover>span {
transform: translateX(10px) translateY(10px) !important;
transition: all 0.3s ease-out;
opacity: 1
}
.btn-primary i {
color: #fff;
margin-right: .6em
}
.as-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 201;
padding: 20px 20px;
-webkit-backface-visibility: hidden
}
.as-header-logo img {
max-width: 50px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sticky-header {
background-color: rgb(0 0 0 / .1);
padding: 10px 20px
}
.sticky-header .as-header-logo img {
max-width: 30px
}
nav {
display: block
}
nav>ul {
list-style-type: none;
padding: 0
}
.as-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #1c1c1c;
z-index: 200;
opacity: 0;
visibility: hidden;
overflow: auto;
-moz-perspective: 1500px;
-webkit-perspective: 1500px;
perspective: 1500px;
-moz-transition: opacity 0.6s, visibility 0.6s;
-o-transition: opacity 0.6s, visibility 0.6s;
-webkit-transition: opacity 0.6s, visibility 0.6s;
transition: opacity 0.6s, visibility 0.6s
}
.as-menu-innerwrap {
position: relative;
width: 100%;
height: 100%
}
.as-header-logo-menu {
position: absolute;
z-index: 202;
padding-top: 20px;
padding-left: 20px
}
.as-header-logo-menu img {
max-width: 50px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.as-menu-toggle {
cursor: pointer;
position: absolute;
top: 40px;
right: 35px;
padding: 0 4px;
z-index: 300;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.as-header.active .as-menu-toggle:after {
opacity: 0
}
.as-header.active .as-menu-toggle:hover {
padding: 0 4px
}
.as-header.active .as-menu-toggle:hover span {
background-color: #fff;
width: 38px
}
.as-header.active .as-menu-toggle:hover span:nth-of-type(even) {
width: 38px
}
.as-header.active .as-menu-toggle span {
margin: 0;
-moz-transform: rotate(45deg) translate(3px, 1px);
-ms-transform: rotate(45deg) translate(3px, 1px);
-webkit-transform: rotate(45deg) translate(3px, 1px);
transform: rotate(45deg) translate(3px, 1px)
}
.as-header.active .as-menu-toggle span:first-of-type {
opacity: 0
}
.as-header.active .as-menu-toggle span:last-of-type {
-moz-transform: rotate(-45deg) translate(2px, -1px);
-ms-transform: rotate(-45deg) translate(2px, -1px);
-webkit-transform: rotate(-45deg) translate(2px, -1px);
transform: rotate(-45deg) translate(2px, -1px)
}
.sticky-header .as-menu-toggle {
top: 11px;
right: 20px
}
.as-menu-toggle span {
display: block;
background-color: #fff;
width: 38px;
height: 5px;
border-radius: 2px;
margin: 0 auto;
-moz-transition: width 0.4s, background-color 0.4s, opacity 0.6s, -moz-transform 0.6s, margin 0.6s;
-o-transition: width 0.4s, background-color 0.4s, opacity 0.6s, -o-transform 0.6s, margin 0.6s;
-webkit-transition: width 0.4s, background-color 0.4s, opacity 0.6s, -webkit-transform 0.6s, margin 0.6s;
transition: width 0.4s, background-color 0.4s, opacity 0.6s, transform 0.6s, margin 0.6s
}
.as-menu-toggle span+span {
margin: 6px auto 0
}
.as-menu-toggle:after {
content: "";
position: absolute;
top: 0;
right: 0;
background-color: #000;
opacity: .1;
width: 180px;
height: 180px;
border-radius: 50%;
z-index: -1;
-moz-transform: translate3d(45%, -55%, 0);
-ms-transform: translate3d(45%, -55%, 0);
-webkit-transform: translate3d(45%, -55%, 0);
transform: translate3d(45%, -55%, 0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.as-menu-toggle:hover {
padding: 0
}
.as-menu-toggle:hover span {
background-color: #fff;
width: 30px
}
.as-menu-toggle:hover span:nth-of-type(even) {
width: 46px
}
.sticky-header .as-menu-toggle:after {
width: 140px;
height: 140px;
background-color: #fff0
}
.as-nav-list--main {
margin: 0;
list-style-type: none
}
.as-nav-list--main a {
color: #6f6c6c;
font-size: 26px;
line-height: 1.5;
text-transform: uppercase;
font-weight: 700
}
.as-nav-list--main a:hover {
color: #fff
}
.as-nav-list--main .nolink>a:hover {
color: #6f6c6c
}
.as-nav-list--main .sub-menu {
list-style-type: none;
padding: 0;
margin: 10px 0
}
.as-nav-list--main .sub-menu a {
color: #ff4e4e;
font-size: 19px;
font-weight: 400;
line-height: 1.5
}
.as-nav-list--main .sub-menu a:hover {
color: #fff
}
.as-nav-list--social {
margin: 0
}
.as-nav-list--social li {
display: inline-block
}
.as-nav-list--social li+li {
margin-left: 5px
}
.as-nav-list--social a {
font-size: 17px;
color: #fff0
}
.as-nav-list--social a .fa-stack {
border: 2px solid #ff4e4e;
border-radius: 50%
}
.as-nav-list--social a:hover .fa-stack {
border: 2px solid #6f6c6c
}
.as-nav-list--social {
margin: 30px 0 0
}
.as-menu--blog,
.as-menu--capabilities {
position: absolute;
top: 50%;
left: 10%;
max-width: 50%;
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.as-menu--capabilities.device {
display: none
}
.asblog-title,
.menu-capabilities-title {
color: #ff4e4e;
font-family: Montserrat, sans-serif;
font-size: 26px;
margin: 0 0 30px
}
.asblog-post+.asblog-post {
margin-top: 40px
}
.menu-capability {
margin-top: 40px
}
.asblog-post>a,
.menu-capability>a {
font-size: 26px;
color: #cacaca;
font-weight: 300;
line-height: 1.2;
font-family: Montserrat, sans-serif;
color: #ff4e4e
}
.asblog-post>a:hover,
.menu-capability>a:hover {
color: #ff4e4e
}
.asblog-byline {
color: #cacaca;
font-size: 15px;
font-weight: 300;
margin: 10px 0 0
}
.asblog-byline>a {
color: #ff4e4e;
font-weight: 300
}
.asblog-byline>a:hover {
color: #cacaca
}
.as-menu--side {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 28%;
min-width: 400px;
background-color: #242422;
text-align: right;
padding: 100px 50px;
box-sizing: border-box;
-moz-transform: rotateY(-110deg);
-ms-transform: rotateY(-110deg);
-webkit-transform: rotateY(-110deg);
transform: rotateY(-110deg);
-moz-transform-origin: right 50%;
-ms-transform-origin: right 50%;
-webkit-transform-origin: right 50%;
transform-origin: right 50%;
-moz-transition: -moz-transform 0.6s;
-o-transition: -o-transform 0.6s;
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s
}
.as-header.active .as-menu {
opacity: 1;
visibility: visible
}
.as-header.active .as-menu .as-menu--side {
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
.innerpage-title-wrap .as_imagetext__text {
font-size: 7.25em
}
.innerpage-full-wrap {
position: relative
}
.innerpage-full-wrap .b-blobs {
z-index: -1
}
.innerpage-full-wrap .blobs {
top: 42%
}
.innerpage-full-wrap .blips {
top: 41%
}
.innerpage-full-wrap .b-blobs__b4 {
position: absolute;
left: -14%;
bottom: 3%;
width: 27vw !important;
height: 24vw !important
}
.innerpage-full-wrap .b-blobs__b1 {
position: absolute;
left: -21%;
top: 2%;
width: 40vw !important;
height: 40vw !important
}
.innerpage-full-wrap .content ul {
margin-left: 25px;
margin-bottom: 20px
}
.innerpage-full-wrap .content h1,
.innerpage-full-wrap .content h2,
.innerpage-full-wrap .content h3,
.innerpage-full-wrap .content h4,
.innerpage-full-wrap .content h5,
.innerpage-full-wrap .content h6 {
color: #333;
line-height: 1.4
}
.section-1-wrap {
position: relative;
min-height: 850px
}
.section-1 {
display: table;
width: 100%;
height: 100%;
table-layout: fixed
}
.section-1-left {
display: table-cell;
width: 50%;
vertical-align: middle;
padding-right: 75px
}
.section-1-left-mobile {
display: none
}
.home-section-1-left-content {
max-width: 400px;
text-align: right;
margin: 0 0 0 auto;
font-size: 19px
}
.section-1-right {
display: table-cell;
width: 50%;
vertical-align: middle;
padding-left: 75px
}
.as_imagetext_container {
width: 100%;
-webkit-transform: translateZ(100);
transform: translateZ(100);
max-width: 100%;
overflow: hidden;
position: relative;
z-index: 0;
overflow: hidden;
max-width: 100%
}
.as_imagetext__innerwrap:after {
content: " ";
display: block;
clear: both
}
.as_imagetext__text-container {
background-color: #fff;
background: #fff;
mix-blend-mode: lighten;
overflow: visible;
max-width: 100%
}
.as_imagetext__text {
display: block;
font-weight: 700;
color: #000;
text-transform: uppercase;
letter-spacing: 0;
padding-bottom: 10px;
padding-top: 10px;
font-size: 11em;
line-height: .82em;
font-weight: 900;
font-family: Montserrat, sans-serif
}
#as_home_s1_ltshow .slider-item h1,
#as_home_s1_ltshow .slider-item h2,
#as_home_s1_ltshow .slider-item h3,
#as_home_s1_ltshow .slider-item h4,
#as_home_s1_ltshow .slider-item h5,
#as_home_s1_ltshow .slider-item h6 {
text-transform: uppercase
}
.scroll-to-nxt {
position: absolute;
bottom: 33%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%)
}
.link-scrolldown .text {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
letter-spacing: 4px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
max-width: 25%;
margin: 0 auto;
color: #333
}
.svg-icon-arrow-next svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 72px;
content: "";
opacity: 1;
position: relative;
top: 0;
animation: arrowfloat 1.5s infinite ease-in-out
}
#as_home_s1_ltshow {
position: relative;
height: 240px;
padding: 10px
}
#as_home_s1_ltshow>div {
position: absolute
}
#as_home_s1_ltshow_mob {
position: relative;
height: 240px;
padding: 10px
}
#as_home_s1_ltshow_mob>div {
left: 0;
right: 0;
position: absolute;
width: 100%
}
.home-section-1-left-content-2 {
content: "";
opacity: 1;
position: relative;
top: 50px;
animation: float 3.5s infinite ease-in-out
}
.home-section-1-logo-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 10%;
left: 0;
right: 0
}
.line {
position: absolute;
opacity: 0
}
.home-section-2 {
max-width: 100%;
overflow: hidden
}
.as-offering-outer-wrap {
position: relative
}
.as-home-offering {
padding: 40px 0
}
#homeOfrFakeContent {
position: static;
top: 0;
z-index: 0
}
.as-offering-wrap-v {
position: absolute;
z-index: 1;
top: 0;
left: 0;
left: 0;
display: inline-table
}
.as-home-offering {
float: left;
height: 100%;
display: table;
border-spacing: 0 !important;
border-collapse: collapse !important;
border: 0 !important;
table-layout: fixed
}
.as-home-offering-inner {
display: table-cell;
vertical-align: middle;
padding: 0 10%
}
.as-hm-offrs-txt {
font-size: 1.4em !important;
line-height: 1.6
}
.as-hm-offrs-cntnt {
position: relative;
display: block;
padding-left: 4em
}
.as-hm-offrs-sprsm {
margin-bottom: 2em;
font-weight: 700
}
.as-hm-offrs-sprsm {
font-size: .5em
}
.as-hm-offrs-sprsm {
margin-bottom: 3em
}
.b-blobs {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
overflow: hidden
}
.b-blobs__b1 {
position: absolute;
left: -11%;
top: 2%;
width: 40vw !important;
height: 40vw !important
}
.b-blobs__b2 {
position: absolute;
left: 10%;
top: 23%;
width: 25vw !important;
height: 25vw !important
}
.b-blobs__b3 {
position: absolute;
right: 13%;
top: 44%;
width: 25vw !important;
height: 25vw !important
}
.b-blobs__b4 {
position: absolute;
left: -10%;
bottom: 3%;
width: 27vw !important;
height: 24vw !important
}
.fs-display-2 {
margin-bottom: .3em;
font-size: 6.5vw;
font-family: "Bebas Neue", Arial, sans-serif
}
.fs-bold {
font-weight: 500
}
.blob {
display: block;
margin-right: auto;
margin-left: auto
}
.as-offerings-wrap__content {
margin-bottom: 7em;
margin-top: 20px
}
.as-home-offrs-title a h1 {
color: #333
}
.b-blobs {
overflow-y: hidden;
overflow-x: hidden
}
.blips {
width: 500px;
height: 500px;
margin: 0 auto;
position: absolute;
right: 6%;
top: 27%;
margin-left: -250px;
margin-top: -250px
}
.blips.moons-second {
right: 6%;
top: 69%
}
.blip {
position: absolute;
text-align: center;
color: #fff;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear
}
.blip:nth-child(1) {
width: 400px;
height: 400px;
margin-top: 50px;
margin-left: 50px;
-webkit-animation: orbit 3s infinite linear;
-moz-animation: orbit 3s infinite linear;
animation: orbit 3s infinite linear
}
.blip:nth-child(2) {
width: 400px;
height: 400px;
-webkit-animation: orbit 4s infinite linear;
-moz-animation: orbit 4s infinite linear;
animation: orbit 4s infinite linear
}
.blip:nth-child(2) {
width: 400px;
height: 400px;
-webkit-animation: orbit 4s infinite linear;
-moz-animation: orbit 4s infinite linear;
animation: orbit 4s infinite linear
}
.blip:nth-child(3) {
width: 400px;
height: 300px;
-webkit-animation: orbit_neg 4s infinite linear;
-moz-animation: orbit_neg 4s infinite linear;
animation: orbit_neg 4s infinite linear
}
.blip:before {
content: "";
font-size: 0;
border-radius: 100%
}
.blip:nth-child(1):before {
padding: 5px;
background: #308cd5
}
.blip:nth-child(2):before {
padding: 5px;
position: absolute;
margin-top: 100px;
margin-left: 120px;
background: #308cd5;
-webkit-animation: blip_scale 5s infinite cubic-bezier(1, -.4, .1, 1.21);
-moz-animation: blip_scale 5s infinite cubic-bezier(1, -.4, .1, 1.21);
animation: blip_scale 5s infinite cubic-bezier(1, -.4, .1, 1.21)
}
.blip:nth-child(3):before {
padding: 2px;
position: absolute;
border: 2px solid #308cd5;
-webkit-animation: orbit_neg 4s infinite linear;
-moz-animation: orbit_neg 4s infinite linear;
animation: orbit_neg 4s infinite linear
}
.blip:nth-child(4):before {
padding: 4px;
position: absolute;
margin-top: 370px;
margin-left: 340px;
background: #308cd5;
-webkit-animation-delay: 9s;
animation-delay: 9s;
-webkit-animation: blip_fade 3s infinite;
-moz-animation: blip_fade 3s infinite;
animation: blip_fade 3s infinite
}
.blobs {
width: 280px;
height: 280px;
margin: 0 auto;
position: absolute;
right: 11%;
top: 28%;
margin-left: -150px;
margin-top: -150px;
border-radius: 100%;
-webkit-animation: myturn linear 16s infinite;
-moz-animation: myturn linear 16s infinite
}
.blobs.moons-second {
right: 11%;
top: 70%
}
.blob {
position: absolute;
background: #308cd5;
text-align: center;
color: #fff
}
.blob:nth-child(1) {
top: -10px;
left: -10px;
width: 250px;
height: 260px;
border-radius: 100%;
-webkit-animation: mytopdown linear 3s infinite;
-moz-animation: mytopdown linear 3s infinite;
animation: mytopdown linear 3s infinite
}
.blob:nth-child(2) {
top: -10px;
left: -10px;
width: 250px;
height: 250px;
border-radius: 100%;
-webkit-animation: mydowntop linear 3s infinite;
-moz-animation: mydowntop linear 3s infinite;
animation: mydowntop linear 3s infinite
}
.blob:nth-child(3) {
top: 10px;
left: -10px;
width: 250px;
height: 250px;
border-radius: 100%;
-webkit-animation: mytopleft linear 5s infinite;
-moz-animation: mytopleft linear 5s infinite;
animation: mytopleft linear 5s infinite
}
.blob:nth-child(4) {
top: -10px;
left: 10px;
border-radius: 45%;
width: 240px;
height: 250px;
-webkit-animation: mydownright linear 3s infinite;
-moz-animation: mydownright linear 3s infinite;
animation: mydownright linear 3s infinite
}
.blob:nth-child(5) {
top: -10px;
left: -10px;
width: 240px;
height: 250px;
border-radius: 42%;
-webkit-animation: mytopright linear 4s infinite;
-moz-animation: mytopright linear 4s infinite;
animation: mytopright linear 4s infinite
}
.blob:nth-child(6) {
top: -10px;
left: -10px;
width: 240px;
height: 250px;
border-radius: 47%;
-webkit-animation: mydownleft linear 4s infinite;
-moz-animation: mydownleft linear 4s infinite;
animation: mydownleft linear 4s infinite
}
.home-section-3 {
padding: 0 0 100px 0
}
.as-projects-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
z-index: 0;
position: relative
}
.as-project-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 calc(50% - 5px);
flex: 0 1 calc(50% - 5px);
position: relative;
overflow: hidden;
margin-bottom: 10px;
text-align: center
}
.as-hm-prjct-lnk {
display: block;
padding-bottom: 75%;
width: 100%
}
.as-hm-prjct-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease
}
.as-project-item:hover .as-hm-prjct-img {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9)
}
.as-hm-prjct-ttwrp {
background-color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
mix-blend-mode: lighten;
background: #fff;
opacity: 0;
padding-top: 50px;
padding-bottom: 50px;
-webkit-transition: opacity 0.15s ease 0.2s;
-o-transition: opacity 0.15s ease 0.2s;
transition: opacity 0.15s ease 0.2s
}
.as-hm-prjct-lnk:hover>.as-hm-prjct-ttwrp {
opacity: 1;
-webkit-transition: opacity 0.15s ease;
-o-transition: opacity 0.15s ease;
transition: opacity 0.15s ease
}
.as-hm-prjct-tt {
color: #000;
font-size: 60px;
line-height: .85em;
text-transform: uppercase;
display: block;
width: 100%;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
font-smoothing: subpixel-antialiased;
opacity: 0;
-webkit-transition: opacity 5s ease 5s;
-o-transition: opacity 5s ease 5s;
transition: opacity 5s ease 5s;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.as-hm-prjct-lnk:hover .as-hm-prjct-tt {
opacity: 1;
-webkit-transition: opacity 5s ease;
-o-transition: opacity 5s ease;
transition: opacity 5s ease;
line-height: .85
}
.innerpage-full-wrap .content .as-hm-prjct-lnk .as-hm-prjct-tt {
line-height: .85
}
.as-hm-prjct-lnk:hover>.as-project-link__info {
opacity: 1;
-webkit-transition: opacity 0.2s ease 0.1s;
-o-transition: opacity 0.2s ease 0.1s;
transition: opacity 0.2s ease 0.1s
}
.inv-recaptcha-holder {
opacity: 0 !important;
visibility: hidden !important
}
.c_loadmore {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.c_loadmore__container {
width: 100%;
display: none;
overflow: hidden
}
.c_loadmore__flex {
width: 100%;
display: none;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap
}
.c_loadmore__button {
font-family: Gilroy, Helvetica, Arial, sans-serif;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
font-size: 23px;
line-height: 1em;
text-transform: uppercase;
color: #000;
letter-spacing: 0;
min-height: 40px;
text-align: center;
background-color: #fff;
border: 0;
padding: 10px 0;
border-radius: 0;
width: 100%;
display: block
}
.c_loadmore__button:first-child {
margin-top: 0
}
.c_loadmore__button:hover {
text-decoration: none;
cursor: pointer
}
.c_loadmore__button+.c_loadmore__button {
margin-top: 10px
}
.c_loadmore__button:focus {
outline: 0
}
.c_loadmore__button--download:before {
margin-right: 10px
}
.c_loadmore__button--full-width {
display: block;
text-align: center;
margin-right: 0
}
.c_loadmore__icon {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 4px
}
.c_loadmore__icon-dot {
display: inline-block;
margin: 0 1px;
width: 10px;
height: 10px;
background-color: #000;
-webkit-transition: -webkit-transform 0.15s ease-out;
transition: -webkit-transform 0.15s ease-out;
-o-transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out
}
.c_loadmore__button:hover .c_loadmore__icon-dot:first-of-type {
-webkit-animation: dotAnimation ease 1.5s;
animation: dotAnimation ease 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.c_loadmore__button:hover .c_loadmore__icon-dot:nth-of-type(2) {
-webkit-animation: dotAnimation ease 1.5s;
animation: dotAnimation ease 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s
}
.c_loadmore__button:hover .c_loadmore__icon-dot:nth-of-type(3) {
-webkit-animation: dotAnimation ease 1.5s;
animation: dotAnimation ease 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.as-project-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 49.6%;
flex: 0 1 49.6%
}
}
@supports (-ms-accelerator:true) {
.as-project-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 49.6%;
flex: 0 1 49.6%
}
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.as-hm-prjct-tt {
color: #fa3949
}
}
@supports (-ms-accelerator:true) {
.as-hm-prjct-tt {
color: #fa3949
}
}
@-webkit-keyframes loading-pulse {
0% {
background-color: #e0e0e0
}
50% {
background-color: #fafafa
}
100 {
background-color: #e0e0e0
}
}
@keyframes loading-pulse {
0% {
background-color: #e0e0e0
}
50% {
background-color: #fafafa
}
100 {
background-color: #e0e0e0
}
}
@-webkit-keyframes dotAnimation {
0% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1)
}
40% {
-webkit-transform: scaleX(1.2) scaleY(1.2);
transform: scaleX(1.2) scaleY(1.2)
}
60% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1)
}
}
@keyframes dotAnimation {
0% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1)
}
40% {
-webkit-transform: scaleX(1.2) scaleY(1.2);
transform: scaleX(1.2) scaleY(1.2)
}
60% {
-webkit-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1)
}
}
.home-section-5 {
max-width: 100%;
overflow-x: hidden
}
.home-section-5 .typing-text {
text-transform: uppercase;
font-size: 7em;
font-family: "Bebas Neue", Arial, sans-serif;
line-height: 1;
min-height: 320px;
font-weight: 700;
margin-bottom: 150px;
margin-top: 150px
}
.typing-characters {
visibility: hidden
}
.block-content {
width: 40%;
padding-right: 12%;
float: left
}
.skills-container {
margin-left: 40%;
padding: 32.5px 40px;
background: #1c1b20;
color: #fff;
position: relative;
max-width: 100%;
overflow: hidden
}
.skills-container h3 {
margin-top: 0
}
.skills-container ul li {
list-style: none;
margin: 7px 0
}
.innerpage-full-wrap .content .skills h1,
.innerpage-full-wrap .content .skills h2,
.innerpage-full-wrap .content .skills h3,
.innerpage-full-wrap .content .skills h4,
.innerpage-full-wrap .content .skills h5,
.innerpage-full-wrap .content .skills h6 {
margin-top: 0;
color: #fff
}
.skills a,
.skills a:focus,
.skills a:hover {
color: #fff
}
.icon.waves {
display: block
}
.icon.waves svg {
fill: #ff4e4e
}
.footer-contact-section {
margin-top: 100px;
background-color: #308cd5
}
.footer-social {
list-style: none
}
.footer-social li {
display: inline-block;
margin: 10px 20px 10px 0
}
.form-control {
border: 1px solid #333
}
.advancedForm .field-group {
position: relative
}
.advancedForm .field-group label.field-label {
color: #fff;
position: absolute;
top: .8rem;
left: .75rem;
font-size: 1rem;
cursor: text;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out
}
.advancedForm .field-group label.field-label.textarea-label {
top: 0
}
.advancedForm .field-group label.field-label.active {
font-size: .8rem;
-webkit-transform: translateY(-140%);
-moz-transform: translateY(-140%);
-ms-transform: translateY(-140%);
-o-transform: translateY(-140%);
transform: translateY(-140%);
left: .1rem;
color: #ede431;
left: .1rem
}
.advancedForm .field-group label.error {
color: #ff4e4e;
font-size: .8rem;
font-weight: 700
}
.advancedForm input[type="password"].form-control,
.advancedForm input[type="text"].form-control {
background-color: #fff0;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0;
outline: 0;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 5px 0;
padding: 0;
box-shadow: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
transition: all 0.3s;
color: #fff
}
.advancedForm textarea.form-control {
background-color: #fff0;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0;
outline: 0;
height: 6rem;
width: 100%;
font-size: 1rem;
margin: 0 0 5px 0;
padding: 0;
box-shadow: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
transition: all 0.3s;
color: #fff
}
.advancedForm input[type="password"].form-control:focus,
.advancedForm input[type="text"].form-control:focus,
.advancedForm textarea.form-control:focus {
border-bottom: 1px solid #ede431;
box-shadow: 0 1px 0 0 #ede431
}
.formQSuccess {
color: #ede431;
font-weight: 700;
text-align: left;
font-size: 1.4rem
}
.contact-wrap .form-control {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.wpcf7-captchar {
margin-top: 7px
}
div.wpcf7 .ajax-loader {
background-image: url(../images/35.gif);
width: 40px;
height: 40px;
margin-left: 7px
}
span.wpcf7-not-valid-tip {
color: #ff4e4e;
font-size: .85em;
font-weight: 400;
display: block;
font-style: italic;
text-transform: uppercase;
font-weight: 700
}
.page-id-869 .footer-contact-section {
background-color: #fff0;
margin-top: 0
}
.contact-page-wrap {
background: #308cd5;
padding: 10px 20px
}
.page-id-869 .innerpage-full-wrap .b-blobs__b1 {
top: 13%
}
.contact-wrap {
display: table;
width: 100%
}
.contact-wrap h1 {
font-size: 5em;
color: #fff;
text-transform: uppercase
}
.contact-cell-1 {
display: table-cell;
width: 50%;
vertical-align: top;
padding: 0 5% 0 0
}
.contact-details-wrap {
color: #fff;
text-transform: uppercase;
line-height: 1.5
}
.contact-details-wrap a,
.contact-details-wrap a:active,
.contact-details-wrap a:active:focus,
.contact-details-wrap a:focus,
.contact-details-wrap a:focus:active {
color: #fff;
text-decoration: none;
outline: 0
}
.contact-details-wrap a.email,
.contact-details-wrap a:active.email,
.contact-details-wrap a:active:focus.email,
.contact-details-wrap a:focus.email,
.contact-details-wrap a:focus:active.email {
color: #ede431
}
.contact-details-wrap a:hover.email {
color: #9fd2d6
}
.contact-details-wrap as-add {
color: #fff;
text-transform: uppercase
}
.contact-details-wrap as-add span {
color: #9fd2d6
}
.contact-details-wrap h1,
.contact-details-wrap h2,
.contact-details-wrap h3,
.contact-details-wrap h4,
.contact-details-wrap h5 {
line-height: 1.2
}
.contact-cell-1 h5 {
line-height: 1.6
}
.contact-cell-2 {
display: table-cell;
width: 50%;
vertical-align: top;
padding-top: 20px
}
.black-bg {
background-color: #000;
padding: 40px 0
}
.copyright {
color: rgb(255 255 255 / .5);
text-align: center;
margin-bottom: 0;
margin-top: 20px;
font-size: 12px
}
.copyright a,
.copyright a:active,
.copyright a:focus {
color: rgb(255 255 255 / .5)
}
.copyright a:hover {
color: #fff
}
.footer-nav {
list-style-type: none;
padding: 0;
display: flex;
justify-content: space-between;
font-size: 13px;
font-weight: 700;
font-family: Montserrat, sans-serif;
color: #fff;
text-transform: uppercase
}
.footer-nav li a {
color: #fff
}
.footer-nav li a:hover {
color: #ff4e4e
}
@keyframes fadeSiteIn {
from {
opacity: 0
}
to {
opacity: 1 !important
}
}
@keyframes fadeSiteOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes arrowfloat {
0% {
top: 70px
}
100% {
top: 90px
}
}
@keyframes blip_scale {
0% {
transform: scale(.6)
}
100% {
transform: scale(.1)
}
}
@keyframes blip_fade {
0% {
opacity: 1
}
100% {
opacity: .1
}
}
@keyframes orbit {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
@keyframes orbit_neg {
0% {
transform: rotate(0)
}
100% {
transform: rotate(-360deg)
}
}
@-webkit-keyframes blip_scale {
0% {
-webkit-transform: scale(.6)
}
100% {
-webkit-transform: scale(.1)
}
}
@-webkit-keyframes blip_fade {
0% {
opacity: 1
}
100% {
opacity: .1
}
}
@-webkit-keyframes orbit {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes orbit_neg {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(-360deg)
}
}
@keyframes mytopdown {
0% {
top: 0;
transform: rotate(0) scale(1)
}
50% {
top: 10px;
transform: rotate(180deg) scale(1.04)
}
100% {
top: 0;
transform: rotate(360deg) scale(1)
}
}
@keyframes mydowntop {
0% {
top: 0;
transform: rotate(0)
}
50% {
top: -10px;
transform: rotate(-180deg)
}
100% {
top: 0;
transform: rotate(-360deg)
}
}
@keyframes mytopleft {
0% {
left: 0;
top: 0;
transform: rotate(0)
}
50% {
left: 15px;
top: 5px;
transform: rotate(180deg)
}
100% {
left: 0;
top: 0;
transform: rotate(360deg)
}
}
@keyframes mydownright {
0% {
left: 0;
top: 0;
transform: rotate(0)
}
50% {
left: -10px;
top: -5px;
transform: rotate(180deg)
}
100% {
left: 0;
top: 0;
transform: rotate(360deg)
}
}
@keyframes mytopright {
0% {
left: 0;
top: 0;
transform: rotate(0)
}
50% {
left: -10px;
top: 5px;
transform: rotate(180deg)
}
100% {
left: 0;
top: 0;
transform: rotate(360deg)
}
}
@keyframes mydownleft {
0% {
left: 0;
top: 0;
transform: rotate(0)
}
50% {
left: 10px;
top: 10px;
transform: rotate(-180deg)
}
100% {
left: 0;
top: 0;
transform: rotate(-360deg)
}
}
@keyframes myturn {
0% {
transform: rotate(0) skewX(0)
}
100% {
transform: rotate(-360deg) skewX(0)
}
}
@-webkit-keyframes mytopdown {
0% {
top: 0;
-webkit-transform: rotate(0) scale(1)
}
50% {
top: 10px;
-webkit-transform: rotate(180deg) scale(1.04)
}
100% {
top: 0;
-webkit-transform: rotate(360deg) scale(1)
}
}
@-webkit-keyframes mydowntop {
0% {
top: 0;
-webkit-transform: rotate(0)
}
50% {
top: -10px;
-webkit-transform: rotate(-180deg)
}
100% {
top: 0;
-webkit-transform: rotate(-360deg)
}
}
@-webkit-keyframes mytopleft {
0% {
left: 0;
top: 0;
-webkit-transform: rotate(0)
}
50% {
left: 15px;
top: 5px;
-webkit-transform: rotate(180deg)
}
100% {
left: 0;
top: 0;
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes mydownright {
0% {
left: 0;
top: 0;
-webkit-transform: rotate(0)
}
50% {
left: -10px;
top: -5px;
-webkit-transform: rotate(180deg)
}
100% {
left: 0;
top: 0;
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes mytopright {
0% {
left: 0;
top: 0;
-webkit-transform: rotate(0)
}
50% {
left: -10px;
top: 5px;
-webkit-transform: rotate(180deg)
}
100% {
left: 0;
top: 0;
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes mydownleft {
0% {
left: 0;
top: 0;
-webkit-transform: rotate(0)
}
50% {
left: 10px;
top: 10px;
-webkit-transform: rotate(-180deg)
}
100% {
left: 0;
top: 0;
-webkit-transform: rotate(-360deg)
}
}
@-webkit-keyframes myturn {
0% {
-webkit-transform: rotate(0) skewX(0)
}
100% {
-webkit-transform: rotate(-360deg) skewX(0)
}
}
@keyframes float {
50% {
top: 60px
}
100% {
top: 50px
}
}
@keyframes bg-change {
0% {
background: #111517
}
20% {
background: #01cfec
}
40% {
background: #17f3af
}
60% {
background: #ffd900
}
80% {
background: #ff5800
}
100% {
background: #6e1ae6
}
}
@keyframes color-change {
0% {
color: #111517
}
20% {
color: #01cfec
}
40% {
color: #17f3af
}
60% {
color: #ffd900
}
80% {
color: #ff5800
}
100% {
color: #6e1ae6
}
}
.vertically-center {
display: flex;
align-items: center
}
.blog-item-wrap {
margin: 100px 0
}
.thumb-wrap img {
border-radius: 10%;
margin: 0 auto
}
.blog-content-wrap {
padding-left: 70px
}
.blog-content-wrap h2 a {
color: #333
}
.as-pgntn {
text-align: center
}
.pagination {
margin: 60px 0
}
.pagination>li {
display: inline-block;
margin: 0 2px
}
.pagination>li>a,
.pagination>li>span {
color: #ff4e4e;
border: 2px solid #ff4e4e;
border-radius: 50%
}
.pagination>li span.current {
border-radius: 50%;
color: #fff;
background-color: #ff4e4e
}
.pagination>li a.next,
.pagination>li a.prev {
border-radius: 25px
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color: #fff;
background-color: #ff4e4e;
border-color: #ff4e4e
}
.project-section-1 {
margin: 100px 0
}
.as-archive-project-btn-wrap {
margin-bottom: 20px
}
.single-projects .content {
background-color: #f0f0f0
}
.innerpage-full-wrap .content .desktop-list,
.innerpage-full-wrap .content .mobile-list,
.innerpage-full-wrap .content .tablet-list {
text-align: center;
margin: 0;
padding: 30px
}
.desktop-img-item,
.mobile-img-item,
.tablet-img-item {
list-style: none;
display: inline-block;
width: 48%;
padding: 0 15px;
margin-bottom: 30px
}
.project-content-box {
max-width: 80%;
margin: 0 auto;
padding-top: 30px;
text-align: center
}
.page-template-page-about .footer-contact-section {
margin-top: 0
}
.about-section-1 {
margin: 100px 0
}
.about-section-3 {
margin-bottom: 50px;
margin-top: 40px
}
.about-section-4 {
max-width: 100%;
overflow: hidden
}
.about-section-5 {
padding: 150px 0 20px 0
}
.typing-text-small {
font-size: 1.5em;
line-height: 1.5;
text-transform: none;
font-weight: 700;
margin-bottom: 150px;
margin-top: 150px
}
.tbl {
display: table;
width: 100%
}
.tbl-cell {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 20px 30px
}
.client-relationship {
min-height: 500px
}
.innerpage-full-wrap .content .relationship-list {
margin: 0;
display: block;
text-align: center;
padding: 0
}
.relationship-list-item {
list-style: none;
display: inline-block;
width: 33%
}
.relationship-list-item .list-count {
position: relative;
font-size: 135px;
font-weight: 900;
color: #efefef
}
.relationship-list-item .list-count .list-text {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
font-size: 21px;
text-transform: uppercase;
color: #333;
line-height: 1.1;
font-family: "Libre Baskerville", serif;
font-weight: 900
}
.process-wrap {
background-color: #f6f6f6;
padding: 40px 0
}
.process-wrap h1,
.process-wrap h2,
.process-wrap h3,
.process-wrap h4,
.process-wrap h5,
.process-wrap h6 {
text-transform: uppercase
}
.as-expertise-wrap {
position: relative;
overflow: hidden;
background: 0 0;
min-height: 400px;
margin: 30px 0
}
.as-expertise-heading {
margin: 0;
padding: 0;
position: absolute;
top: 20%;
left: 0;
right: 0;
color: #fff;
font-size: 7em;
letter-spacing: -13px;
text-align: center;
text-transform: uppercase;
line-height: 1.1;
transform: translate3d(-50%, -50%, 0);
font-family: "Libre Baskerville", serif
}
.as-expertise-heading span {
text-transform: none;
letter-spacing: 0;
font-size: 1.2rem;
display: block;
font-family: "Work Sans", sans-serif
}
.as-expertise-item {
cursor: pointer;
text-transform: uppercase;
font-size: .75em;
font-weight: 700;
font-family: Montserrat, serif
}
.as-expertise-item a,
.as-expertise-item a:active,
.as-expertise-item a:active:focus,
.as-expertise-item a:focus,
.as-expertise-item a:focus:active {
color: #ff4e4e
}
.expertise-position-1 {
position: absolute;
bottom: 53%;
left: 6%
}
.expertise-position-2 {
position: absolute;
bottom: 30%;
left: 17%
}
.expertise-position-3 {
position: absolute;
bottom: 30%;
left: 32%
}
.expertise-position-4 {
position: absolute;
bottom: 30%;
left: 45%
}
.expertise-position-5 {
position: absolute;
bottom: 28%;
right: 32%
}
.expertise-position-6 {
position: absolute;
bottom: 32%;
right: 22%
}
.expertise-position-7 {
position: absolute;
bottom: 50%;
right: 5%
}
.gm-style .gm-style-iw-c {
padding-right: 10px !important;
padding-bottom: 10px !important
}
a[class*="lightcase-icon-"],
a[class*="lightcase-icon-"]:focus {
color: #333
}
#lightcase-info #lightcase-sequenceInfo {
color: #333
}
#lightcase-overlay {
background: rgb(255 255 255 / .9)
}
html[data-lc-type="image"] #lightcase-content,
html[data-lc-type="video"] #lightcase-content {
background: 0 0
}
html:not([data-lc-type="error"]) #lightcase-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.mt-0 {
margin-top: 0
}
.mb-0 {
margin-bottom: 0
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.pt-0 {
padding-top: 0
}
.pb-0 {
padding-bottom: 0
}
.wddc-innerpage-title-wrap .as_imagetext__text {
font-size: 4.5em
}
.wddc-innerpage-title-wrap .wddc-heading-one {
margin: 0;
font-size: .9rem;
color: #cbcbcb
}
.wddc-innerpage-title-wrap .wddc-heading-two {
display: block;
font-weight: 700;
color: #000;
text-transform: uppercase;
letter-spacing: 0;
padding-bottom: 10px;
padding-top: 10px;
font-size: 4.5em;
line-height: 1.25em;
font-weight: 900;
font-family: Montserrat, sans-serif
}
.wddc-innerpage-title-wrap .wddc-heading-three {
font-family: "Work Sans", sans-serif;
font-weight: 600;
line-height: 1.45
}
.wddc-box-container {
-webkit-box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
-moz-box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
-o-box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
position: relative;
border-radius: 0;
background: #fff;
overflow: hidden;
max-width: 650px;
margin: 0 auto
}
.wddc-box-container .wddc-box-container-inner {
padding: 30px
}
.wddc-box-container .wddc-box-container-inner .wpcf7 {
margin-top: 10px
}
.wddc-box-container .wddc-box-container-inner .wpcf7 .form-control {
height: 50px;
background-color: #f9f9f9;
border: 3px solid #f9f9f9;
box-shadow: none
}
.wddc-box-container .wddc-box-container-inner .wpcf7 .form-control:focus {
outline: none;
box-shadow: none;
border: 3px solid #308cd5;
border-radius: 0
}
.wddc-box-container .wddc-box-container-inner .wpcf7 textarea.form-control {
height: auto
}
.wddc-box-container .wddc-box-bottom {
background-color: #308cd5;
color: #fff;
padding: 15px 30px;
text-align: center
}
.wddc-box-container .wddc-box-bottom h4 {
line-height: 1.5;
margin: 0;
text-transform: none
}
.wddc-box-container .wddc-box-bottom h4 span {
color: #ede431
}
.wddc-header-inner-wrap {
display: flex;
align-items: center
}
.wddc-header-inner-left {
flex-basis: 50%;
min-width: 50%
}
.wddc-header-inner-right {
flex-basis: 50%;
min-width: 50%
}
.wddc-section-2 {
padding: 150px 0;
font-size: 1.35rem
}
.wddc-section-2-top {
margin-top: 50px;
margin-bottom: 80px
}
.wddc-section-2 h3 {
font-size: 4.5rem;
font-family: "Bebas Neue", Arial, sans-serif;
line-height: 1.1 !important
}
.wddc-section-2 .tech-logo-wrap .container {
width: 94%
}
.technology-list {
margin: 0 !important;
padding: 0;
display: flex;
width: 100%;
align-items: center;
flex-wrap: wrap;
justify-content: center
}
.technology-list li {
list-style: none;
padding: 25px 30px;
max-width: 300px
}
.wddc-section-3 .section-3-subtitle {
font-size: 1.35rem;
margin-bottom: 35px
}
.wddc-section-3 .wddc-shadow-box {
padding: 50px 30px
}
.wddc-section-3 .wddc-shadow-box h3 {
font-size: 4.5rem;
font-family: "Bebas Neue", Arial, sans-serif;
line-height: 1.1 !important
}
.wddc-shadow-box {
-webkit-box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
-moz-box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
-o-box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
box-shadow: rgb(0 0 0 / .15) 0 0 1.25rem 0;
position: relative;
border-radius: 0;
background: #fff;
overflow: hidden;
padding: 30px;
border-radius: 25px
}
.wddc-section-4 {
margin-bottom: 50px;
margin-top: 50px
}
.icon-grid-wrap {
position: relative;
padding-left: 80px;
margin-top: 30px
}
.icon-grid-wrap i {
position: absolute;
left: 0;
top: 2px;
font-size: 50px;
color: #8154ef
}
.icon-grid-wrap ul {
margin-bottom: 0;
padding-bottom: 0
}
.wddc-section-5 {
margin-bottom: 50px;
margin-top: 40px
}
.wddc-section-5 .icon-grid-wrap i {
color: #9fd2d6
}
.wddc-section-5 .wddc-shadow-box {
padding: 50px 30px
}
.wddc-section-5 .wddc-shadow-box h3 {
font-size: 4.5rem;
font-family: "Bebas Neue", Arial, sans-serif;
line-height: 1.1 !important
}
.wddc-section-5 .wddc-shadow-box .section-5-subtitle {
font-size: 1.35rem;
margin-bottom: 10px
}
.wddc-section-6 {
margin-bottom: 90px;
margin-top: 100px
}
.wddc-section-6-inner {
margin: 0 auto;
max-width: 900px
}
.wddc-section-6-inner h2 {
font-size: 2.5rem;
line-height: 1.1
}
.wddc-section-7 {
margin-bottom: 50px;
margin-top: 50px
}
.wddc-section-7 .panel-heading .accordion-toggle:after {
font-family: "Glyphicons Halflings";
content: "\e114";
float: right;
color: grey
}
.wddc-section-7 .panel-heading .accordion-toggle.collapsed:after {
content: "\e080"
}
.wddc-section-7 .panel-default {
border-color: #fff0
}
.wddc-section-7 .panel-default>.panel-heading {
color: #333;
background-color: #fff0;
border: none
}
@keyframes border-transform {
0%,
100% {
border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%
}
14% {
border-radius: 50% 20% 50% 30% / 49% 60% 40% 51%
}
28% {
border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%
}
42% {
border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%
}
56% {
border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%
}
70% {
border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%
}
84% {
border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%
}
}
.custom-blob-one {
text-align: center;
margin-bottom: 30px;
width: 400px;
height: 565px;
position: absolute;
left: -11%;
top: 2%
}
.custom-blob-one:before {
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: -45px;
right: 0;
margin: 0 auto;
text-align: center;
width: 110%;
height: 70%;
animation: border-transform 15s infinite ease-in-out;
background-image: linear-gradient(#ede431, #ede431)
}
.custom-blob-two {
text-align: center;
margin-bottom: 30px;
width: 455px;
height: 765px;
position: absolute;
left: 10%;
top: 23%
}
.custom-blob-two:before {
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: -45px;
right: 0;
margin: 0 auto;
text-align: center;
width: 110%;
height: 70%;
animation: border-transform 15s infinite ease-in-out;
background-image: linear-gradient(#9fd2d6, #9fd2d6)
}
.custom-blob-three {
text-align: center;
margin-bottom: 30px;
width: 430px;
height: 700px;
position: absolute;
right: 13%;
top: 44%
}
.custom-blob-three:before {
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: -45px;
right: 0;
margin: 0 auto;
text-align: center;
width: 110%;
height: 70%;
animation: border-transform 15s infinite ease-in-out;
background-image: linear-gradient(#8154ef, #8154ef)
}
.custom-blob-four {
text-align: center;
margin-bottom: 30px;
width: 300px;
height: 460px;
position: absolute;
left: -10%;
bottom: 3%
}
.custom-blob-four:before {
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: -45px;
right: 0;
margin: 0 auto;
text-align: center;
width: 110%;
height: 70%;
animation: border-transform 15s infinite ease-in-out;
background-image: linear-gradient(#ff4e4e, #ff4e4e)
}
.tag-filter {
margin-right: 10px;
margin-bottom: 10px;
border-radius: 15px;
background-color: transparent;
border: 2px solid #333333;
outline: none;
}
.tag-filter:focus {
margin-right: 10px;
margin-bottom: 10px;
border-radius: 15px;
background-color: transparent;
border: 2px solid #333333;
outline: none;
}
.tag-filter.active,
.tag-filter.active:focus{
background-color: #333333;
border: 2px solid #333333;
outline: none;
color: #ffffff;
}
.blog-items-wrap{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-items-wrap .blog-box-item{
box-sizing: border-box;
border: 2px solid #333333;
padding: 20px;
border-radius: 20px;
background: transparent;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2);
margin-bottom: 32px;
margin-left: 16px;
margin-right: 16px;
border-radius: 15px;
flex-basis: 47%;
}
.blog-items-wrap .blog-box-item:hover {
background: #e9e4e4;
box-shadow: 0 4px 9px 4px rgb(0 0 0 / .2)
}
.blog-items-wrap .blog-box-item .blogtestcontentwrap h2 {
margin-top: 0
}
.blog-items-wrap .blog-box-item a {
color: #000
}
@media (min-width:1200px) {
.wddc-innerpage-title-wrap .container {
width: 94%
}
}
@media (max-width:1400px) {
.wddc-innerpage-title-wrap .wddc-heading-two {
font-size: 3.5em
}
}
@media (max-width:1199px) {
.wddc-header-inner-wrap {
display: block
}
.wddc-header-inner-left {
min-width: 100%
}
.wddc-header-inner-right {
margin-top: 60px;
min-width: 100%
}
.custom-blob-two {
width: 415px;
height: 700px
}
.custom-blob-three {
width: 415px;
height: 685px
}
}
@media (max-width:991px) {
.wddc-section-2 h3,
.wddc-section-3 h3,
.wddc-section-4 h3,
.wddc-section-5 h3,
.wddc-section-6 h3,
.wddc-section-7 h3,
.wddc-section-8 h3 {
font-size: 3.5rem !important
}
.wddc-innerpage-title-wrap .wddc-heading-two {
font-size: 3em
}
.custom-blob-two {
width: 390px;
height: 660px
}
.custom-blob-three {
width: 390px;
height: 675px
}
/*.blog-box-item {
flex: 1 1 calc(50% - 16px);
}*/
}
@media (max-width:767px) {
.wddc-section-2 h3,
.wddc-section-3 h3,
.wddc-section-4 h3,
.wddc-section-5 h3,
.wddc-section-6 h3,
.wddc-section-7 h3,
.wddc-section-8 h3 {
font-size: 3rem !important
}
.wddc-header-inner-right {
margin-top: 40px
}
.wddc-innerpage-title-wrap .wddc-heading-two {
font-size: 2.4em
}
.wddc-section-2 {
padding: 70px 0;
font-size: 1.35rem
}
.wddc-section-2 h3 {
font-size: 3.5rem;
font-family: "Bebas Neue", Arial, sans-serif;
line-height: 1.1 !important
}
.blog-box-item {
flex: 1 1 calc(100% - 16px);
}
}
@media (max-width:480px) {
.wddc-innerpage-title-wrap .wddc-heading-two {
font-size: 1.5em;
line-height: 1
}
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.wddc-heading-two {
color: #8154ef
}
}
@supports (-ms-accelerator:true) {
.wddc-heading-two {
color: #8154ef
}
}
@supports (-ms-ime-align:auto) {
.wddc-heading-two {
color: #8154ef
}
}
@media screen and (min-width:1024px) {
.wddc-heading-two {
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px)
}
.wddc-heading-three {
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
opacity: 0
}
}
.location-wrap a {
color: #303030;
text-transform: uppercase
}
.location-wrap h2 {
line-height: 1.25 !important;
font-size: 1.25rem
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.as_imagetext__text {
color: #8154ef
}
}
@supports (-ms-accelerator:true) {
.as_imagetext__text {
color: #8154ef
}
}
@supports (-ms-ime-align:auto) {
.as_imagetext__text {
color: #8154ef
}
}
@media screen and (min-width:768px) {
.as-projects-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
@media screen and (min-width:1024px) {
.as_imagetext__text {
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px)
}
.as-hm-prjct-tt {
font-size: 3em;
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%)
}
}
@media screen and (min-width:1280px) {
.as_imagetext__text {
font-size: 12em
}
.as-hm-prjct-tt {
font-size: 45px
}
}
@media screen and (min-width:1440px) {
.as-hm-prjct-tt {
font-size: 55px
}
}
@media screen and (min-width:1600px) {
.as_imagetext__text {
font-size: 13em
}
.as-hm-prjct-tt {
font-size: 50px
}
}
@media (max-width:1450px) {
.as-menu-toggle {
top: 30px;
padding: 0 2px
}
.as-menu-toggle span {
width: 30px;
height: 3px;
border-radius: 3px
}
.as-menu-toggle span+span {
margin: 5px auto 0
}
.as-menu-toggle:after {
-moz-transform: translate3d(55%, -65%, 0);
-ms-transform: translate3d(55%, -65%, 0);
-webkit-transform: translate3d(55%, -65%, 0);
transform: translate3d(55%, -65%, 0)
}
.as-menu-toggle:hover span {
width: 26px
}
.as-menu-toggle:hover span:nth-of-type(even) {
width: 34px
}
.as-header.active .as-menu-toggle:hover {
padding: 0 2px
}
.as-header.active .as-menu-toggle:hover span {
width: 30px
}
.as-header.active .as-menu-toggle:hover span:nth-of-type(even) {
width: 30px
}
.as-header.active .as-menu-toggle span {
-moz-transform: rotate(45deg) translate(2px, 0);
-ms-transform: rotate(45deg) translate(2px, 0);
-webkit-transform: rotate(45deg) translate(2px, 0);
transform: rotate(45deg) translate(2px, 0)
}
.as-expertise-heading {
font-size: 5em;
letter-spacing: -4px
}
}
@media (max-width:1199px) {
.section-1-left {
padding-right: 50px
}
.section-1-right {
padding-left: 50px
}
.home-section-1-logo-slider {
bottom: 13%
}
.tbl-cell {
padding: 16px 10px
}
.as-expertise-heading {
font-size: 4em;
letter-spacing: -4px
}
.expertise-position-1 {
top: 25%;
left: 4%
}
.expertise-position-2 {
position: absolute;
bottom: 46%;
left: 8%;
right: auto;
top: auto
}
.expertise-position-3 {
bottom: 48%;
top: auto;
left: 26%;
right: auto
}
.expertise-position-4 {
bottom: 46%;
top: auto;
left: 42%;
right: auto
}
.expertise-position-5 {
bottom: 43%;
top: auto;
right: 26%;
left: auto
}
.expertise-position-6 {
bottom: 47%;
top: auto;
right: 14%;
left: auto
}
.expertise-position-7 {
top: 25%;
bottom: auto;
right: 2%;
left: auto
}
}
@media (max-width:991px) {
body {
font-size: 14px
}
.as-menu--blog {
max-width: 30%
}
.as-menu--blog .asblog-post:last-of-type {
display: none
}
.as_imagetext__text {
font-size: 8em
}
.scroll-to-nxt {
bottom: 37%
}
.home-section-1-logo-slider {
bottom: 20%
}
.fs-display-2 {
font-size: 11vw
}
.as-hm-prjct-tt {
font-size: 2.75em
}
.home-section-5 .typing-text {
font-size: 5em
}
.block-content {
width: 100%;
padding-right: 0;
float: none
}
.block-content h1.styled br {
content: " "
}
.block-content h1.styled br:after {
content: " "
}
.block-content h2.styled br {
content: " "
}
.block-content h2.styled br:after {
content: " "
}
.skills-container {
margin-left: 0;
padding: 25.5px 40px;
margin-top: 30px
}
.skills-container h3 {
margin-top: 20px
}
.contact-wrap {
display: block
}
.contact-cell-1 {
display: block;
width: 100%
}
.contact-cell-2 {
display: block;
width: 100%
}
.innerpage-title-wrap .as_imagetext__text {
font-size: 5em
}
.tbl {
display: block
}
.tbl-cell {
display: block;
width: 100%
}
.as-expertise-heading span {
margin-bottom: 10px
}
.as-expertise-heading {
font-size: 6em;
letter-spacing: -4px;
line-height: 0.85 !important
}
.expertise-position-1 {
top: 26%;
bottom: auto;
left: 7%;
right: auto
}
.expertise-position-2 {
bottom: 46%;
top: auto;
left: 8%;
right: auto
}
.expertise-position-3 {
bottom: 30%;
top: auto;
left: 26%;
right: auto
}
.expertise-position-4 {
bottom: 30%;
top: auto;
left: 42%;
right: auto
}
.expertise-position-5 {
bottom: 27%;
top: auto;
right: 26%;
left: auto
}
.expertise-position-6 {
bottom: 47%;
top: auto;
right: 10%;
left: auto
}
.expertise-position-7 {
top: 25%;
bottom: auto;
right: 2%;
left: auto
}
}
@media (max-width:850px) {
.expertise-position-1 {
top: 26%;
bottom: auto;
left: 5%;
right: auto
}
.expertise-position-3 {
bottom: 30%;
top: auto;
left: 15%;
right: auto
}
.expertise-position-4 {
bottom: 30%;
top: auto;
left: 42%;
right: auto
}
.expertise-position-5 {
bottom: 27%;
top: auto;
right: 15%;
left: auto
}
}
@media (max-width:767px) {
.project-content-box {
max-width: 97%
}
.vertically-center {
display: block
}
.as-menu-toggle {
top: 15px;
padding: 0 2px;
right: 15px
}
.as-menu-toggle:after {
-moz-transform: translate3d(60%, -69%, 0);
-ms-transform: translate3d(60%, -69%, 0);
-webkit-transform: translate3d(60%, -69%, 0);
transform: translate3d(60%, -69%, 0)
}
.as-menu--blog {
display: none
}
.as-menu--side {
width: 100%;
min-width: initial;
display: block;
position: relative;
padding: 70px 30px 10px;
text-align: center
}
.as-nav,
.as-social-nav {
display: none
}
.as-menu--capabilities.desktop {
display: none
}
.as-menu--capabilities.device {
display: block;
position: relative;
width: 100%;
left: 0;
right: 0;
transform: none;
top: auto;
padding: 20px;
text-align: center;
max-width: 100%
}
.menu-capability {
margin-top: 15px
}
.home-section-1-left-content {
max-width: 100%;
text-align: center
}
.section-1-wrap {
min-height: 1px
}
.section-1,
.section-1-left,
.section-1-right {
display: block;
width: 100%;
padding: 0
}
.section-1-left {
display: none
}
.section-1-left-mobile {
display: block;
width: 100%
}
.section-1-right {
text-align: center
}
.scroll-to-nxt {
display: none
}
.home-section-1-logo-slider {
margin-top: 100px;
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
min-height: 128px
}
.home-section-1-logo-slider img {
max-width: 450px
}
.fs-display-2 {
font-size: 9vw
}
.as-hm-offrs-txt {
font-size: 1.3em !important;
line-height: 1.5
}
.as-hm-prjct-tt {
font-size: 35px
}
.home-section-5 .typing-text {
font-size: 4em
}
.contact-cell-1 {
padding: 0
}
.contact-wrap h1 {
font-size: 4em
}
.footer-nav {
display: block;
text-align: center
}
.footer-nav li {
padding: 5px 0
}
.gallery-wrap .contact-pad {
width: 100%;
padding-top: 20px
}
.contact-link a,
.footer-nav {
font-size: 16px
}
.innerpage-title-wrap .as_imagetext__text {
font-size: 3em
}
.blog-content-wrap {
padding-left: 0
}
.as-expertise-heading {
font-size: 4em
}
.relationship-list-item {
display: block;
width: 90%;
margin: 0 auto
}
.expertise-position-1 {
top: 10%;
bottom: auto;
left: 5%;
right: auto
}
.expertise-position-2 {
bottom: 56%;
top: auto;
left: 6%;
right: auto
}
.expertise-position-3 {
bottom: 30%;
top: auto;
left: 6%;
right: auto
}
.expertise-position-4 {
bottom: 54%;
top: auto;
left: 41%;
right: auto
}
.expertise-position-5 {
top: 9%;
bottom: auto;
right: 7%;
left: auto
}
.expertise-position-6 {
bottom: 57%;
top: auto;
right: 7%;
left: auto
}
.expertise-position-7 {
bottom: 28%;
top: auto;
right: 6%;
left: auto
}
.desktop-img-item,
.mobile-img-item,
.tablet-img-item {
display: block;
width: 100%
}
.as-project-item a {
color: #111517
}
.as-project-item a:hover {
color: rgb(0 0 0 / .1)
}
.as-hm-prjct-lnk {
padding-top: 75%;
padding-bottom: 0
}
.as-hm-prjct-ttwrp {
border: 5px solid;
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
opacity: 1;
padding-top: 0;
padding-bottom: 0;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.as-hm-prjct-tt {
opacity: 1;
position: static;
top: auto;
transform: none
}
.contact-details-wrap a.email {
font-size: 1rem
}
.contact-details-wrap h3 {
font-size: 1rem
}
}
@media (max-width:480px) {
.home-section-1-left-content-2 {
top: 28px
}
.as_imagetext__text {
font-size: 6em
}
.home-section-1-logo-slider img {
max-width: 300px
}
.b-blobs__b2 {
top: 35%
}
.as-hm-offrs-cntnt {
padding-left: 0
}
.as-hm-offrs-sprsm {
padding-left: 6em
}
.fs-display-2 {
font-size: 15vw
}
.as-hm-prjct-tt {
font-size: 2em
}
.contact-wrap h1 {
font-size: 3.5em
}
.contact-details-wrap h3 {
font-size: 1.2em
}
.innerpage-title-wrap .as_imagetext__text {
font-size: 2.5em;
line-height: 1
}
.as-expertise-heading {
font-size: 3em;
letter-spacing: -4px;
line-height: 0.85 !important;
margin-top: 20px
}
.expertise-position-1 {
top: 10%;
bottom: auto;
left: 8%;
right: auto
}
.expertise-position-2 {
top: 9%;
bottom: auto;
right: 4%;
left: auto
}
.expertise-position-3 {
bottom: 42%;
top: auto;
left: 8%;
right: auto
}
.expertise-position-4 {
bottom: 42%;
top: auto;
right: 4%;
left: auto
}
.expertise-position-5 {
bottom: 28%;
top: auto;
left: 7%;
right: auto
}
.expertise-position-6 {
bottom: 32%;
top: auto;
right: 7%;
left: auto
}
.expertise-position-7 {
bottom: 19%;
right: 31%;
top: auto;
left: auto
}
.skills ul {
margin-left: 0 !important
}
}
.grecaptcha-badge {
visibility: hidden !important
}