@font-face{font-family:'Poppins Thin';font-style:normal;font-weight:100;src:local('Poppins Thin'),local('Poppins-Thin'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-100.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-100.woff) format('woff')}@font-face{font-family:'Poppins Superlight';font-style:normal;font-weight:100;src:local('Poppins Superlight'),local('Poppins-Superlight'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-200.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-200.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:local('Poppins Regular'),local('Poppins-Regular'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-regular.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-regular.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;src:local('Poppins Bold'),local('Poppins-Bold'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-700.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/poppins-v5-latin-700.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:100;src:local('Lato Hairline'),local('Lato-Hairline'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v14-latin-100.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v14-latin-100.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:150;src:local('Lato ThinMedium'),local('Lato-ThinMedium'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v1-latin-150.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v1-latin-150.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:200;src:local('Lato Extralight'),local('Lato-Extralight'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v2-latin-200.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v2-latin-200.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v20-latin-300.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v20-latin-300.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v14-latin-700.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v14-latin-700.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v14-latin-regular.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/lato-v14-latin-regular.woff) format('woff')}.wpcf7 .wpcf7-form input[type=checkbox]{min-width:20px !important;}@font-face{font-family: 'PrioriSerifBold';src: url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/prioriserbold-webfont.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/prioriserbold-webfont.woff) format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'PrioriSerifBadge';src: url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/prioriserbadge-webfont.woff2) format('woff2'),url(https://biotech-industry-visions.elementi-design.com/wp-content/fonts/prioriserbadge-webfont.woff) format('woff');font-weight: normal;font-style: normal;}
* {
-webkit-touch-callout: none; 
user-select: none;
} .acceptance-text {
position: relative;
top: 0;
left: 5px;
font-size: 9px;
letter-spacing: .03em;
text-transform: none;
font-weight: 400;
}
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0;
} @media(min-width: 992px) {
.az-main-section-content.az-section-full-screen {
height: 100vh !important;
}
.owl-stage {
display: flex;
}
} #az-header .big-retina {
display: none !important;
} body {
font-family: 'Lato';
}
:root {
--c-light: white; 
--c-dark: black;
--glass-reflex-light: 0.24;
--glass-reflex-dark: 0.95;
--glass-inset-shadows:
inset 0 0 0 0.5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent),
inset 0.9px 1.5px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent),
inset -1px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent),
inset -1.5px -4px 0.5px -3px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -0.15px -0.5px 2px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent),
inset -0.75px 1.25px 0px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
inset 0px 1.5px 2px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
inset 1px -3.25px 0.5px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent),
0px 0.5px 2.5px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent),
0px 3px 8px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);
--outside-shadows: 0 6px 36px rgba(0,0,0,.45);
--c-light-light: rgba(255, 255, 255, 0.5); 
--c-dark-light: rgba(0, 0, 0, 0.5);
--glass-reflex-dark-light: 1.5;
--glass-reflex-light-light: 0.24;
--glass-inset-shadows-light:
inset 0 0 0 0.5px color-mix(in srgb, var(--c-light-light) calc(var(--glass-reflex-light-light) * 10%), transparent),
inset 0.9px 1.5px 0px -1px color-mix(in srgb, var(--c-light-light) calc(var(--glass-reflex-light-light) * 90%), transparent),
inset -1px -1px 0px -1px color-mix(in srgb, var(--c-light-light) calc(var(--glass-reflex-light-light) * 80%), transparent),
inset -1.5px -4px 0.5px -3px color-mix(in srgb, var(--c-light-light) calc(var(--glass-reflex-light-light) * 60%), transparent),
inset -0.15px -0.5px 2px 0px color-mix(in srgb, var(--c-dark-light) calc(var(--glass-reflex-dark-light) * 12%), transparent),
inset -0.75px 1.25px 0px -1px color-mix(in srgb, var(--c-dark-light) calc(var(--glass-reflex-dark-light) * 20%), transparent),
inset 0px 1.5px 2px -1px color-mix(in srgb, var(--c-dark-light) calc(var(--glass-reflex-dark-light) * 20%), transparent),
inset 1px -3.25px 0.5px -2px color-mix(in srgb, var(--c-dark-light) calc(var(--glass-reflex-dark-light) * 10%), transparent),
0px 0.5px 2.5px 0px color-mix(in srgb, var(--c-dark-light) calc(var(--glass-reflex-dark-light) * 10%), transparent),
0px 3px 8px 0px color-mix(in srgb, var(--c-dark-light) calc(var(--glass-reflex-dark-light) * 8%), transparent);
--outside-shadows-light: 0 6px 36px rgba(0,0,0,.19);
}
.az-module.portfolio {
width: calc(100% + 0.1vw);
margin-left: -.5px;
}
.az-module.portfolio:not(.one-column) .single-clms,
.az-module.portfolio.one-column {
border: .5px solid #f5f5f7 !important;
border-radius: 0.3vh;
}
@media(max-width: 991px) {
.az-module.portfolio {
width: calc(100% + 0.3vw);
margin-left: -0.15vw;
}
.az-module.portfolio:not(.one-column) .single-clms,
.az-module.portfolio.one-column {
border-width: .15vw !important;
}
.az-module.portfolio.one-column {
border-top-width: 0 !important;
}
}
#az-preloader-container {
background: rgb(245,245,247);
}
.az-preloader-bar {
background: hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 50%);
}
#az-preloader-container .az-preloader-percentage-text {
font-family: 'PrioriSerifBold';
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.083em;
color: #000;
}
#az-header.h-classic .az-logo-container .az-logo-img img {
max-height: 36px;
}
#follow-test-project {
position: relative;
background: rgb(245,245,247);
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition:         transform 0.5s ease-in-out;
z-index: 50;
}
.z-index-50 {
z-index: 50;
}
#test-project-form {
z-index: 30;
background: rgb(245,245,247);
}
#az-content.form-out {
margin-bottom: 0 !important;
}
#az-content.form-out #follow-test-project {
-webkit-transform: none !important;
transform: none !important;
}
.az-content {
background: rgb(245,245,247);
}
.clm-border-active {
border: none !important;
}
.border:after {
content:'';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border: 1px solid #629dad21;
}
@media (max-width: 992px) {
.row.az-equal .az-main-col-content [class*=" az-clm-padding-"]:not(.az-clm-padding-0) {
padding: 5vw 9vw;
}
.row.az-equal .offers.az-main-col-content [class*=" az-clm-padding-"]:not(.az-clm-padding-0) {
padding-right: 0;
}
}
.move-1 .az-module-wrapper-bg {
height: calc(100% + 75px) !important;
width: calc(100% + 75px) !important;
top: -75px !important;
left: -37.5px !important;
}
.move-1-right .az-module-wrapper-bg {
height: calc(100% + 75px) !important;
width: calc(100% + 75px) !important;
top: -50px !important;
left: -75px !important;
}
.move-2 .az-module-wrapper-bg {
height: calc(100% + 125px) !important;
width: calc(100% + 125px) !important;
top: -125px !important;
left: -62.5px !important;
}
.move-2-2 .az-module-wrapper-bg {
height: calc(100% + 125px) !important;
width: 100% !important;
top: -125px !important;
left: 0 !important;
}
.move-3 .az-module-wrapper-bg {
height: calc(100% + 175px) !important;
width: calc(100% + 175px) !important;
top: -175px !important;
left: -87.5px !important;
}
.move-3-scale .az-module-wrapper-bg {
height: calc(120% + 175px) !important;
width: calc(120% + 175px) !important;
top: calc(-20% - 175px) !important;
left: calc(-10% - 87.5px) !important;
}
.move-3-right .az-module-wrapper-bg {
height: calc(100% + 175px) !important;
width: calc(100% + 175px) !important;
top: -75px !important;
left: 0 !important;
}
.move-3-left .az-module-wrapper-bg {
height: calc(100% + 175px) !important;
width: calc(100% + 175px) !important;
top: -175px !important;
}
.scale-1 .az-module-wrapper-bg {
height: 110% !important;
width: 110% !important;
top: -5% !important;
left: -5% !important;
}
.scale-2 .az-module-wrapper-bg {
height: 120% !important;
width: 120% !important;
top: -10% !important;
left: -10% !important;
}
.scale-2-2 .az-module-wrapper-bg {
height: 120% !important;
width: 120% !important;
top: 0 !important;
left: -10% !important;
}
.scale-3 .az-module-wrapper-bg {
height: 127% !important;
width: 127% !important;
top: -13.5% !important;
left: -13.5% !important;
}
.scale-4 .az-module-wrapper-bg {
height: 140% !important;
width: 140% !important;
top: -20% !important;
left: -20% !important;
}
.scale-5 .az-module-wrapper-bg {
height: 145% !important;
width: 145% !important;
top: -30% !important;
left: -28.5% !important;
}
.rotate .az-module-wrapper-bg {
height: 118% !important;
width: 118% !important;
top: -9% !important;
left: -9% !important;
}
.move-rotate-scale .az-module-wrapper-bg {
height: 186% !important; 
width: 172% !important;
top: -24% !important;
left: -35% !important;
}
@-moz-document url-prefix() {
#registration .az-close-registration,
#test-project-form .az-close-test-project {
perspective: 1000px;
}
.prototyping .az-module-wrap-bg {
transform: perspective(800px) !important;
overflow: visible;
transform-style: preserve-3d;
}
.authorized .single-clms.prototyping:hover .az-module-wrap-bg,
.authorized .single-clms.prototyping.hover .az-module-wrap-bg {
transform: perspective(800px) scale(1.05) !important;
}
}
.image-absolute {
position: absolute;
top: 0;
left: 0;
}
.az-clients-gallery .az-client-gallery-item img {
max-height: 300px;
opacity: 0.3;
}
.name {
position: absolute;
left: 60px;
bottom: 60px;
z-index: 500;
}
.name p {
font-family: 'PrioriSerifBold' !important;
font-size: 1.2rem !important;
letter-spacing: 0.122em !important;
text-transform: uppercase;
}
.Zebra_Tooltip .Zebra_Tooltip_Message a {
color: inherit;
border-bottom: 1px dotted transparent;
padding-bottom: 2px;
-webkit-transition: border .25s ease 0s;
transition: border .25s ease 0s;
}
.dark-detect .az-text-block a:hover,
.Zebra_Tooltip .Zebra_Tooltip_Message a:hover {
border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}
#mailing-list {
z-index: 100;
} .no-scroll {
overflow: hidden;
} .scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
:root {
--scroll-bar-width: 0;
--scroll-bar-width-third: calc(var(--scroll-bar-width) / 3);
}
.full-height .az-clm-force-height {
min-height: calc(100vw - var(--scroll-bar-width)) !important;
}
@media(min-width: 500px) {
.no-scroll,
.no-scroll #registration {
padding-right: var(--scroll-bar-width);
}
.no-scroll #registration .az-close-registration {
margin-right: var(--scroll-bar-width);
}
} 
#registration {
position: fixed;
z-index: 499;
top: 0;
left: 0;
width: 100%;
height: 100vh !important;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 215ms ease-in-out 1ms, visibility 215ms ease-in-out 1ms, background 315ms linear 0s;
transition: opacity 215ms ease-in-out 1ms, visibility 215ms ease-in-out 1ms, background 315ms linear 0s;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(5px);
}
#az-main.registration-visible #registration {
opacity: 1;
visibility: visible;
}
#registration .container-registration {
position: relative; width: 33.333%;
padding: 0 30px;
}
#registration .az-close-registration,
#test-project-form .az-close-test-project {
position: absolute;
top: 3vw;
right: 3vw;
padding: 27px 30px;
cursor: pointer;
display: inline-block;
line-height: normal;
z-index: 101;
}
#registration .az-close-registration .lines,
#test-project-form .az-close-test-project .lines {
position: relative;
top: -5px;
left: -8px;
width: 21px;
height: 1px;
display: inline-block;
background: 0 0;
transform-style: preserve-3d;
}
#registration .az-close-registration .lines:after,
#registration .az-close-registration .lines:before,
#test-project-form .az-close-test-project .lines:after,
#test-project-form .az-close-test-project .lines:before {
content: '';
position: absolute;
top: 0;
left: 10px;
width: 30px;
height: 1px;
display: inline-block;
background: #FFF;
opacity: 0;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .215s ease .5s;
transition: all .215s ease .5s;
}
#test-project-form .az-close-test-project .lines:after,
#test-project-form .az-close-test-project .lines:before {
background: #000;
}
#registration .az-close-registration .lines:before,
#test-project-form .az-close-test-project .lines:before {
-webkit-transform: translate(-30px, -30px) rotate3d(0,0,1,45deg);
transform: translate(-30px, -30px) rotate3d(0,0,1,45deg);
}
#registration .az-close-registration .lines:after,
#test-project-form .az-close-test-project .lines:after {
-webkit-transform: translate(-30px, 30px) rotate3d(0,0,1,-45deg);
transform: translate(-30px, 30px) rotate3d(0,0,1,-45deg);
}
#az-main.registration-visible #registration .az-close-registration .lines:before,
#az-content.form-out #test-project-form .az-close-test-project .lines:before {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
}
#az-main.registration-visible #registration .az-close-registration .lines:after,
#az-content.form-out #test-project-form .az-close-test-project .lines:after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
}
#registration .az-col-cont {
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .315s ease-out;
transition:         transform .315s ease-out;
-webkit-transform: translateY(0.5vw);
transform: translateY(0.5vw);
}
#az-main.registration-visible #registration .az-col-cont {
-webkit-transform: none;
transform: none;
}
#registration form {
z-index: 10;
}
#registration form:before {
content: '';
position: absolute;
background: rgba(18,19,22,.82);
width: 140%;
height: 140%;
left: -20%;
top: -20%;
z-index: -10; border-radius: 3.75vh;
box-shadow: 0 0.5vw 3vw rgba(0, 0, 0, 0.6), var(--glass-inset-shadows); 
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
-webkit-transition : border .215s ease-in-out;
transition : border .215s ease-in-out;
}
#question {
position: absolute;
width: 60px;
height: 60px;
text-align: center;
line-height: 3;
right: -2.5%;
margin-right: -25px;
top: 105%;
margin-top: -15px;
font-family: 'FontAwesome' !important;
font-size: 1.63rem;
color: #fff;
opacity: 0.5;
z-index: 50;
cursor: default;
-webkit-transition: opacity 0.315s ease-out;
transition: opacity 0.315s ease-out;
}
#question.inline {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
line-height: inherit;
right: 0;
margin-right: 0;
top: 0;
margin-top: 0;
color: rgb(85,98,112);
}
#question:hover {
opacity: 1;
}
.fa-question {
padding-right: 1px;
} #registration ::selection {
background: #ccc;
}
.wpcf7 .wpcf7-form input {
width: 100%;
color: #fff;
}
form label,
.wpcf7 .wpcf7-form p,
input[type=submit] {
font-family: 'PrioriSerifBold';
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.083em;
text-transform: uppercase;
}
.acceptance-text {
font-family: 'Poppins';
padding-left: 3px;
}
.wpcf7 .wpcf7-form p {
margin-top: 20px;
}
.wpcf7 .wpcf7-form p:nth-child(5) {
margin-top: 0; }
form label,
.wpcf7 .wpcf7-form p,
.acceptance-text,
.acceptance-text a,
input[type=checkbox]:checked:before {
color: #fff;
}
.wpcf7 .wpcf7-form#test-project-contact .acceptance-text {
color: #556270;
}
.wpcf7 .wpcf7-form#test-project-contact label,
.wpcf7 .wpcf7-form#test-project-contact p,
.wpcf7 .wpcf7-form#test-project-contact .acceptance-text a,
.wpcf7 .wpcf7-form#test-project-contact input[type=checkbox]:checked:before,
.wpcf7 .wpcf7-form#test-project-contact input {
color: #000;
}
input {
background: transparent;
border: none;
border-bottom: 1px solid hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 50%); 
border-radius: 0 !important;
-webkit-transition : border .215s ease-in-out;
transition : border .215s ease-in-out;
caret-color: hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 100%);
color: white;
font-family: 'Lato';
font-weight: 300;
font-size: 19px;
}
.wpcf7 .wpcf7-form#test-project-contact input {
border-color: hsl(calc(var(--section-color-hue)*1deg) 30% 50% / 45%) !important;
}
.hairlines .wpcf7 .wpcf7-form#test-project-contact input,
.hairlines .wpcf7 .wpcf7-form#test-project-contact input[type=checkbox] {
border-color: hsl(calc(var(--section-color-hue)*1deg) 30% 50% / 60%); !important;
}
.wpcf7 .wpcf7-form#test-project-contact input:focus {
border-color: hsl(calc(var(--section-color-hue)*1deg) 50% 50% / 100%) !important;
}
.hairlines .wpcf7 .wpcf7-form#test-project-contact input:focus,
.hairlines .wpcf7 .wpcf7-form#test-project-contact input[type=checkbox]:focus {
border-color: hsl(calc(var(--section-color-hue)*1deg) 50% 50% / 100%) !important;
}
input[type=checkbox] {
background: rgba(255, 255, 255, 0.15);
border: 1px solid hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 50%);
border-radius: 2px !important;
-webkit-transition : border .215s ease-in-out;
transition : border .215s ease-in-out;
}
.wpcf7 .wpcf7-form#test-project-contact input[type=checkbox] {
background: rgba(171, 170, 170, 0.15);
}
input[type=submit] {
background: transparent !important;
padding: 15px 19px;
line-height: normal;
margin-top: 1px !important;
}
input:focus {
border-color: hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 100%) !important;
-webkit-transition : border .215s ease-in-out;
transition : border .215s ease-in-out;
}
#registration .wpcf7 .wpcf7-form .wpcf7-response-output,
.mc4wp-response p {
color: white;
}
input::-webkit-contacts-auto-fill-button {
background: white;
}
.wpcf7 .wpcf7-spinner {
display: none !important;
}
.wpcf7 form .wpcf7-response-output {
margin-top: 30px;
font-size: 1.5rem !important;
line-height: 2.4rem !important;
letter-spacing: 0.027em;
font-style: normal !important;
color: #36424e;
}
.wpcf7-not-valid-tip {
color: hsl(calc(var(--section-color-hue) * 1deg) 90% 60% / 100%) !important;
font-family: 'Lato';
font-style: normal !important;
letter-spacing: 0.05em;
-webkit-transition : color 1.5s ease-in-out;
transition : color 1.5s ease-in-out;
}
.wpcf7 .wpcf7-form#test-project-contact .wpcf7-not-valid-tip {
color: #a500ba !important;
}
.mc4wp-button {
display: block !important;
}
.mc4wp-form-fields p:nth-child(3) {
width: 100%;
padding: 0;
}
.optional-field {
display: none !important;
}
.hairlines input,
.hairlines input[type=checkbox],
.hairlines input:focus {
border-width: 0.5px;
} .category-badge {
position: absolute;
width: 100%;
height: 100%;
}
.category-badge .az-btn.az-btn-normal {
position: absolute;
pointer-events: none;
left: 50%;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
padding: 13px 20px;
-webkit-transition: all 0.315s ease-out;
transition: all 0.315s ease-out;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-family: 'PrioriSerifBadge';
font-weight: 400;
font-size: 1.4rem;
letter-spacing: 0.078em;
padding: 19px 24px 17px 24px;
}
.hairlines .category-badge .az-btn.az-btn-normal {
padding: 19.5px 24px 18px 24px;
} #az-main.registration-visible .category-badge .az-btn {
opacity: 0;
-webkit-transform: translate(-50%,-25%);
transform: translate(-50%,-25%);
}
.category-badge.top .az-btn {
top: 33.333%;
}
.category-badge.middle .az-btn {
top: 50%;
}
.category-badge.bottom .az-btn {
bottom: 33.333%;
-webkit-transform: translate(-50%,50%);
transform: translate(-50%,50%);
} .protected-link {
cursor: pointer; }
.protected-link .az-module-mask-bg {
opacity: 0;
transition: opacity 215ms ease-in-out;
}
.protected-link .az-module-wrapper-bg {
filter: none !important;
transition: filter 215ms ease-in-out; 
} .protected-link.dim .az-module-mask-bg {
opacity: 1;
}
.protected-link.dim .az-module-wrapper-bg {
filter: blur(5px) !important; 
}
.authorized .protected-link:not(.permanent-lock) .az-module-mask-bg {
opacity: 0 !important;
} 
.authorized .protected-link:not(.permanent-lock) .az-module-wrapper-bg {
filter: none !important; 
} .az-btn {
font-family: 'PrioriSerifBold';
font-weight: 400;
}
.az-btn.az-btn-normal {
font-size: 1.4rem;
letter-spacing: 0.078em;
padding: 8px 6px 9px 6px;
}
.az-btn.az-btn-large {
font-size: 1.85rem;
letter-spacing: 0.074em;
}
.az-btn-crosshair {
position: relative;
display: inline-block;
padding: 0 !important;
cursor: pointer;
}
.az-btn-crosshair span {
display: block;
padding: 15px 19px;
margin-top: 1px; } .az-btn-crosshair p {
position: relative;
z-index: 100;
margin-top: 0 !important;
}
#mailing-list .az-btn-crosshair {
display: inline-block;
padding: 0 !important;
margin-top: 36px;
}
#mailing-list .az-btn-crosshair .mc4wp-button {
width: auto;
padding: 0;
cursor: pointer;
}
#mailing-list .az-btn-crosshair .mc4wp-button input[type=submit] {
margin-top: 1px !important;
position: relative;
width: 100%;
z-index: 100;
}
#mailing-list .az-btn-crosshair .bottom-border {
margin-top: -9px;
}
.az-btn-large.az-btn-crosshair span {
padding: 30px 36px;
}
.top-border,
.bottom-border {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.5;
left: 0;
}
@media(min-width: 501px) {
#learn-more .az-btn.az-btn-normal {
font-size: 1.3rem;
letter-spacing: 0.122em;
}
#learn-more .top-border,
#learn-more .bottom-border {
opacity: 0.3;
}
}
.top-border {
top: 0;
}
.bottom-border {
bottom: 0;
}
.top-border:after,
.top-border:before,
.bottom-border:after,
.bottom-border:before {
content: '';
position: absolute;
width: 15px;
height: 15px;
}
.az-btn-large .top-border:after,
.az-btn-large .top-border:before,
.az-btn-large .bottom-border:after,
.az-btn-large .bottom-border:before {
width: 30px;
height: 30px;
}
.top-border:after,
.top-border:before {
top: 0;
border-top: 1px solid;
border-color: inherit;
}
.top-border:before,
.bottom-border:before {
left: 0;
border-left: 1px solid;
border-color: inherit;
}
.bottom-border:after,
.bottom-border:before {
bottom: 0;
border-bottom: 1px solid;
border-color: inherit;
}
.top-border:after,
.bottom-border:after {
right: 0;
border-right: 1px solid;
border-color: inherit;
}
.top-border:before {
-webkit-transition: height .033s ease-out .775s, width .3s ease-in 0s;
transition: height .033s ease-out .775s, width .3s ease-in 0s;
}
.top-border:after {
-webkit-transition: width .033s ease-out .266s, height .1s ease-in .3s;
transition: width .033s ease-out .266s, height .1s ease-in .3s;
}
.bottom-border:after {
-webkit-transition: height .033s ease-out .366s, width .3s ease-in .4s;
transition: height .033s ease-out .366s, width .3s ease-in .4s;
}
.bottom-border:before {
-webkit-transition: width .033s ease-out .666s, height .1s ease-in .7s;
transition: width .033s ease-out .666s, height .1s ease-in .7s;
}
.hairlines .az-btn-large .top-border,
.hairlines .az-btn-large .bottom-border {
opacity: 0.6;
}
.hairlines .button.pos .top-border,
.hairlines .button.pos .bottom-border,
.hairlines .test-project-button .top-border,
.hairlines .test-project-button .bottom-border {
opacity: 1;
}
.hairlines .top-border:after,
.hairlines .top-border:before {
border-top: 0.5px solid;
border-color: inherit;
}
.hairlines .top-border:before,
.hairlines .bottom-border:before {
border-left: 0.5px solid;
border-color: inherit;
}
.hairlines .bottom-border:after,
.hairlines .bottom-border:before {
border-bottom: 0.5px solid;
border-color: inherit;
}
.hairlines .top-border:after,
.hairlines .bottom-border:after {
border-right: 0.5px solid;
border-color: inherit;
}
.az-btn-large .top-border:before,
.az-btn-large .top-border:after,
.az-btn-large .bottom-border:before,
.az-btn-large .bottom-border:after {
width: 30px;
}
.az-btn-crosshair:hover .top-border:before,
.mobile-version .az-btn-crosshair .top-border:before,
.az-btn-crosshair:hover .bottom-border:after,
.mobile-version .az-btn-crosshair .bottom-border:after {
width: 100%;
height: 0;
}
.az-btn-crosshair:hover .top-border:after,
.mobile-version .az-btn-crosshair .top-border:after,
.az-btn-crosshair:hover .bottom-border:before,
.mobile-version .az-btn-crosshair .bottom-border:before {
width: 0;
height: 100%;
}
.column-icon:before {
position: absolute;
top: 0;
right: 0;
padding: 15px;
z-index: 5;
pointer-events: none;
}
.column-icon.neg:before {
color: #fff;
}
.column-icon.fa-repeat {
font-size: 13px;
}
.column-icon.az-icon.az-icon-arrow-right2:before {
font-size: 17px;
padding: 13px 10px;
}
.column-icon.fa-repeat:before {
padding: 14px 15px;
}
.column-icon.az-icon:before {
font-size: 14px;
}
.column-icon.az-icon-eye:before {
font-size: 15.5px;
padding: 14px;
}
.authorized .registration-open .top-border,
.authorized .registration-open .bottom-border {
display: none;
}
.authorized .registration-open .az-btn {
pointer-events: none;
}
.authorized .registration-open .az-btn span {
padding: 0 !important;
}
.fa-lock:before {
font-size: 1.55rem;
padding-top: 14px;
}
.authorized .fa-lock:not(.permanent-lock):before {
content: "\f13e";
}
.protected-link .az-column-link {
pointer-events: none;
}
.authorized .protected-link:not(.permanent-lock) .az-column-link {
pointer-events: auto;
}
#intro {
height: 100vh !important;
}
#intro.az-module .az-module-wrap-bg .az-module-wrapper-bg {
background-size: 159vh !important;
background-position: -5vh top !important;
background-color: #000;
}
h1, .az-main-section-content:not(#intro) h2 {
font-family: Lato;
font-size: 4.2vw;
font-weight: 100;
line-height: 1.2em;
letter-spacing: 0.0095em;
pointer-events: none;
padding-bottom: 2.1vw;
margin: 0;
}
h3, h4 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-o-font-smoothing:antialiased;
letter-spacing: 0.00127em !important;
}
h4 {
letter-spacing: 0.0015em !important;
}
.dark-detect h2 {
color: #9a9aa9;
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 992px) { 
.dark-detect h2 {
color: #7f7f88;
}
}
i.dot {
display: inline-block;
color: hsl(calc(var(--section-color-hue) * 1deg) 100% 50% / 100%) !important;
font-weight: 150 !important;
font-style: normal;
-webkit-transition : color 1.5s ease-in-out, opacity 1.5s ease-in-out;
transition : color 1.5s ease-in-out, opacity 1.5s ease-in-out;
will-change: opacity; }
.light-detect i.dot {
color: hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 100%) !important;
}
h1 i.dot, h2 i.dot {
-webkit-transform: scale(0.9) translateY(0.033em) !important;
transform: scale(0.9) translateY(0.033em) !important;
}
h3 i.dot {
-webkit-transform: scale(1.2) translate(0.03em,-0.06em) !important;
transform: scale(1.2) translate(0.03em,-0.06em) !important;
}
#intro h2 i.dot, h4 i.dot {
-webkit-transform: scale(1.5) translate(0.05em,-0.105em) !important;
transform: scale(1.5) translate(0.05em,-0.105em) !important;
}
.copy {
padding: 2.75vw 9vw !important;
font-family: Lato;
font-weight: 300;
font-size: 17px;
letter-spacing: 0.0095em;
}
.copy .az-text-block p {
background: rgb(245,245,247);
}
.copy.small {
padding: 3.2vw 1.9vw !important;
font-size: 15px;
letter-spacing: 0.012em;
line-height: 2.4rem;
font-weight: 400;
}
.copy.fade-on-out {
opacity: 0;
-webkit-transition: opacity 1s linear .45s;
transition: opacity 1s linear .45s;
}
.disclaimer {
position: absolute;
bottom: 0;
}
#az-content.form-out .copy.fade-on-out {
opacity: 1;
}
.button {
padding: 0 9vw;
}
.button.middle {
padding: 0;
}
.button.middle .az-btn-large.az-btn-crosshair {
font-size: 1.65rem;
}
.slide > div {
display: flex;
align-items: center;
height: 100%;
}
.mobile-break,
.column-line-break {
display: none;
}
.mini-divider {
display: inline;
padding-left: 15px;
}
.mini-divider:before {
content: '';
position: relative;
top: 50%;
width: 1px;
height: 17px;
margin-top: -9px;
padding-left: 13px;
border-left: 1px dotted rgba(255,255,255,0.3);
}
@media(min-width: 992px) {
.move-rotate-scale .az-module-wrapper-bg {
top: -15% !important; }
#processes {
min-height: calc(33.333vw - var(--scroll-bar-width-third)) !important;
}
#portfolio-4,
#portfolio-4 .prototyping,
#portfolio-4 .prototyping .az-module-wrap-bg {
overflow: visible;
}
#az-header.h-classic .header-container-fluid .az-logo-container {
float: right;
margin-top: 5vw;
margin-right: 1.9vw;
}
#registration .az-close-registration .lines:after,
#registration .az-close-registration .lines:before {
width: 24px;
}
.full-height .az-clm-force-height {
min-height: calc(33.333vw - var(--scroll-bar-width-third)) !important;
}
.half-height .az-clm-force-height {
min-height: calc(25vw - var(--scroll-bar-width-third)) !important;
}
.third-height .az-clm-force-height {
min-height: calc(20.833vw - var(--scroll-bar-width-third)) !important;
}
#learn-more .az-clm-force-height {
min-height: 5.583vw !important;
}
#learn-more .az-clm-force-height .az-button-wrapper {
margin-top: -2.75vw !important;
}
.category-badge.top .az-btn {
top: 11.111vw;
}
.category-badge.bottom .az-btn {
bottom: 11.111vw;
}	
#clients .col-md-10 {
display: flex;
align-items: center;
height: 20.8333vw;
}
}
@media(min-width: 1500px) {
.margin-left {
padding-right: 5vw !important;
}
#registration .az-close-registration .lines:after,
#registration .az-close-registration .lines:before,
#test-project-form .az-close-test-project .lines:after,
#test-project-form .az-close-test-project .lines:before {
width: 46px;
}
#intro .az-clm-padding-90 {
padding-left: 0;
}
}
@media(max-width: 1649px) {
.button.middle .az-btn-large.az-btn-crosshair {
font-size: 1.5rem;
}
.button.middle .az-btn-large .top-border:after, .az-btn-large .top-border:before,
.button.middle .az-btn-large .bottom-border:after, .az-btn-large .bottom-border:before {
width: 24px;
height: 24px;
}
.button.middle .az-btn-large.az-btn-crosshair span {
padding: 24px 30px;
letter-spacing: 0.09em;
}
}
@media(max-width: 1499px) {
#az-header .az-logo-img:after {
bottom: -8px;
right: 8px;
font-size: 1.2rem;
letter-spacing: 0.098em;
}
.az-logo-img img {
height: 32px !important;
}
.az-btn-large.az-btn-crosshair {
font-size: 1.65rem;
}
#intro .az-btn-large.az-btn-crosshair {
-webkit-transform-origin: right top;
transform-origin: right top;
}
#az-main.registration-visible .category-badge .az-btn {
opacity: 0;
-webkit-transform: translate(-50%,-25%) !important; 
transform: translate(-50%,-25%) !important;
}
.hairlines .button.pos .top-border,
.hairlines .button.pos .bottom-border {
opacity: 0.9;
}
h1, .az-main-section-content:not(#intro) h2 {
font-weight: 150 ;
}
.az-clm-padding-90 {
padding: 75px;
}
#registration .container-registration {
width: 50%;
}
}
@media(min-width: 1900px) {
#az-header.h-classic .header-container-fluid .az-logo-container {
margin-top: 5.27vw;
margin-right: 2.85vw;
}
#az-header.h-classic .header-container-fluid .az-logo-container .white-img,
#az-header.h-classic .header-container-fluid .az-logo-container .dark-img {
display: none !important;
}
#az-header.h-classic.az-dark-type .header-container-fluid .az-logo-container .white-img.big-retina,
#az-header.h-classic.az-light-type .header-container-fluid .az-logo-container .dark-img.big-retina {
display: block !important;
width: 210px !important;
height: 42px !important;
}
#az-header.h-classic .az-logo-container .az-logo-img img {
max-height: 42px;
}
.copy {
padding: 3.6vw 9vw;
}
}
@media(max-width: 1199px) {
#az-header .az-logo-img:after {
bottom: -7px;
right: 8px;
font-size: 1.1rem;
letter-spacing: 0.11em;
}
.az-logo-img img {
height: 30px !important;
}
.az-btn-large.az-btn-crosshair {
font-size: 1.5rem;
}
.az-btn-large .top-border:after, .az-btn-large .top-border:before,
.az-btn-large .bottom-border:after, .az-btn-large .bottom-border:before {
width: 24px;
height: 24px;
}
.az-btn-large.az-btn-crosshair span {
padding: 24px 30px;
letter-spacing: 0.09em;
}
h1, .az-main-section-content:not(#intro) h2 {
font-weight: 200 !important;
-webkit-font-smoothing: antialiased;
}
.az-clm-padding-90 {
padding: 60px;
}
#registration .container-registration {
width: 75%;
}
#registration form:before {
width: 120%;
height: 120%;
left: -10%;
top: -10%;
}
#question {
top: 100%;
right: 0;
}
}
@media(max-width: 1024px) {
#az-header.h-classic .az-menu-trigger {
display: none;
}
}
@media(max-width: 991px) {
.mobile-absolute {
position: absolute;
}
.mobile-min-height {
height: 100vw !important;
}
h1, .az-main-section-content:not(#intro) h2 {
font-size: 6vw !important;
}
.mobile-container-padding {
padding: 0 9vw;
}
#registration .container-registration {
padding: 0 9vw;
}
#registration form:before {
width: -webkit-calc(100% + 18vw);
width:         calc(100% + 18vw);
left: -9vw;
}
.conceptual-photography .az-module-wrapper-bg {
background-position: center center !important;
}
.scale-1 .az-module-wrapper-bg {
height: 140% !important;
width: 140% !important;
top: -20% !important;
left: -20% !important;
}
.move-rotate-scale .az-module-wrapper-bg {
top: -28.5% !important;
}
#question {
top: 95%;
right: 9vw;
}
}
@media (max-width: 767px) {
#registration .container-registration {
width: 100%;
}
}
@media(min-width: 501px) and (max-width: 550px) {
.single-portfolio h1 {
font-size: 33px !important;
}
}
@media(max-width: 500px) {
#az-header.h-classic .az-nav-wrapper {
padding: 0 9vw;
}
h1, .az-main-section-content:not(#intro) h2, h3 {
font-weight: 300 !important;
}
h1 i.dot, h2 i.dot, h3 i.dot {
-webkit-transform: scale(1.2) translate(0.03em,-0.06em) !important;
transform: scale(1.2) translate(0.03em,-0.06em) !important;
}
h1, .az-main-section-content:not(#intro) h2 {
font-size: 9vw !important;
}
.single-portfolio h1,
h3 {
font-size: 8.25vw !important;
}
.name {
left: 9vw;
}
.copy,
.button {
padding: 8vw 9vw !important;
font-weight: 400;
font-size: 18px;
}
#intro .az-margin-bottom-60 {
padding-left: 8vw;
}
#intro.az-module .az-module-wrap-bg .az-module-wrapper-bg {
background-size: 181vh !important;
background-position: -10.5vh top !important;
}
.mobile-break {
display: block;
}
.mini-divider {
display: none
}
.az-btn-crosshair {
width: 100%;
}
.hairlines .top-border,
.hairlines .bottom-border {
opacity: 0.9;
}
#registration .container-registration { -webkit-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: -webkit-transform .315s ease-in-out;
transition:         transform .315s ease-in-out;
}
#az-main.registration-visible #registration .container-registration {
-webkit-transform: none;
transform: none;
}
#registration .az-close-registration {
padding-top: calc(50vh - 334px);
}
#registration form:before {
border-radius: 3.6vw;
}
#registration form:after {
left: 0;
right: auto;
top: -15px;
}
#question {
top: 100%;
}
input,
input[type=checkbox] {
border-color: hsl(calc(var(--section-color-hue) * 1deg) 100% 70% / 70%);
}
input:focus,
input[type=checkbox]:focus {
border-color: hsl(calc(var(--section-color-hue) * 1deg) 100% 70% / 100%) !important;
}
}
@media(max-width: 437px) {
#registration .az-close-registration {
padding-top: calc(50vh - 350px);
}
}
@media (min-width: 992px) and (max-width: 1499px) {
.category-badge .az-btn.az-btn-normal {
font-size: 1.3rem;
letter-spacing: 0.089em;
padding: 17px 21px 15px 21px;
}  
}
@media (min-width: 992px) and (max-width: 1199px) {
.column-line-break {
display: block;
}
.az-clients-gallery .az-client-gallery-item img {
max-height: 210px;
}
#learn-more .az-btn {
font-family: 'PrioriSerifBadge';
font-size: 1.5rem;
}
.copy {
padding: 2.75vw 6vw !important;
} 
}
@media (min-width: 1200px) and (max-width: 1749px) {
.az-clients-gallery .az-client-gallery-item img {
max-height: 210px;
}
#learn-more .az-btn {
font-size: 1.65rem;
}
}
@media (min-width: 1750px) and (max-width: 2099px) {
.az-clients-gallery .az-client-gallery-item img {
max-height: 240px;
}
}
@media (min-width: 2100px) and (max-width: 2349px) {
.az-clients-gallery .az-client-gallery-item img {
max-height: 270px;
}
} .animate-content.animate-span,
.animate-content.animate-rectangles,
.animate-content#intro {
animation: none; }
.animate-span .span-container span {
display: inline-block;
opacity: 0;
-webkit-transform: translateX(-0.5vw);
transform: translateX(-0.5vw);
-webkit-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
.animate-content.animate-rectangles svg g {
opacity: 0;
-webkit-transition: opacity 0.315s ease-out;
transition: opacity 0.315s ease-out;
}
.animate-span .span-container span:nth-child(1) {
-webkit-transition-delay: .075s;
transition-delay: .075s;
}
.animate-span .span-container span:nth-child(2) {
-webkit-transition-delay: .15s;
transition-delay: .15s;
}
.animate-span .span-container span:nth-child(3) {
-webkit-transition-delay: .225s;
transition-delay: .225s;
}
.animate-span .span-container span:nth-child(4) {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.animate-span .span-container span:nth-child(5) {
-webkit-transition-delay: .375s;
transition-delay: .375s;
}
.animate-span .span-container span:nth-child(6) {
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.animate-span .span-container span:nth-child(7) {
-webkit-transition-delay: .525s;
transition-delay: .525s;
}
.animate-span .span-container span:nth-child(8) {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.animate-span .span-container span:nth-child(9) {
-webkit-transition-delay: .675s;
transition-delay: .675s;
}
.animate-span .span-container span:nth-child(10) {
-webkit-transition-delay: .75s;
transition-delay: .75s;
}
.animate-span .span-container span:nth-child(11) {
-webkit-transition-delay: .825s;
transition-delay: .825s;
}
.animate-span .span-container span:nth-child(12) {
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.animate-span .span-container span:nth-child(13) {
-webkit-transition-delay: .975s;
transition-delay: .975s;
}
.animate-span .span-container span:nth-child(14) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.animate-span .span-container span:nth-child(15) {
-webkit-transition-delay: 1.125s;
transition-delay: 1.125s;
}
.animate-span .span-container span:nth-child(16) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.animate-span .span-container span:nth-child(17) {
-webkit-transition-delay: 1.275s;
transition-delay: 1.275s;
}
.animate-span .span-container span:nth-child(18) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
.animate-span .span-container span:nth-child(19) {
-webkit-transition-delay: 1.425s;
transition-delay: 1.425s;
}
.animate-span .span-container span:nth-child(20) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.animate-span .span-container span:nth-child(21) {
-webkit-transition-delay: 1.575s;
transition-delay: 1.575s;
}
.animate-span .span-container span:nth-child(22) {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
.animate-span .span-container span:nth-child(23) {
-webkit-transition-delay: 1.725s;
transition-delay: 1.725s;
}
.animate-span .span-container span:nth-child(24) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.animate-span .span-container span:nth-child(25) {
-webkit-transition-delay: 1.875s;
transition-delay: 1.875s;
}
.animate-span .span-container span:nth-child(26) {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
.animate-span .span-container span:nth-child(27) {
-webkit-transition-delay: 2.025s;
transition-delay: 2.025s;
}
.animate-span .span-container span:nth-child(28) {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
.animate-span .span-container span:nth-child(29) {
-webkit-transition-delay: 2.175s;
transition-delay: 2.175s;
}
.animate-span .span-container span:nth-child(30) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
.animate-span .span-container span:nth-child(31) {
-webkit-transition-delay: 2.325s;
transition-delay: 2.325s;
}
.animate-span .span-container span:nth-child(32) {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
.animate-span .span-container span:nth-child(33) {
-webkit-transition-delay: 2.475s;
transition-delay: 2.475s;
}
.animate-span .span-container span:nth-child(34) {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
.animate-span .span-container span:nth-child(35) {
-webkit-transition-delay: 2.625s;
transition-delay: 2.625s;
}
.animate-span .span-container span:nth-child(36) {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
.animate-span .span-container span:nth-child(37) {
-webkit-transition-delay: 2.775s;
transition-delay: 2.775s;
}
.animate-span .span-container span:nth-child(38) {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
.animate-span .span-container span:nth-child(39) {
-webkit-transition-delay: 2.925s;
transition-delay: 2.925s;
}
.animate-span .span-container span:nth-child(40) {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
.animate-span .span-container span:nth-child(41) {
-webkit-transition-delay: 3.075s;
transition-delay: 3.075s;
}
.animate-span .span-container span:nth-child(42) {
-webkit-transition-delay: 3.15s;
transition-delay: 3.15s;
}
.animate-span .span-container span:nth-child(43) {
-webkit-transition-delay: 3.225s;
transition-delay: 3.225s;
}
.animate-span .span-container span:nth-child(44) {
-webkit-transition-delay: 3.3s;
transition-delay: 3.3s;
}
.animate-span .span-container span:nth-child(45) {
-webkit-transition-delay: 3.375s;
transition-delay: 3.375s;
}
.animate-span .span-container span:nth-child(46) {
-webkit-transition-delay: 3.45s;
transition-delay: 3.45s;
}
.animate-span .span-container span:nth-child(47) {
-webkit-transition-delay: 3.525s;
transition-delay: 3.525s;
}
.animate-span .span-container span:nth-child(48) {
-webkit-transition-delay: 3.6s;
transition-delay: 3.6s;
}
.animate-span .span-container span:nth-child(49) {
-webkit-transition-delay: 3.675s;
transition-delay: 3.675s;
}
.animate-span .span-container span:nth-child(50) {
-webkit-transition-delay: 3.75s;
transition-delay: 3.75s;
}
.animate-span .span-container span:nth-child(51) {
-webkit-transition-delay: 3.825s;
transition-delay: 3.825s;
}
.animate-span .span-container span:nth-child(52) {
-webkit-transition-delay: 3.9s;
transition-delay: 3.9s;
}
.animate-content.animate-rectangles svg g:nth-child(1) {
-webkit-transition-delay: .25s;
transition-delay: .25s;
}
.animate-content.animate-rectangles svg g:nth-child(2) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.animate-content.animate-rectangles svg g:nth-child(3) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.animate-content.animate-rectangles svg g:nth-child(4) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.animate-content.animate-rectangles svg g:nth-child(5) {
-webkit-transition-delay: 1.255s;
transition-delay: 1.25s;
}
.animate-content.animate-rectangles svg g:nth-child(6) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.animate-content.animate-rectangles svg g:nth-child(7) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
.animate-content.animate-rectangles svg g:nth-child(8) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.animate-content.animate-rectangles svg g:nth-child(9) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
.animate-content.animate-rectangles svg g:nth-child(10) {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.animate-content.animate-rectangles svg g:nth-child(11) {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s;
}
.animate-content.animate-rectangles svg g:nth-child(12) {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
.animate-content.animate-rectangles svg g:nth-child(13) {
-webkit-transition-delay: 3.25s;
transition-delay: 3.25s;
}
.animate-content.animate-rectangles svg g:nth-child(14) {
-webkit-transition-delay: 3.5s;
transition-delay: 3.5s;
}
.animate-content.animate-rectangles svg g:nth-child(15) {
-webkit-transition-delay: 3.75s;
transition-delay: 3.75s;
}
.animate-span.flex-active-slide .span-container span,
.animate-span.animated .span-container span,
.animate-rectangles.animated svg g,
#az-content.form-out #test-project-form .animate-span .span-container span {
opacity: 1;
-webkit-transform: none;
transform: none;
} .Zebra_Tooltip {
background: 0 0;
position: absolute;
z-index: 499;
}
.Zebra_Tooltip.Zebra_Tooltip_No_Pointer {
pointer-events: none;
transform-style: preserve-3d;
}
.Zebra_Tooltip .Zebra_Tooltip_Message {
background: rgba(18,19,22,.96);
border-radius: 2.4em;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
color: #fff;
font-family: Lato;
font-weight: 400;
font-size: 13px;
line-height: 1.9em;
letter-spacing: 0.015em;
text-align: center;
*margin-right: 0;
max-width: 250px;
min-width: 172px;
padding: 17px 24px;
position: relative;
_width: expression(document.body.clientWidth > 250px ? '250px': 'auto');
}
.Zebra_Tooltip .Zebra_Tooltip_Message a {
border: none;
}
.Zebra_Tooltip .Zebra_Tooltip_Message #landing {
padding-bottom: 28px;
display: inline-block;
position: relative;
}
.Zebra_Tooltip .Zebra_Tooltip_Message #landing:before {
content: '';
position: absolute;
background: hsl(calc(var(--section-color-hue)*1deg) 50% 50% / 20%);
width: 100%;
height: 1px;
left: 0;
bottom: 12px;
}
.Zebra_Tooltip .Zebra_Tooltip_Message i {
display: inline-block;
padding-left: 1px;
}
.Zebra_Tooltip .Zebra_Tooltip_Message i.az-icon-open {
margin-right: -4px;
}
.Zebra_Tooltip .Zebra_Tooltip_Message i.az-icon-arrow-right2 {
margin-left: -3px;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow {
position: absolute;
width: 20px;
height: 10px;
overflow: hidden;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom {
bottom: 0;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
top: 0;
border-color: rgba(18,19,22,.96) transparent transparent;
_border-bottom-color: pink
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top {
top: 0
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div {
bottom: 0;
border-color: transparent transparent rgba(18,19,22,.96);
_border-top-color: pink
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div:nth-child(2),
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div:nth-child(2) { 
border-color: transparent transparent transparent !important;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
position: absolute;
border-style: solid;
border-width: 10px;
width: 0;
height: 0;
left: 0;
_border-left-color: pink;
_border-right-color: pink;
_filter: chroma(color=pink)
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow div.Zebra_Tooltip_Arrow_Border {
border-width: 10px;
left: 0
} .internal-link-col:before {
display: none;
}
.internal-link {
font-family: Lato;
font-weight: 600;
font-size: 13px;
line-height: 1.9em;
letter-spacing: 0.015em;
text-align: center;
position: absolute;
right: 0;
-webkit-transform: translateX(calc(100% - 37px));
transform: translateX(calc(100% - 37px));
-webkit-transition: transform .315s ease-in-out;
transition: transform .315s ease-in-out;
padding: 10px;
}
.internal-link i {
position: relative;
color: white;
top: 2px;
margin-right: 1px;
font-size: 17px;
-webkit-transition: transform .315s ease-in-out .15s;
transition: transform .315s ease-in-out .15s;
}
.internal-link.pos i {
color: rgba(85,98,112,1);
-webkit-transition: transform .315s ease-in-out .15s, color .315s ease-in-out .15s;
transition: transform .315s ease-in-out .15s, color .315s ease-in-out .15s;
}
.az-icon-arrow-right2:hover .internal-link {
-webkit-transform: none;
transform: none;
}
.az-icon-arrow-right2:hover .internal-link i {
display: inline-block;
-webkit-transform: scale(0.76470588);
transform: scale(0.76470588);
}
.az-icon-arrow-right2:hover .internal-link.pos i {
color: rgba(40,40,46,1);
}
.internal-link span {
padding-right: 2px;
margin-left: -3px;
color: rgba(255,255,255,0);
-webkit-filter: blur(15px);
filter: blur(15px);
-webkit-transition: color .315s ease-in-out .15s, -webkit-filter .315s ease-in-out .3s;
transition: color .315s ease-in-out .15s,         filter .315s ease-in-out .3s;
}
.internal-link.pos span {
color: rgba(40,40,46,0);
}
.az-icon-arrow-right2:hover .internal-link span {
color: rgba(255,255,255,1);
-webkit-filter: none;
filter: none;
}
.az-icon-arrow-right2:hover .internal-link.pos span {
color: rgba(40,40,46,1);
}
.single-portfolio .client-logo img {
width: 300px;
height: 300px;
opacity: 0.3;
}
.az-normal-pagination {
background: #fafafc;
border-top: none;
}
.az-normal-pagination .back-post a span,
.az-normal-pagination .next-post a span,
.az-normal-pagination .prev-post a span {
font-family: 'PrioriSerifBold' !important;
font-weight: 400;
font-size: 1.3rem;
letter-spacing: 0.089em;
line-height: 17px;
}
.az-normal-pagination .back-post a span {
font-size: 1.2rem;
letter-spacing: 0.122em;
}
.Zebra_Tooltip a.current,
.Zebra_Tooltip a.current + br {
display: none;
}
.az-normal-pagination .next-post a i,
.az-normal-pagination .prev-post a i {
position: relative;
display: inline-block;
}
.next-post:hover a i {    
-webkit-animation: bounceArrowRight 0.35s ease 0s alternate infinite;
animation: bounceArrowRight 0.35s ease 0s alternate infinite;
}
.prev-post:hover a i {    
-webkit-animation: bounceArrowLeft 0.35s ease 0s alternate infinite;
animation: bounceArrowLeft 0.35s ease 0s alternate infinite;
}
@-webkit-keyframes bounceArrowLeft {
0% {
-webkit-transform: translateX(0px);
}
100% { 
-webkit-transform: translateX(7px);
}
}
@keyframes bounceArrowLeft {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
100% { 
-webkit-transform: translateX(7px);
transform: translateX(7px);
}
}
@-webkit-keyframes bounceArrowRight {
0% {
-webkit-transform: translateX(0px);
}
100% { 
-webkit-transform: translateX(-7px);
}
}
@keyframes bounceArrowRight {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
100% { 
-webkit-transform: translateX(-7px);
transform: translateX(-7px);
}
} .az-module.portfolio .single-clms {
overflow: hidden;
}
.authorized .single-clms.fa-lock:not(.permanent-lock) .az-module-wrap-bg,
.single-clms.az-icon-open .az-module-wrap-bg,
.single-clms.az-icon-arrow-right2 .az-module-wrap-bg {
-webkit-transition: -webkit-transform .5s ease-in-out;
transition:         transform .5s ease-in-out;
}
.authorized .single-clms.fa-lock:not(.permanent-lock):hover .az-module-wrap-bg,
.authorized .single-clms.prototyping.hover .az-module-wrap-bg,
.single-clms.az-icon-open:hover .az-module-wrap-bg,
.single-clms.az-icon-arrow-right2:hover .az-module-wrap-bg {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}