/*-----------------------------------------------------------------------------------

	Theme Name: Valkyrie Child Theme
	Theme URI: http://www.demo.az-themes.com/valkyrie/
	Description: Valkyrie Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features. WooCommerce and WPML Supported.
	Authors: Alessio Atzeni and Stefan Seifert
	Author URI: http://www.alessioatzeni.com/
	Version: 1.0

	Template: valkyrie

-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
	01. Theme customization starts here!!!
-------------------------------------------------------------------------------------*/
@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;
}
html :where([style*="border-color"]) {
    border-style: none;
}
/* Forms */
.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;
}
/* refresh resize bug */
@media(min-width: 992px) {
    .az-main-section-content.az-section-full-screen {
        height: 100vh !important;
    }
	.owl-stage {
		display: flex;
	}
}
/* Header */
#az-header .big-retina {
	display: none !important;
}

/* BIOTECH INDUSTRY VISIONS */
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 -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 30%), 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);

    --secondary-size1: 1.85rem;
    --secondary-spacing1: 0.068em;
    --secondary-size2: 1.65rem;
    --secondary-spacing2: 0.071em;
    --secondary-size3: 1.5rem;
    --secondary-spacing3: 0.077em;
    --secondary-size4: 1.4rem;
    --secondary-spacing4: 0.085em;
    --secondary-size5: 1.3rem;
    --secondary-spacing5: 0.11em;
    --secondary-size6: 1.2rem;
    --secondary-spacing6: 0.15em; 

}
.az-module.portfolio {
	width: calc(100% - 5px);
	margin-left: 2.5px;
}
.az-module.portfolio:not(.one-column) .single-clms,
.az-module.portfolio.one-column {
	border: 2.5px solid #f5f5f7 !important;
    border-radius: 0.3vw;
}
@media(max-width: 991px) {
	.az-module.portfolio {
		width: calc(100% - 1.5vw);
		margin-left: 0.75vw;
	}
	.az-module.portfolio:not(.one-column) .single-clms,
	.az-module.portfolio.one-column {
		border-width: .75vw !important;
        border-radius: 1.5vw;
	}
    .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: var(--secondary-size4);
    font-weight: 400;
    letter-spacing: var(--secondary-spacing4);
    color: #000;
}
#az-header.h-classic .az-logo-container .az-logo-img img {
    max-height: 36px;
    -webkit-user-select: none;
            user-select: none;
}
#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: var(--secondary-size6) !important;
    letter-spacing: var(--secondary-spacing6) !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;
}
/* Forms */
.no-scroll {
	overflow: hidden;
}
/* for js to detect real scroll bar width (if any) also for scroll bar over page content */
.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; /*new*/
    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: 1px solid hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 16.666%);  */
    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;
}
/* .hairlines #registration form:before {
    border: 0.5px solid hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 25%); 
} */
#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: var(--secondary-size4);
    font-weight: 400;
    letter-spacing: var(--secondary-spacing4);
	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; /* honeypot field */
}
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;
}
/* Badges */
.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: var(--secondary-size3);
    letter-spacing: var(--secondary-spacing3);
    padding: 22.5px 24px 20.5px 24px;
}
.hairlines .category-badge .az-btn.az-btn-normal {
    padding: 22px 24px 20.5px 24px;
}
/* .category-badge .az-btn.az-btn-normal,
.Zebra_Tooltip .Zebra_Tooltip_Message {
    border: 1px solid hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 20%);
}
.hairlines .category-badge .az-btn,
.hairlines .Zebra_Tooltip .Zebra_Tooltip_Message {
    border-width: 0.5px;
    border-color: hsl(calc(var(--section-color-hue) * 1deg) 50% 50% / 35%);
}  */
#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%);
}
/* INITIAL STATE */
.protected-link {
    cursor: pointer; /* anyway, even if link has pointer events none */
}
.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; 
}
/* HOVER STATE */
.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; 
}
/* Crosshair Button */
.az-btn {
    font-family: 'PrioriSerifBold';
    font-weight: 400;
}
.az-btn.az-btn-normal {
    font-size: var(--secondary-size4);
    letter-spacing: var(--secondary-spacing4);
    padding: 8px 6px 9px 6px;
}
.az-btn.az-btn-large {
    font-size: var(--secondary-size1);
    letter-spacing: var(--secondary-spacing1);
}
.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; /*vertical center better*/
}
 /*Contact Form 7*/
.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: var(--secondary-size5);
        letter-spacing: var(--secondary-spacing5);
    }
    #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: 14.5px;
}
.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; /* does not help Safari */
}
.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: var(--secondary-size2);
    letter-spacing: var(--secondary-spacing2);
}
.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; /*-20.4%*/
    }
	#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: var(--secondary-size2);
        letter-spacing: var(--secondary-spacing2);
    }
	#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 /*!important*/;
	}
	.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 {
        /*padding: 0 9vw;*/
        -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/*,
    #test-project-form .az-close-test-project*/ {
        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: var(--secondary-size2);
        letter-spacing: var(--secondary-spacing2);
    }
}
@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;
    }
}
/* Animations */
.animate-content.animate-span,
.animate-content.animate-rectangles,
.animate-content#intro {
    animation: none; /* clear the standard */
}
.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;
}
/* tooltips*/
.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: 100px;
    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
}
/* SINGLE PORTFOLIO */
.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: var(--secondary-size6);
    letter-spacing: var(--secondary-spacing6);
}
.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);
    }
}
/*TEST*/
.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);
}