@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap"); * {
margin: 0;
padding: 0;
outline: 0;
background: 0 0;
vertical-align: baseline;
}
img {
border: 0;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, select {
vertical-align: middle;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
body {
--font-family-headings: 'Oswald', 'Open Sans', 'Roboto', sans-serif;
--font-family-text: 'Open Sans', 'Roboto', sans-serif;
--font-size-text: 14px;
--color-text: #000000;
--color-body: #ffffff;
--color-gray: #131212;
--color-gray-light: #EBEBEB;
--color-orange: #F06400;
--color-darkblue: #2F3545;
--color-green: #A2C617;
--color-yellow: #FAB900;
--space-side: 20px;
--space-section: 100px;
--animation-bump: cubic-bezier(0.6,  0.04,  0.98,  0.335);
--animation-border: cubic-bezier(0.6,  0.04,  0.98,  0.335);
--animation-scrolldelay: 1.5s;
--animation-appeardelay: 0.1s;
--animation-appearduration: 0.8s;
--animation-duration-border: 0.4s;
}
.btn-bordered, .btn-bordered:focus, .btn-bordered:hover, .btn-bordered:visited, .btn-orange, .btn-orange:focus, .btn-orange:hover, .btn-orange:visited, .footer a, .footer a:focus, .footer a:hover, .footer a:visited, .header.header-home .scroll, .header.header-home .scroll:focus, .header.header-home .scroll:hover, .header.header-home .scroll:visited, .header__menu__links a, .header__menu__links a:focus, .header__menu__links a:hover, .header__menu__links a:visited, .hirschtree .item, .hirschtree .item:focus, .hirschtree .item:hover, .hirschtree .item:visited, .phrasewindow, .phrasewindow:focus, .phrasewindow:hover, .phrasewindow:visited, .recommendations a.recommendations__item, .recommendations a.recommendations__item:focus, .recommendations a.recommendations__item:hover, .recommendations a.recommendations__item:visited, .services-list a, .services-list a:focus, .services-list a:hover, .services-list a:visited, .services__listcontent a, .services__listcontent a:focus, .services__listcontent a:hover, .services__listcontent a:visited, .works__info .close, .works__info .close:focus, .works__info .close:hover, .works__info .close:visited, h1 a, h1 a:focus, h1 a:hover, h1 a:visited {
text-decoration: none;
text-decoration: none!important;
}
.header.header-home .header-home__video video, .home-quality__begin, .home-quality__begin::after, .home-works .splide__slide .splide__slide__desc div:first-child>*, .home-works .splide__slide .splide__slide__desc div:last-child>*, .map__map__logo, .map__map__map, .map__text, .section-i-left.animatedAppear .img, .section-i-right.animatedAppear .img, .works__info .close, .works__info.popup {
visibility: hidden;
opacity: 0;
}
.animatedAppearUp, .home-bonus, .home-news, .home-quality, .home-recommendations, .home-services, .home-services .services, .home-specialization, .home-works, .map, .section-i-left.animatedAppear .content, .section-i-right.animatedAppear .content {
visibility: hidden;
opacity: 0;
transform: translateY(10%);
}
.animated.animatedAppearUp, .animated.home-bonus, .animated.home-news, .animated.home-quality, .animated.home-recommendations, .animated.home-services, .animated.home-specialization, .animated.home-works, .animated.map, .home-services .animated.services, .section-i-left.animatedAppear .animated.content, .section-i-right.animatedAppear .animated.content {
animation-name: FadeIn, FloatYUp;
animation-duration: var(--animation-appearduration);
animation-timing-function: linear;
animation-delay: var(--animation-appeardelay);
animation-fill-mode: forwards;
}
.section-i-left>*, .section-i-right>*, body:not([class*=home])>* {
min-width: 0;
max-width: 100%}
html {
font-size: 100%}
body {
font-family: var(--font-family-text);
font-size: var(--font-size-text);
line-height: 1.7;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-family-headings);
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin: calc(var(--space-side) * 2) 0;
}
h2:first-child, h3:first-child, h4:first-child, h5:first-child {
margin-top: 0;
}
h2:last-child, h3:last-child, h4:last-child, h5:last-child {
margin-bottom: 0;
}
h1 {
font-weight: 700;
font-family: var(--font-family-text);
font-size: calc(var(--font-size-text) + 11px);
}
h1, h1 a {
color: var(--color-orange);
}
h2 {
font-size: calc(var(--font-size-text) + 18px);
color: var(--color-darkblue);
letter-spacing: 2px;
}
h3 {
font-family: var(--font-family-text);
color: var(--color-orange);
font-size: calc(var(--font-size-text) + 7px);
}
h4 {
text-align: left;
font-family: var(--font-family-text);
font-size: calc(var(--font-size-text) + 2px);
font-weight: 700;
color: var(--color-orange);
margin-bottom: var(--space-side);
}
.p, blockquote, li, ol, p, ul {
margin-bottom: 40px;
}
.p:last-child, blockquote:last-child, li:last-child, ol:last-child, p:last-child, ul:last-child {
margin-bottom: 0;
}
a {
transition: all .2s ease;
}
p {
line-height: 1.8;
}
.text-center {
text-align: center;
}
.color-orange {
color: var(--color-orange);
}
.imgTitle {
color: #fab900;
padding-top: 10px;
}
@keyframes FadeOut {
0% {
visibility: visible;
opacity: 1;
}
100% {
visibility: hidden;
opacity: 0;
}
}@keyframes FadeIn {
0% {
visibility: hidden;
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
}@keyframes Scale {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}@keyframes ScaleX {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}@keyframes ScaleY {
0% {
transform: scaleY(0);
}
100% {
transform: scaleY(1);
}
}@keyframes FloatY {
0% {
transform: translateY(0);
}
33.3% {
transform: translateY(-10%);
}
66.6% {
transform: translateY(10%);
}
}@keyframes FloatYDown {
0% {
transform: translateY(-10%);
}
100% {
transform: translateY(0);
}
}@keyframes FloatYUp {
0% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}@keyframes FloatXRight {
0% {
transform: translateX(-10%);
}
100% {
transform: translateX(0);
}
}@keyframes FloatXLeft {
0% {
transform: translateX(10%);
}
100% {
transform: translateX(0);
}
}@keyframes BounceScroll {
0% {
transform: translateY(0);
}
5% {
transform: translateY(8%);
}
10% {
transform: translateY(0);
}
15% {
transform: translateY(8%);
}
20% {
transform: translateY(0);
}
25% {
transform: translateY(8%);
}
30% {
transform: translateY(0);
}
}.btn-bordered, .btn-orange {
display: inline-block;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
transition: all .2s ease-in-out;
padding: 10px 30px;
}
.btn-bordered {
border: 1px solid var(--color-gray);
color: var(--color-orange);
}
.btn-bordered:hover {
background-color: var(--color-orange);
color: var(--color-body);
}
.btn-orange {
background-color: var(--color-orange);
color: var(--color-body);
}
.btn-orange:hover {
opacity: .8;
}
@font-face {
font-family: iconfont;
src: url(//hirsch-international.com/wp-content/themes/hirsch/assets/fonts/iconfont.eot?2);
src: url(//hirsch-international.com/wp-content/themes/hirsch/assets/fonts/iconfont.eot?2) format("embedded-opentype"), url(//hirsch-international.com/wp-content/themes/hirsch/assets/fonts/iconfont.ttf?2) format("truetype"), url(//hirsch-international.com/wp-content/themes/hirsch/assets/fonts/iconfont.woff?2) format("woff");
font-weight: 400;
font-style: normal;
}
.i-location {
font-family: iconfont;
speak: none;
font-size: 100%;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.i-location:before {
content: ""}
.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport {
-webkit-transform: translatez(0);
}
.bx-viewport img {
display: block;
width: 100%;
height: 100%}
.bx-pager {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
text-align: center;
}
.bx-pager-item {
display: inline-block;
margin-left: 10px;
}
.bx-pager-item:first-child {
margin-left: 0;
}
.bx-pager-link {
display: block;
color: transparent;
background-color: var(--color-body);
width: 10px;
height: 10px;
border-radius: 5px;
}
.bx-pager-link.active {
background-color: var(--color-orange);
}
.bx-controls-direction a {
fill: none;
stroke: var(--color-text);
stroke-width: 3;
stroke-linecap: round;
padding: 16px;
background-color: rgba(255, 255, 255, .5);
display: block;
position: absolute;
top: calc(50% - 20.4px);
}
.bx-controls-direction a:hover {
stroke: var(--color-orange);
}
.bx-controls-direction a.bx-next {
right: 0;
}
.header {
position: relative;
background-color: var(--color-body);
}
.header__top {
position: relative;
z-index: 10;
}
.header__menu {
display: grid;
grid-template-columns: 1fr 120px 1fr;
column-gap: 50px;
justify-items: start;
padding-top: 40px;
padding-bottom: 40px;
}
.header__menu .row:first-child {
justify-self: end;
}
@media screen and (max-width:1320px) {
.header__menu {
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "logo logo" "menu1 menu2"}
.header__menu .row {
justify-self: center;
}
.header__menu .row:nth-child(1) {
grid-area: menu1;
}
.header__menu .row:nth-child(2) {
grid-area: logo;
justify-self: center;
}
.header__menu .row:nth-child(3) {
grid-area: menu2;
justify-self: start;
}
}@media screen and (min-width:1000px) {
.header__menu {
align-items: end;
}
}.header__menu__links a {
display: inline-block;
padding: 15px 10px;
}
.header__menu__links__item {
display: inline-block;
margin-left: 30px;
vertical-align: middle;
}
.header__menu__links__item:first-child {
margin-left: 0;
}
.header__menu__links__item:hover a {
background-color: var(--color-darkblue);
color: var(--color-body);
}
@media screen and (min-width:1000px) {
.header__menu__links__item: hover .header__menudropdown {
display: block;
}
}.header__menu__links, .header__menu__links a {
color: var(--color-text);
font-size: calc(var(--font-size-text) + 4px);
}
@media screen and (max-width:1000px) {
.header__menu__links__item {
display: block;
margin-left: 0;
}
}.header .language a {
display: block;
padding: 6px 10px;
border-width: 0 0 1px;
border-style: solid;
border-color: var(--color-gray);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(var(--font-size-text) + 2px);
background-color: var(--color-body);
}
.header .language a:last-child {
border-bottom-color: transparent;
}
.header .language a:hover {
color: var(--color-orange);
}
.header .language .dropdown__toggle.active {
background-color: var(--color-text);
color: var(--color-body);
border-color: transparent;
}
.header .language .dropdown__content a {
color: var(--color-text);
}
.header .language .dropdown__content a:hover {
color: var(--color-orange);
}
.header .language .dropdown__content a.active, .header .language .dropdown__content a.active:hover {
opacity: .4;
cursor: default;
color: var(--color-text);
}
@media screen and (max-width:1000px) {
.header .language .dropdown__toggle {
display: none;
}
.header .language .dropdown__content {
visibility: visible;
opacity: 1;
white-space: nowrap;
position: relative;
}
.header .language .dropdown__content a {
display: inline-block;
border-width: 0 1px 0 0;
}
.header .language .dropdown__content a:last-child {
border-width: 0;
}
}.header__menudropdown {
display: none;
position: absolute;
top: calc(100% - 40px);
left: 0;
right: 0;
z-index: 1000;
background-color: var(--color-darkblue);
color: #fff;
border-bottom: 2px solid #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, .8);
padding-top: var(--space-section);
padding-bottom: var(--space-section);
}
.header__menudropdown:hover {
display: block;
}
.header .services-list {
gap: calc(var(--space-section)/ 2);
align-items: start;
}
.header .services-list a {
height: auto;
}
.header .services-list a:hover {
background-color: var(--color-orange);
opacity: 1;
}
.header .services-list img {
display: block;
max-width: 100%}
.header .services-list span {
display: inline-block;
margin-top: 10px;
font-size: calc(var(--font-size-text))!important;
}
@media screen and (max-width:1320px) {
.header .services-list {
row-gap: 10px;
}
.header .services-list a {
text-align: left;
}
.header .services-list img {
display: none;
}
}.header.header-home {
position: relative;
box-sizing: border-box;
margin-bottom: var(--space-section);
}
.header.header-home .header-home__video {
overflow: hidden;
position: relative;
background-color: var(--color-gray-light);
}
.header.header-home .header-home__video video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
}
.header.header-home .header-home__video.animated video {
animation: FadeIn var(--animation-appearduration) linear var(--animation-appeardelay) forwards;
}
.header.header-home .header-home__video h1 {
text-align: center;
color: #fff;
font-family: var(--font-family-headings);
font-weight: 400;
font-size: calc(var(--font-size-text) + 32px);
line-height: 1.2;
position: absolute;
bottom: 3%;
left: 0;
right: 0;
z-index: 1;
}
@media screen and (max-width:500px) {
.header.header-home .header-home__video h1 {
font-size: calc(var(--font-size-text) + 25px);
}
}.header.header-home .scroll {
position: absolute;
left: 0;
right: 0;
bottom: 25px;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}
.header.header-home .scroll, .header.header-home .scroll:hover {
color: var(--color-body);
}
.header.header-home .scroll span {
display: block;
}
.header.header-home .scroll .st0 {
fill: none;
stroke: #fff;
stroke-miterlimit: 10;
}
.header.header-home .scroll .arrow {
animation: 3.5s ease-in-out 5s infinite forwards BounceScroll;
}
.header__top__mobile {
padding: 20px 0;
display: none;
}
@media screen and (max-width:1000px) {
.header__top {
position: fixed!important;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background-color: var(--color-body);
box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
}
.header__top__mobile {
display: flex;
align-items: center;
justify-content: space-between;
}
.header__menu {
padding-top: 0;
}
.header__menu .logo {
display: none;
}
.toggler-content {
display: none;
}
.toggler-content.open {
display: block;
}
}body {
--toggler-size: 40px;
--toggler-weight: 1px;
--toggler-color: #000;
}
.toggler {
display: grid;
align-items: center;
justify-items: center;
width: var(--toggler-size);
height: var(--toggler-size);
padding: calc(var(--toggler-size)/ 6);
box-sizing: border-box;
border: var(--toggler-weight) solid var(--toggler-color);
}
.toggler span {
display: block;
height: var(--toggler-weight);
width: 100%;
background-color: var(--toggler-color);
transition: .2s ease all;
}
.toggler.open span:nth-child(1) {
opacity: 0;
}
.toggler.open span:nth-child(2) {
transform: rotate(45deg);
transform-origin: 50%}
.toggler.open span:nth-child(3) {
transform: rotate(-45deg);
margin-top: calc(-1 * var(--toggler-size)/ 3);
transform-origin: calc(50% - var(--toggler-weight)*2);
}
.social .header {
text-align: center;
background-color: #f2ede2;
margin-bottom: 80px;
}
.social .header>* {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 40px;
}
.social .header .row:last-child {
text-align: right;
}
.social .header .emblem {
display: inline-block;
position: relative;
top: -60px;
}
.social .header .header__menu__links__item {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.social .header .header__menu__links__item:not(.language) a.active, .social .header .header__menu__links__item:not(.language) a:hover {
color: var(--color-orange);
background-color: transparent;
}
@media screen and (max-width:550px) {
.social .header {
padding-bottom: 40px;
}
.social .header>* {
align-items: start;
}
.social .header .emblem {
top: 0;
}
}.footer {
background-color: var(--color-text);
padding-top: 50px;
padding-bottom: 50px;
}
.footer, .footer a {
color: var(--color-body);
}
.footer a:hover {
opacity: .6;
}
.footer>div {
display: grid;
grid-template-columns: 3fr .5fr 1fr;
gap: 30px;
}
.footer__content__nav {
display: grid;
gap: 15px;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 50px;
}
@media screen and (max-width:600px) {
.footer__content__nav {
grid-template-columns: repeat(2, 1fr);
}
}.footer__content__contact {
display: grid;
grid-auto-flow: row;
gap: 10px;
margin-bottom: 30px;
}
.footer__content__contact b, .footer__content__contact img, .footer__content__contact span, .footer__content__contact strong {
margin-right: 10px;
}
.footer__content__contact b:last-child, .footer__content__contact img:last-child, .footer__content__contact span:last-child, .footer__content__contact strong:last-child {
margin-right: 0;
}
.footer__content__contact b {
color: var(--color-orange);
}
.footer__content__techinfo a, .footer__content__techinfo span {
display: inline-block;
margin-right: 50px;
}
.footer__content__techinfo a:last-child, .footer__content__techinfo span:last-child {
margin-right: 0;
}
@media screen and (max-width:600px) {
.footer__content__techinfo a, .footer__content__techinfo span {
display: block;
margin-right: 0;
}
}.footer__socials {
border-right: 1px solid var(--color-gray);
display: grid;
grid-auto-flow: row;
gap: 10px;
}
.footer__banner {
justify-self: center;
}
@media screen and (max-width:1000px) {
.footer>div {
grid-auto-flow: row;
grid-template-columns: auto!important;
gap: 100px;
}
.footer>div .footer__socials {
justify-self: center;
border-right: 0;
grid-auto-flow: column;
gap: 50px;
}
.footer>div .footer__content {
text-align: center;
}
}.banner-social {
max-width: 224px;
text-align: center;
}
.banner-social .btn-orange {
margin-top: 30px;
text-decoration: underline!important;
}
.banner-social a:hover {
opacity: .8;
}
.social .footer>div {
grid-template-columns: 3fr 1fr;
align-items: center;
}
.social .footer__content {
border-right: 1px solid #5c5c5c;
}
.social .footer__content__nav {
display: block;
}
.social .footer__content__nav a {
color: var(--color-orange);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
display: inline-block;
margin-right: 30px;
}
.social .footer__content__nav a:last-child {
margin-right: 0;
}
@media screen and (max-width:1000px) {
.social .footer__content {
border-right: none;
}
}.popup-cookies {
box-sizing: border-box;
max-width: 300px!important;
padding: 20px;
background-color: var(--color-darkblue);
color: #fff;
font-size: 90%;
position: fixed;
bottom: var(--space-side);
right: calc(var(--space-side)/2);
}
.popup-cookies a {
color: #fff;
}
.popup-cookies p {
margin-bottom: 20px;
}
html {
height: 100%}
body, html {
position: relative;
height: 100%}
body {
opacity: 0;
animation: .4s FadeIn ease-in forwards;
}
@media screen and (max-width:1000px) {
body {
padding-top: 105px;
}
}body:not([class*=home]) {
min-height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
}
body:not([class*=home]) .footer {
grid-row-start: 3;
grid-row-end: 4;
}
body.default main, body.social main {
padding-bottom: var(--space-section);
}
body.default main section:first-child, body.social main section:first-child {
margin-top: calc(var(--space-section)/2);
}
.container-full {
width: 100%;
box-sizing: border-box;
}
.container-padding {
padding-left: var(--space-side);
padding-right: var(--space-side);
margin-left: auto;
margin-right: auto;
display: block;
}
.container-content {
max-width: calc(1440px - var(--space-side) * 2);
padding-left: var(--space-side);
padding-right: var(--space-side);
margin-left: auto;
margin-right: auto;
display: block;
}
.container-content-narrow {
max-width: calc(760px - var(--space-side) * 2);
padding-left: var(--space-side);
padding-right: var(--space-side);
margin-left: auto;
margin-right: auto;
display: block;
}
.dropdown {
position: relative;
}
.dropdown__content {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 10;
padding-top: 10px;
}
.dropdown:hover .dropdown__content {
animation: .2s FadeIn .4s ease-out forwards;
}
section {
margin-bottom: var(--space-section);
}
.home main>section:last-child {
margin-bottom: 0;
}
.home-specialization {
text-align: center;
text-transform: uppercase;
letter-spacing: .5px;
font-size: calc(var(--font-size-text) + 6px);
font-weight: 600;
}
.home-specialization .row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 50px;
justify-items: center;
margin-top: 40px;
}
.home-specialization .row p {
display: none;
margin-top: 15px;
}
.home-specialization .row:first-child {
align-items: end;
margin-top: 0;
}
@media screen and (max-width:720px) {
.home-specialization .row {
grid-template-columns: auto;
}
.home-specialization .row p {
display: block;
}
.home-specialization .row span {
display: none;
}
}.home-quality {
text-align: center;
font-size: calc(var(--font-size-text) + 2px);
position: relative;
}
.home-quality h2 {
max-width: 320px;
margin-left: auto;
margin-right: auto;
color: var(--color-orange);
font-size: calc(var(--font-size-text) + 22px);
}
.home-quality__content {
max-width: 520px;
margin: 30px auto 0;
}
.home-quality__begin {
position: absolute;
top: 76px;
right: 0;
color: var(--color-body);
text-shadow: 2px 3px 0 var(--color-orange);
font-family: var(--font-family-headings);
text-transform: uppercase;
}
.home-quality__begin span {
display: block;
}
.home-quality__begin span:not(.big) {
font-weight: 300;
}
.home-quality__begin .big {
font-size: calc(var(--font-size-text) + 30px);
line-height: 1;
}
@keyframes Rhombus {
0% {
transform: rotate(45deg) translateY(20%);
}
100% {
transform: rotate(45deg) translateY(0);
}
}.home-quality__begin::after {
content: "";
width: 140px;
height: 140px;
background-color: var(--color-orange);
position: absolute;
z-index: -1;
top: calc(50% - 70px);
left: calc(50% - 70px);
transform: rotate(45deg), translateY(20%);
transform-origin: 50% 50%}
@media screen and (max-width:900px) {
.home-quality__begin {
position: relative;
top: 0;
right: 0;
padding: 80px 0;
}
.home-quality p {
margin-top: 10px;
}
}.home-quality__sign {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 50px;
}
.home-quality.animated .home-quality__begin {
animation: FadeIn .8s linear var(--animation-scrolldelay) forwards;
}
.home-quality.animated .home-quality__begin::after {
animation: Rhombus .6s linear var(--animation-scrolldelay) forwards, FadeIn .6s linear var(--animation-scrolldelay) forwards;
}
.home-quality.animated .home-quality__sign {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 50px;
}
@keyframes sign {
from {
stroke-dashoffset: 600;
}
to {
stroke-dashoffset: 0;
}
}.home-quality.animated .home-quality__sign svg line, .home-quality.animated .home-quality__sign svg path {
stroke-dasharray: 600;
stroke-dashoffset: 600;
animation-name: sign;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-duration: 1.2s;
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(1) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 1*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(2) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 2*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(3) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 3*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(4) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 4*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(5) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 5*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(6) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 6*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(7) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 7*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(8) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 8*.2s);
}
.home-quality.animated .home-quality__sign #SignHirsch path:nth-child(9) {
animation-delay: calc(var(--animation-scrolldelay) + .5s + 9*.2s);
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(1), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(1) {
animation-delay: 2.1s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(2), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(2) {
animation-delay: 2.6s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(3), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(3) {
animation-delay: 3.1s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(4), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(4) {
animation-delay: 3.6s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(5), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(5) {
animation-delay: 4.1s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(6), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(6) {
animation-delay: 4.6s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(7), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(7) {
animation-delay: 5.1s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(8), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(8) {
animation-delay: 5.6s;
}
.home-quality.animated .home-quality__sign #SignBogensperger line:nth-child(9), .home-quality.animated .home-quality__sign #SignBogensperger path:nth-child(9) {
animation-delay: 6.1s;
}
.home-services {
padding: 40px 0 5px;
background-color: var(--color-gray-light);
}
.home-services__text {
max-width: 850px;
display: grid;
grid-template-columns: 2fr 3fr;
column-gap: 40px;
align-items: end;
}
@media screen and (max-width:650px) {
.home-services__text {
grid-template-columns: 1fr;
}
}.home-services__text h2 {
text-align: left;
margin-bottom: 0;
}
.home-services .services {
margin: 50px 0;
}
.home-recommendations__btn {
text-align: center;
margin-top: 40px;
}
.home-bonus, .home-news {
position: relative;
}
.home-bonus::before, .home-news::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 50%;
background-color: var(--color-orange);
z-index: 0;
transform-origin: 0 50%;
transform: scaleX(0);
}
.home-bonus>div, .home-news>div {
max-width: calc(950px - var(--space-side) * 2);
padding-left: var(--space-side);
padding-right: var(--space-side);
margin-left: auto;
margin-right: auto;
display: block;
display: grid;
grid-template-columns: 1fr 3fr;
background-color: var(--color-body);
position: relative;
z-index: 1;
padding-left: 0;
align-items: center;
}
@media screen and (max-width:600px) {
.home-bonus>div, .home-news>div {
grid-template-columns: 1fr;
}
.home-bonus>div h2, .home-news>div h2 {
margin-bottom: 40px;
}
}
.home-bonus h2, .home-news h2 {
color: var(--color-body);
text-align: left;
padding: 40px;
margin-bottom: 0;
position: relative;
}
.home-bonus h2 span, .home-news h2 span {
position: relative;
z-index: 1;
}
.home-bonus h2::before, .home-news h2::before {
content: "";
background-color: var(--color-orange);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
transform-origin: 0 50%;
transform: scaleX(0);
}
.home-bonus ul, .home-news ul {
column-count: 2;
gap: 40px;
margin-left: 80px;
list-style: none;
}
@media screen and (max-width:1000px) {
.home-news ul {
column-count: 2 !important;
}
}
@media screen and (max-width:760px) {
.home-bonus ul, .home-news ul {
column-count: 2 !important;
}
.home-bonus>div, .home-news>div {
align-items: top;
}
}
.home-bonus ul li, .home-news ul li {
margin-bottom: 0;
display: grid;
grid-template-columns: 33px auto;
gap: 20px;
}
.home-bonus ul li:not(:first-child), .home-news ul li:not(:first-child) {
margin-top: 20px;
}
.home-bonus ul li i {
position: relative;
width: 33px;
height: 33px;
}
.home-bonus ul li i::after, .home-bonus ul li i::before {
content: "";
background-color: var(--color-orange);
position: absolute;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-duration: .3s;
}
.home-bonus ul li i::before {
top: 0;
bottom: 0;
left: calc(50% - 1px);
width: 2px;
transform: scaleY(0);
}
.home-bonus ul li i::after {
left: 0;
right: 0;
top: calc(50% - 1px);
height: 2px;
transform: scaleX(0);
}
.home-bonus.animated h2::before, .home-bonus.animated::before,
.home-news.animated h2::before, .home-news.animated::before {
animation-name: ScaleX;
animation-timing-function: linear;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-delay: .7s;
}
.home-bonus.animated::before, .home-news.animated::before {
animation-delay: .3s;
animation-duration: .9s;
}
.home-bonus.animated ul li i::before {
animation-name: ScaleY;
}
.home-bonus.animated ul li i::after {
animation-name: ScaleX;
}
.home-bonus.animated ul li:nth-child(1) i::after, .home-bonus.animated ul li:nth-child(1) i::before {
animation-delay: calc(var(--animation-scrolldelay) + 1 * .3s);
}
.home-bonus.animated ul li:nth-child(2) i::after, .home-bonus.animated ul li:nth-child(2) i::before {
animation-delay: calc(var(--animation-scrolldelay) + 2 * .3s);
}
.home-bonus.animated ul li:nth-child(3) i::after, .home-bonus.animated ul li:nth-child(3) i::before {
animation-delay: calc(var(--animation-scrolldelay) + 3 * .3s);
}
.home-bonus.animated ul li:nth-child(4) i::after, .home-bonus.animated ul li:nth-child(4) i::before {
animation-delay: calc(var(--animation-scrolldelay) + 4 * .3s);
}
.home-bonus.animated ul li:nth-child(5) i::after, .home-bonus.animated ul li:nth-child(5) i::before {
animation-delay: calc(var(--animation-scrolldelay) + 5 * .3s);
}
.home-bonus.animated ul li:nth-child(6) i::after, .home-bonus.animated ul li:nth-child(6) i::before {
animation-delay: calc(var(--animation-scrolldelay) + 6 * .3s);
}
.home-news>div {
align-items: stretch;
}
.home-news ul {
column-count: 3;
font-weight: bold;
font-size: 1.4em;
visibility: hidden;
opacity: 0;
animation: FadeIn var(--animation-appearduration) var(--animation-bump) calc(var(--animation-appeardelay) * 2 + var(--animation-appearduration)) forwards;
}
.home-news ul li {
break-inside: avoid;
}
.home-news ul li a {
color: var(--color-orange);
}
.home-news ul li i {
--diamond-size: 20px;
width: 0;
height: 0;
border: var(--diamond-size) solid transparent;
border-bottom-color: var(--color-orange);
position: relative;
top: calc(var(--diamond-size) * -1);
display: block;
}
.home-news ul li i:after {
content: '';
position: absolute;
left: calc(var(--diamond-size) * -1);
top: var(--diamond-size);
width: 0;
height: 0;
border: var(--diamond-size) solid transparent;
border-top-color: var(--color-orange);
}
.home-works .home-works__slider__panel, .home-works .splide__slide__back {
position: absolute;
top: 0;
bottom: 0;
width: 230px;
}
.home-works__slider__panel {
z-index: 1;
left: 230px;
}
@media screen and (max-width:1180px) {
.home-works__slider__panel {
left: 0;
}
}.home-works__slider__panel__numbers {
position: absolute;
left: 60px;
bottom: 120px;
}
.home-works .splide__slide__desc {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 360px;
height: 208px;
position: absolute;
top: 50px;
left: 50px;
z-index: 2;
}
.home-works .splide__slide__desc>div {
color: var(--color-body);
}
.home-works .splide__slide__desc>div>* {
padding: 30px;
}
.home-works .splide__slide__desc>div:first-child {
background-color: var(--color-orange);
}
.home-works .splide__slide__desc>div:last-child {
background-color: rgba(47, 53, 69, .8);
}
.home-works .splide__slide__desc h3 {
color: var(--color-body);
font-family: var(--font-family-headings);
font-size: calc(var(--font-size-text) + 12px);
margin-bottom: 0;
}
.home-works .splide__slide__desc p {
word-break: break-all;
}
.home-works .splide__slide__back {
left: 0;
z-index: 1;
background-color: var(--color-body);
}
.home-works .splide__arrows {
position: absolute;
left: 290px;
bottom: 5%;
z-index: 10;
}
@media screen and (max-width:1180px) {
.home-works .splide__arrows {
left: 60px;
}
}.home-works .splide__arrow {
display: inline-block;
vertical-align: middle;
}
.home-works .splide__arrow--next, .home-works .splide__arrow--prev {
cursor: pointer;
}
.home-works .splide__arrow--next:hover svg, .home-works .splide__arrow--prev:hover svg {
fill: var(--color-orange);
}
.home-works .splide__arrow--prev {
margin-right: 40px;
}
.home-works .splide__arrow span {
display: block;
text-align: center;
}
.home-works .splide__arrow svg {
fill: var(--color-darkblue);
transition: all .2s linear;
}
@media screen and (max-width:700px) {
.home-works .home-works__slider__panel, .home-works .splide__slide__back {
top: auto;
width: 100%;
height: 80px;
}
.home-works .home-works__slider__panel__numbers {
bottom: 20px;
}
.home-works .splide__arrows {
right: 60px;
left: auto;
bottom: 20px;
}
}@media screen and (max-width:450px) {
.home-works .splide__slide__desc {
grid-template-columns: 1fr;
left: var(--space-side);
width: calc(100% - var(--space-side)*2);
}
}.home-works .splide__slide .splide__slide__desc div:first-child, .home-works .splide__slide .splide__slide__desc div:last-child {
transform: scaleX(0);
}
.home-works .splide__slide .splide__slide__desc div:first-child {
transform-origin: 100% 50%}
.home-works .splide__slide .splide__slide__desc div:last-child {
transform-origin: 0 50%}
.home-works.animated .splide__slide.is-visible .splide__slide__desc div:first-child, .home-works.animated .splide__slide.is-visible .splide__slide__desc div:last-child {
animation: ScaleX var(--animation-appearduration) var(--animation-bump) var(--animation-appeardelay) forwards;
}
.home-works.animated .splide__slide.is-visible .splide__slide__desc div:first-child>*, .home-works.animated .splide__slide.is-visible .splide__slide__desc div:last-child>* {
animation: FadeIn calc(var(--animation-appearduration)/2) var(--animation-bump) calc(var(--animation-appeardelay) + var(--animation-appearduration)) forwards;
}
.services-list a, .services__listcontent a {
display: grid;
align-items: center;
text-align: center;
background-color: var(--color-darkblue);
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 20px;
height: 60px;
}
.services {
position: relative;
}
.services__image {
position: absolute;
top: 40px;
bottom: 40px;
left: 0;
right: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: cover;
background-image: url(//hirsch-international.com/wp-content/themes/hirsch/assets/i/service-default.jpg?1593625302);
}
@media screen and (max-width:600px) {
.services__image {
bottom: -40px;
}
}.services__border {
position: absolute!important;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
@media screen and (max-width:600px) {
.services__border {
opacity: 0;
}
}.services__list {
display: inline-block;
position: relative;
}
.services__listcontent {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 600px;
padding: 80px 40px;
position: relative;
z-index: 2;
}
@media screen and (max-width:600px) {
.services__listcontent {
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
}.services__listcontent a:hover {
background-color: var(--color-orange);
}
.services-list {
display: grid;
grid-template-columns: repeat(5, minmax(150px, 1fr));
gap: 20px;
}
@media screen and (max-width:1200px) {
.services-list {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
}@media screen and (max-width:450px) {
.services-list {
grid-template-columns: minmax(150px, 1fr);
}
}.services-list a {
height: 100px;
}
.services-list a.current {
background-color: var(--color-orange);
cursor: default;
}
.services-list a.current:hover {
opacity: 1;
}
.services-list a:hover {
opacity: .8;
}
.recommendations {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px;
}
@media screen and (max-width:600px) {
.recommendations {
grid-template-columns: 1fr;
}
}.recommendations a.recommendations__item:hover {
opacity: .5;
}
.recommendations__item {
transition: .2s ease all;
color: var(--color-text);
text-align: center;
}
.recommendations__item i, .recommendations__item img, .recommendations__item strong {
display: block;
}
.recommendations__item img {
max-width: 100%;
margin-bottom: 30px;
}
.recommendations__item strong {
text-transform: uppercase;
}
.works {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
.works__info.popup {
background: var(--color-body);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
height: 100vh;
overflow-y: scroll;
pointer-events: none;
}
.works__info.popup.active {
animation: FadeIn .2s var(--animation-bump) var(--animation-appeardelay) forwards;
pointer-events: visible;
}
.works__info .close {
display: block;
position: absolute;
top: calc(var(--space-side) * 2);
right: calc(var(--space-side) * 2);
width: 29px;
height: 29px;
transform-origin: center center;
transform: rotate(45deg);
animation: FadeIn .4s var(--animation-bump) var(--animation-appeardelay) forwards;
transition: .4s ease all;
}
.works__info .close::after, .works__info .close::before {
content: "";
position: absolute;
background-color: var(--color-gray);
}
.works__info .close::after {
top: calc(50% - 1px);
left: 0;
right: 0;
height: 2px;
}
.works__info .close::before {
left: calc(50% - 1px);
top: 0;
bottom: 0;
width: 2px;
}
.works__info .close:hover {
opacity: .5;
}
.works__info .close:hover::after, .works__info .close:hover::before {
background-color: var(--color-orange);
}
.works__info .data {
margin-top: calc(var(--space-side) * 5);
}
.works__info .data .data__info, .works__info .data .data__photos {
float: left;
width: 60%}
.works__info .data .data__info {
margin-left: 5%;
width: 35%}
.works__info .data .data__info h3 {
text-align: left;
font-weight: 700;
margin-bottom: 0;
}
.works__info .data .data__info div {
margin-bottom: 40px;
}
.works__info .data .data__info div:first-child {
margin-bottom: 70px;
}
.works__info .data .data__info div strong {
display: block;
}
.works__info .data .data__photos img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width:700px) {
.works__info .data .data__info, .works__info .data .data__photos {
float: none;
width: 100%!important;
}
.works__info .data .data__info {
margin-left: 0;
width: 100%!important;
box-sizing: border-box;
}
.works__info .data .data__info__inside {
padding: 0 20px;
}
.works__info .data .data__info div, .works__info .data .data__info div:first-child {
margin-bottom: 20px;
}
.works__info .data .data__info div:first-child {
margin-top: 40px;
}
}.works__item {
transition: all .2s ease;
text-align: center;
}
.works__item:not([class*=active]) {
cursor: pointer;
}
.works__item:not([class*=active]):hover {
opacity: .6;
}
.works__item__cover {
display: block;
max-width: 100%}
.works__item__title {
text-transform: uppercase;
font-weight: 700;
font-size: var(--font-size-text);
font-family: var(--font-family-text);
letter-spacing: 0;
margin: 15px 0 5px;
}
.works__item__desc {
font-style: italic;
}
.works__item.active [class*="__title"] {
color: var(--color-orange);
}
@media screen and (max-width:680px) {
.works {
grid-template-columns: 1fr;
}
}.phrasewindow {
display: block;
width: 280px;
height: 280px;
box-sizing: border-box;
margin: 0 auto;
color: var(--color-orange);
font-family: var(--font-family-headings);
font-size: calc(var(--font-size-text) + 12px);
text-transform: uppercase;
padding: calc(var(--space-side) + 20px) calc(var(--space-side) + 10px);
font-weight: 600;
}
.phrasewindow span {
visibility: hidden;
opacity: 0;
}
.phrasewindow.animated span {
animation: FadeIn var(--animation-duration-border) var(--animation-bump) var(--animation-scrolldelay) forwards;
}
.hirschtree-wrap {
text-align: center;
overflow: hidden;
}
.hirschtree {
display: inline-block;
text-align: center;
position: relative;
left: -120px;
}
@media screen and (max-width:1080px) {
.hirschtree {
transform: scale(.9);
}
}@media screen and (max-width:920px) {
.hirschtree {
transform: scale(.7);
}
}.hirschtree .item {
display: block;
box-sizing: border-box;
width: 180px;
padding: 10px;
color: var(--color-text);
background-color: var(--color-body);
white-space: normal;
position: relative;
}
.hirschtree .item::before {
content: "";
width: 1px;
height: 20px;
background-color: var(--color-darkblue);
z-index: -1;
position: absolute;
top: -20px;
}
.hirschtree .item img {
display: block;
max-width: 100%;
margin: 0 auto 10px;
}
.hirschtree .item__name, .hirschtree .item__share {
margin-top: 5px;
margin-bottom: 5px;
}
.hirschtree .item__name {
font-size: calc(var(--font-size-text) - 2px);
display: block;
width: 98%}
.hirschtree .item__share {
font-size: calc(var(--font-size-text) + 2px);
display: block;
overflow: hidden;
font-weight: 700;
text-align: center;
color: var(--color-body);
}
.hirschtree .item__share b {
float: left;
box-sizing: border-box;
padding: 2px 4px;
background-color: var(--color-darkblue);
width: 100%;
font-weight: 600;
}
.hirschtree .item__share b:first-child {
background-color: var(--color-green);
}
.hirschtree .item__share b.s-30 {width: 30%}
.hirschtree .item__share b.s-33 { width: 33%; }
.hirschtree .item__share b.s-50 {width: 50%}
.hirschtree .item__share b.s-67 { width: 67%; }
.hirschtree .item__share b.s-70 {width: 70%}
.hirschtree .item.head {
margin-top: -10px!important;
}
.hirschtree .item.head::before {
display: none;
}
.hirschtree .item.head:hover {
opacity: 1!important;
}
.hirschtree .level-1, .hirschtree .level-2, .hirschtree .level-3 {
display: flex;
justify-content: space-between;
position: relative;
}
.hirschtree .level-1:after, .hirschtree .level-1:before, .hirschtree .level-2:after, .hirschtree .level-2:before, .hirschtree .level-3:after, .hirschtree .level-3:before {
content: "";
position: absolute;
background-color: var(--color-darkblue);
z-index: -1;
}
.hirschtree .level-1:before, .hirschtree .level-2:before, .hirschtree .level-3:before {
top: 20px;
left: 90px;
right: 90px;
height: 1px;
}
.hirschtree .level-1:after, .hirschtree .level-2:after, .hirschtree .level-3:after {
top: 0;
left: calc(50% - .5px);
height: 20px;
width: 1px;
}
.hirschtree .level-1 .item, .hirschtree .level-2 .item, .hirschtree .level-3 .item {
margin-top: 40px;
}
.hirschtree .level-1 .item:hover, .hirschtree .level-2 .item:hover, .hirschtree .level-3 .item:hover {
opacity: .7;
}
.hirschtree .level-1 {
width: 630px;
}
.hirschtree .level-2, .hirschtree .level-3 {
width: 750px;
left: 166px;
}
.hirschtree .level-2 .item, .hirschtree .level-3 .item {
width: 150px;
}
.hirschtree .level-2:before, .hirschtree .level-3:before {
left: 75px;
right: 75px;
}
.hirschtree .level-3 {
width: 418px;
left: 632px;
} .hirschtree-mobile {
display: none;
margin: 0 auto;
}
.hirschtree-mobile img {
max-width: 100%}
@media screen and (max-width:1000px) {
.hirschtree-mobile {
display: block;
}
.hirschtree {
display: none;
}
}.team__heading {
margin-bottom: 80px;
}
.team__heading, .team__heading h4 {
text-align: center;
}
.team__heading h3 {
color: var(--color-text);
font-weight: 700;
}
.team__heading h4 {
text-transform: none;
letter-spacing: 0;
}
.team__heading h3, .team__heading h4 {
margin: 0;
}
.team__heading img {
display: inline-block;
margin-bottom: var(--space-side);
}
.team__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}
@media screen and (max-width:1030px) {
.team__grid {
grid-template-columns: 1fr;
}
}@media screen and (min-width:728px) and (max-width:1030px) {
.team .item {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 80px;
}
}.team .item__card {
display: grid;
align-items: stretch;
grid-template-columns: 201px 1fr;
gap: 26px;
margin-bottom: 26px;
}
@media screen and (max-width:440px) {
.team .item__card {
grid-template-columns: 1fr;
}
}.team .item__img {
background-color: var(--color-gray-light);
width: 201px;
height: 269px;
}
.team .item__img img {
display: block;
width: 100%}
.team .item__info div:first-child {
min-height: 60%}
.team .item__info div:last-child {
font-style: italic;
}
.team .item__info span.color-orange {
margin-right: 10px;
}
.team .item__info p {
margin-bottom: 15px;
}
.team.green h4 {
color: #6c7f27;
}
.team.red h4 {
color: #e00f00;
}
.history, .page-template-page-geschichte {
background-color: var(--color-darkblue);
}
.history p:not(.p), .page-template-page-geschichte p:not(.p) {
margin-bottom: 0;
}
.history, .history h2, .page-template-page-geschichte, .page-template-page-geschichte h2 {
color: var(--color-body);
}
.history .bx-caption, .page-template-page-geschichte .bx-caption {
color: var(--color-yellow);
padding-top: 10px;
}
.history .bx-pager, .page-template-page-geschichte .bx-pager {
bottom: 40px;
}
.history__social, .page-template-page-geschichte__social {
text-align: center;
margin-top: calc(var(--space-section) * 1.5);
}
.history__quote, .page-template-page-geschichte__quote {
max-width: calc(700px - var(--space-side) * 2);
padding-left: var(--space-side);
padding-right: var(--space-side);
margin-left: auto;
margin-right: auto;
display: block;
}
.history__quote p, .page-template-page-geschichte__quote p {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
font-family: var(--font-family-headings);
font-size: calc(var(--font-size-text) + 16px);
}
.history__quote .sign, .page-template-page-geschichte__quote .sign {
text-align: right;
}
.history__quote .sign .st0, .page-template-page-geschichte__quote .sign .st0 {
stroke: var(--color-yellow);
}
.history .section-i-left, .history .section-i-right, .page-template-page-geschichte .section-i-left, .page-template-page-geschichte .section-i-right {
justify-items: center;
}
.map {
position: relative;
padding-bottom: 70px;
}
.map::after {
content: "";
background-color: var(--color-darkblue);
position: absolute;
top: 35px;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.map>div {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
position: relative;
z-index: 1;
}
.map__text {
padding: 70px 35px 35px;
transform-origin: 50% 0;
transform: translateY(-10%);
}
.map__text, .map__text h2 {
color: var(--color-body);
}
.map__map {
margin-top: 120px;
text-align: center;
position: relative;
}
.map__map__map {
display: block;
max-width: 100%}
.map__map__logo {
display: block;
position: absolute;
top: 0;
left: calc(50% - 36px/2);
width: 36px;
}
@media screen and (max-width:1000px) {
.map>div {
grid-template-columns: 1fr 1fr;
}
}@media screen and (max-width:760px) {
.map>div {
grid-template-columns: 1fr;
}
.map__text {
padding-top: 35px;
}
}.map.animated .map__map__map {
animation: FadeIn .4s ease-in-out var(--animation-scrolldelay) forwards;
}
.map.animated .map__map__logo {
animation: FadeIn .4s ease-in-out calc(var(--animation-scrolldelay) + .6s) forwards, FloatY 1.5s linear calc(var(--animation-scrolldelay) + .8s) infinite;
}
.map.animated .map__text {
animation: FloatYDown .8s var(--animation-bump) calc(var(--animation-scrolldelay) + .2s) forwards, FadeIn .6s linear calc(var(--animation-scrolldelay) + .2s) forwards;
}
.animated-border {
position: relative;
}
.animated-border::after, .animated-border::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
border-style: solid;
border-color: var(--color-orange);
border-width: 0;
}
.animated-border::before {
border-width: 9px 0;
transform: scaleX(0);
transform-origin: 0 50%}
.animated-border::after {
border-width: 0 9px;
transform: scaleY(0);
transform-origin: 0 0;
}
.animated .animated-border::before, .animated.animated-border::before {
animation: ScaleX var(--animation-duration-border) var(--animation-border) var(--animation-scrolldelay) forwards;
}
.animated .animated-border::after, .animated.animated-border::after {
animation: ScaleY var(--animation-duration-border) var(--animation-border) calc(var(--animation-scrolldelay) + var(--animation-duration-border)) forwards;
}
.section-i-left {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
justify-items: start;
}
.section-i-left.animatedAppear .img {
transform-origin: 0 0;
transform: translateX(-10%);
}
.section-i-left.animated .img {
animation-name: FadeIn, FloatXRight;
}
.section-i-right {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
justify-items: end;
}
.section-i-right.animatedAppear .img {
transform-origin: 100% 0;
transform: translateX(10%);
}
.section-i-right.animated .img {
animation-name: FadeIn, FloatXLeft;
}
.section-i-left, .section-i-right {
display: grid;
gap: 4%;
align-items: center;
}
@media screen and (max-width:1000px) {
.section-i-left, .section-i-right {
grid-template-columns: minmax(0, 1fr);
margin-bottom: calc(var(--space-section) * 1.5);
}
.section-i-left .img, .section-i-right .img {
grid-row-start: 1;
}
.section-i-left .content.narrow, .section-i-right .content.narrow {
margin: 0 auto;
max-width: calc(100% - var(--space-side)*2)!important;
}
}.section-i-left img, .section-i-right img {
max-width: 100%}
.section-i-left h2, .section-i-left h3, .section-i-right h2, .section-i-right h3 {
text-align: left;
color: var(--color-orange);
}
.section-i-left .content.narrow, .section-i-right .content.narrow {
max-width: 360px;
}
.section-i-left.animated .img, .section-i-right.animated .img {
animation-duration: var(--animation-appearduration);
animation-timing-function: linear;
animation-delay: var(--animation-appeardelay);
animation-fill-mode: forwards;
}
.section-i-left.animated .content, .section-i-right.animated .content {
animation-name: FadeIn, FloatYUp;
animation-duration: var(--animation-appearduration);
animation-timing-function: linear;
animation-delay: var(--animation-appeardelay);
animation-fill-mode: forwards;
}
.section-i-left.service .content, .section-i-right.service .content {
height: 600px;
overflow-y: scroll;
}
.kontakts .data__info {
padding-top: 30px;
}
.kontakts .data__info .st0 {
fill: none;
stroke: #000;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.kontakts .data__info p {
display: grid;
grid-template-columns: 36px 1fr;
gap: 27px;
align-items: center;
}
.kontakts .btn-bordered {
margin-top: 50px;
}
#page404>div {
background-color: #fbe7a3;
background-image: url(//hirsch-international.com/wp-content/themes/hirsch/assets/i/404.png);
background-repeat: no-repeat;
background-size: contain;
height: 580px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media screen and (max-width:640px) {
#page404>div {
background-size: cover;
}
}#page404>div>div {
margin-top: -70px;
}
#page404 h1 {
color: var(--color-darkblue);
font-size: 100px;
font-family: var(--font-family-headings);
margin: 0;
}
#page404 h3 {
margin: 0;
font-size: 25px;
font-weight: 700;
}
#page404 .btn-orange {
margin-top: 66px;
text-transform: uppercase;
letter-spacing: 1px;
}
.social .works__item:hover {
cursor: default;
opacity: 1;
}
.social .works__item__title {
color: var(--color-orange);
}
.social .works__item__year {
font-weight: 700;
}
.social .works__item__partner span:first-child {
color: var(--color-orange);
}
.social .data {
margin-top: 0;
}
.social .data__photos {
width: 50%!important;
}
.social .data__info {
margin-right: 5%;
width: 40%!important;
}