/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 26, 2021, 10:51:57 AM Author : vegans */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 26, 2021, 10:36:04 AM Author : vegans */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 26, 2021, 10:39:53 AM Author : vegans */ /* SPECTRAL*/ @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-Regular.eot'); src: url('../css/fonts/Spectral/Spectral-Regular.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-Regular.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-Regular.woff') format('woff'), url('../css/fonts/Spectral/Spectral-Regular.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-Regular.svg#Spectral-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-Italic.eot'); src: url('../css/fonts/Spectral/Spectral-Italic.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-Italic.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-Italic.woff') format('woff'), url('../css/fonts/Spectral/Spectral-Italic.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-Italic.svg#Spectral-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-Medium.eot'); src: url('../css/fonts/Spectral/Spectral-Medium.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-Medium.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-Medium.woff') format('woff'), url('../css/fonts/Spectral/Spectral-Medium.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-Medium.svg#Spectral-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-MediumItalic.eot'); src: url('../css/fonts/Spectral/Spectral-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-MediumItalic.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-MediumItalic.woff') format('woff'), url('../css/fonts/Spectral/Spectral-MediumItalic.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-MediumItalic.svg#Spectral-MediumItalic') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-SemiBold.eot'); src: url('../css/fonts/Spectral/Spectral-SemiBold.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-SemiBold.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-SemiBold.woff') format('woff'), url('../css/fonts/Spectral/Spectral-SemiBold.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-SemiBold.svg#Spectral-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-SemiBoldItalic.eot'); src: url('../css/fonts/Spectral/Spectral-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-SemiBoldItalic.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-SemiBoldItalic.woff') format('woff'), url('../css/fonts/Spectral/Spectral-SemiBoldItalic.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-SemiBoldItalic.svg#Spectral-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-Bold.eot'); src: url('../css/fonts/Spectral/Spectral-Bold.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-Bold.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-Bold.woff') format('woff'), url('../css/fonts/Spectral/Spectral-Bold.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-Bold.svg#Spectral-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-BoldItalic.eot'); src: url('../css/fonts/Spectral/Spectral-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-BoldItalic.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-BoldItalic.woff') format('woff'), url('../css/fonts/Spectral/Spectral-BoldItalic.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-BoldItalic.svg#Spectral-BoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-Light.eot'); src: url('../css/fonts/Spectral/Spectral-Light.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-Light.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-Light.woff') format('woff'), url('../css/fonts/Spectral/Spectral-Light.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-Light.svg#Spectral-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Spectral'; src: url('../css/fonts/Spectral/Spectral-LightItalic.eot'); src: url('../css/fonts/Spectral/Spectral-LightItalic.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Spectral/Spectral-LightItalic.woff2') format('woff2'), url('../css/fonts/Spectral/Spectral-LightItalic.woff') format('woff'), url('../css/fonts/Spectral/Spectral-LightItalic.ttf') format('truetype'), url('../css/fonts/Spectral/Spectral-LightItalic.svg#Spectral-LightItalic') format('svg'); font-weight: 300; font-style: italic; font-display: swap; } /* AkzidGrtskNext */ @font-face { font-family: 'AkzidGrtskNext'; src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Regular.eot'); src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Regular.eot?#iefix') format('embedded-opentype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Regular.woff2') format('woff2'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Regular.woff') format('woff'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Regular.ttf') format('truetype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Regular.svg#AkzidGrtskNext-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'AkzidGrtskNext'; src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Italic.eot'); src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Italic.eot?#iefix') format('embedded-opentype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Italic.woff2') format('woff2'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Italic.woff') format('woff'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Italic.ttf') format('truetype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Italic.svg#AkzidGrtskNext-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'AkzidGrtskNext'; src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Bold.eot'); src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Bold.eot?#iefix') format('embedded-opentype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Bold.woff2') format('woff2'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Bold.woff') format('woff'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Bold.ttf') format('truetype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Bold.svg#AkzidGrtskNext-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'AkzidGrtskNext'; src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-BoldIt.eot'); src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-BoldIt.eot?#iefix') format('embedded-opentype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-BoldIt.woff2') format('woff2'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-BoldIt.woff') format('woff'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-BoldIt.ttf') format('truetype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-BoldIt.svg#AkzidGrtskNext-BoldIt') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'AkzidGrtskNext'; src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Med.eot'); src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Med.eot?#iefix') format('embedded-opentype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Med.woff2') format('woff2'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Med.woff') format('woff'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Med.ttf') format('truetype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-Med.svg#AkzidGrtskNext-Med') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'AkzidGrtskNext'; src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-MedIt.eot'); src: url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-MedIt.eot?#iefix') format('embedded-opentype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-MedIt.woff2') format('woff2'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-MedIt.woff') format('woff'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-MedIt.ttf') format('truetype'), url('../css/fonts/AkzidGrtskNext/AkzidGrtskNext-MedIt.svg#AkzidGrtskNext-MedIt') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } /* TEXT STYLE*/ .inter-font { font-weight: 700; font-family: 'AkzidGrtskNext', serif; } .date-font-style { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 11px; line-height: 1.2em; } .regular-p-text { font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; font-weight: 400; } @media screen and (max-width: 900px) { .regular-p-text { font-size: 18px; } } @media screen and (max-width: 900px) { .regular-p-text { font-size: 18px; } } @media screen and (max-width: 767px) { .regular-p-text { font-size: 18px; } } @media screen and (max-width: 767px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 901px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 901px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 1024px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 1024px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 1281px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 1281px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 1441px) { .regular-p-text { font-size: 18px; } } @media screen and (min-width: 1441px) { .regular-p-text { font-size: 18px; } } .regular-text-14 { /* 14px */ font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; font-size: 14px; } .regular-text-18 { /* 18px */ font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.21em; font-size: 18px; } .medium-title-18 { /* 18px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .medium-title-18 { font-size: 18px; } } @media screen and (max-width: 900px) { .medium-title-18 { font-size: 18px; } } @media screen and (max-width: 767px) { .medium-title-18 { font-size: 18px; } } @media screen and (max-width: 767px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 901px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 901px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 1024px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 1024px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 1281px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 1281px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 1441px) { .medium-title-18 { font-size: 18px; } } @media screen and (min-width: 1441px) { .medium-title-18 { font-size: 18px; } } .medium-title-24 { /* 24px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.2em; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .medium-title-24 { font-size: 18px; } } @media screen and (max-width: 900px) { .medium-title-24 { font-size: 18px; } } @media screen and (max-width: 767px) { .medium-title-24 { font-size: 18px; } } @media screen and (max-width: 767px) { .medium-title-24 { font-size: 18px; } } @media screen and (min-width: 901px) { .medium-title-24 { font-size: 18px; } } @media screen and (min-width: 901px) { .medium-title-24 { font-size: 18px; } } @media screen and (min-width: 1024px) { .medium-title-24 { font-size: 24px; } } @media screen and (min-width: 1024px) { .medium-title-24 { font-size: 24px; } } @media screen and (min-width: 1281px) { .medium-title-24 { font-size: 24px; } } @media screen and (min-width: 1281px) { .medium-title-24 { font-size: 24px; } } @media screen and (min-width: 1441px) { .medium-title-24 { font-size: 24px; } } @media screen and (min-width: 1441px) { .medium-title-24 { font-size: 24px; } } .medium-title-40 { /* 40px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.1875em; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .medium-title-40 { font-size: 30px; } } @media screen and (max-width: 900px) { .medium-title-40 { font-size: 30px; } } @media screen and (max-width: 767px) { .medium-title-40 { font-size: 30px; } } @media screen and (max-width: 767px) { .medium-title-40 { font-size: 30px; } } @media screen and (min-width: 901px) { .medium-title-40 { font-size: 40px; } } @media screen and (min-width: 901px) { .medium-title-40 { font-size: 40px; } } @media screen and (min-width: 1024px) { .medium-title-40 { font-size: 40px; } } @media screen and (min-width: 1024px) { .medium-title-40 { font-size: 40px; } } @media screen and (min-width: 1281px) { .medium-title-40 { font-size: 40px; } } @media screen and (min-width: 1281px) { .medium-title-40 { font-size: 40px; } } @media screen and (min-width: 1441px) { .medium-title-40 { font-size: 40px; } } @media screen and (min-width: 1441px) { .medium-title-40 { font-size: 40px; } } .medium-title-62 { /* 62px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.1875em; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .medium-title-62 { font-size: 30px; } } @media screen and (max-width: 900px) { .medium-title-62 { font-size: 30px; } } @media screen and (max-width: 767px) { .medium-title-62 { font-size: 30px; } } @media screen and (max-width: 767px) { .medium-title-62 { font-size: 30px; } } @media screen and (min-width: 901px) { .medium-title-62 { font-size: 62px; } } @media screen and (min-width: 901px) { .medium-title-62 { font-size: 62px; } } @media screen and (min-width: 1024px) { .medium-title-62 { font-size: 60px; } } @media screen and (min-width: 1024px) { .medium-title-62 { font-size: 60px; } } @media screen and (min-width: 1281px) { .medium-title-62 { font-size: 60px; } } @media screen and (min-width: 1281px) { .medium-title-62 { font-size: 60px; } } @media screen and (min-width: 1441px) { .medium-title-62 { font-size: 62px; } } @media screen and (min-width: 1441px) { .medium-title-62 { font-size: 62px; } } .medium-title-32 { /* 32px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.1875em; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .medium-title-32 { font-size: 30px; } } @media screen and (max-width: 900px) { .medium-title-32 { font-size: 30px; } } @media screen and (max-width: 767px) { .medium-title-32 { font-size: 22px; } } @media screen and (max-width: 767px) { .medium-title-32 { font-size: 22px; } } @media screen and (min-width: 901px) { .medium-title-32 { font-size: 32px; } } @media screen and (min-width: 901px) { .medium-title-32 { font-size: 32px; } } @media screen and (min-width: 1024px) { .medium-title-32 { font-size: 32px; } } @media screen and (min-width: 1024px) { .medium-title-32 { font-size: 32px; } } @media screen and (min-width: 1281px) { .medium-title-32 { font-size: 30px; } } @media screen and (min-width: 1281px) { .medium-title-32 { font-size: 30px; } } @media screen and (min-width: 1441px) { .medium-title-32 { font-size: 32px; } } @media screen and (min-width: 1441px) { .medium-title-32 { font-size: 32px; } } .big-title-40 { /* 40px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.1875em; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .big-title-40 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 900px) { .big-title-40 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { .big-title-40 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { .big-title-40 { font-size: 30px; line-height: 1.1875em; } } @media screen and (min-width: 901px) { .big-title-40 { font-size: 40px; } } @media screen and (min-width: 901px) { .big-title-40 { font-size: 40px; } } @media screen and (min-width: 1024px) { .big-title-40 { font-size: 40px; } } @media screen and (min-width: 1024px) { .big-title-40 { font-size: 40px; } } @media screen and (min-width: 1281px) { .big-title-40 { font-size: 40px; } } @media screen and (min-width: 1281px) { .big-title-40 { font-size: 40px; } } @media screen and (min-width: 1441px) { .big-title-40 { font-size: 40px; } } @media screen and (min-width: 1441px) { .big-title-40 { font-size: 40px; } } .big-title-60 { /* 60px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.1875em; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .big-title-60 { line-height: 1.1875em; font-size: 30px; } } @media screen and (max-width: 900px) { .big-title-60 { line-height: 1.1875em; font-size: 30px; } } @media screen and (max-width: 767px) { .big-title-60 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { .big-title-60 { font-size: 30px; line-height: 1.1875em; } } @media screen and (min-width: 901px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } @media screen and (min-width: 901px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } @media screen and (min-width: 1024px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } @media screen and (min-width: 1024px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } @media screen and (min-width: 1281px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } @media screen and (min-width: 1281px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } @media screen and (min-width: 1441px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } @media screen and (min-width: 1441px) { .big-title-60 { font-size: 60px; line-height: 1.1875em; } } .big-title-62 { /* 62px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 76px; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .big-title-62 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 900px) { .big-title-62 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .big-title-62 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .big-title-62 { font-size: 30px; line-height: 32px; } } @media screen and (min-width: 901px) { .big-title-62 { font-size: 45px; } } @media screen and (min-width: 901px) { .big-title-62 { font-size: 45px; } } @media screen and (min-width: 1024px) { .big-title-62 { font-size: 52px; } } @media screen and (min-width: 1024px) { .big-title-62 { font-size: 52px; } } @media screen and (min-width: 1281px) { .big-title-62 { font-size: 62px; } } @media screen and (min-width: 1281px) { .big-title-62 { font-size: 62px; } } @media screen and (min-width: 1441px) { .big-title-62 { font-size: 62px; } } @media screen and (min-width: 1441px) { .big-title-62 { font-size: 62px; } } .xxl-title-69 { /* 69px */ font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.2028em; /*min-width: 901px*/ /*min-width: 1024px*/ /*min-width: 1280px*/ /*min-width: 1366px*/ } @media screen and (max-width: 900px) { .xxl-title-69 { font-size: 30px; } } @media screen and (max-width: 900px) { .xxl-title-69 { font-size: 30px; } } @media screen and (max-width: 767px) { .xxl-title-69 { font-size: 30px; } } @media screen and (max-width: 767px) { .xxl-title-69 { font-size: 30px; } } @media screen and (min-width: 901px) { .xxl-title-69 { font-size: 35px; } } @media screen and (min-width: 901px) { .xxl-title-69 { font-size: 35px; } } @media screen and (min-width: 1024px) { .xxl-title-69 { font-size: 45px; } } @media screen and (min-width: 1024px) { .xxl-title-69 { font-size: 45px; } } @media screen and (min-width: 1281px) { .xxl-title-69 { font-size: 50px; line-height: 1.2em; } } @media screen and (min-width: 1281px) { .xxl-title-69 { font-size: 50px; line-height: 1.2em; } } @media screen and (min-width: 1366px) { .xxl-title-69 { font-size: 69px; } } @media screen and (min-width: 1366px) { .xxl-title-69 { font-size: 69px; } } @media screen and (min-width: 1441px) { .xxl-title-69 { font-size: 69px; } } @media screen and (min-width: 1441px) { .xxl-title-69 { font-size: 69px; } } .xxl-title-72 { font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; font-weight: 300; } @media screen and (max-width: 900px) { .xxl-title-72 { font-size: 35px; } } @media screen and (max-width: 900px) { .xxl-title-72 { font-size: 35px; } } @media screen and (max-width: 767px) { .xxl-title-72 { font-size: 30px; } } @media screen and (max-width: 767px) { .xxl-title-72 { font-size: 30px; } } @media screen and (min-width: 901px) { .xxl-title-72 { font-size: 35px; } } @media screen and (min-width: 901px) { .xxl-title-72 { font-size: 35px; } } @media screen and (min-width: 1024px) { .xxl-title-72 { font-size: 40px; } } @media screen and (min-width: 1024px) { .xxl-title-72 { font-size: 40px; } } @media screen and (min-width: 1281px) { .xxl-title-72 { font-size: 45px; } } @media screen and (min-width: 1281px) { .xxl-title-72 { font-size: 45px; } } @media screen and (min-width: 1441px) { .xxl-title-72 { font-size: 55px; } } @media screen and (min-width: 1441px) { .xxl-title-72 { font-size: 55px; } } .xxl-title-112 { font-family: 'AkzidGrtskNext', serif; line-height: 1.2em; font-weight: bold; /*min-width: 1366px*/ } @media screen and (max-width: 900px) { .xxl-title-112 { font-size: 30px; } } @media screen and (max-width: 900px) { .xxl-title-112 { font-size: 30px; } } @media screen and (max-width: 767px) { .xxl-title-112 { font-size: 40px; line-height: 1.2em; } } @media screen and (max-width: 767px) { .xxl-title-112 { font-size: 40px; line-height: 1.2em; } } @media screen and (min-width: 901px) { .xxl-title-112 { font-size: 30px; } } @media screen and (min-width: 901px) { .xxl-title-112 { font-size: 30px; } } @media screen and (min-width: 1024px) { .xxl-title-112 { font-size: 30px; } } @media screen and (min-width: 1024px) { .xxl-title-112 { font-size: 30px; } } @media screen and (min-width: 1281px) { .xxl-title-112 { font-size: 60px; } } @media screen and (min-width: 1281px) { .xxl-title-112 { font-size: 60px; } } @media screen and (min-width: 1366px) { .xxl-title-112 { font-size: 60px; width: 50%; } } @media screen and (min-width: 1366px) { .xxl-title-112 { font-size: 60px; width: 50%; } } @media screen and (min-width: 1441px) { .xxl-title-112 { font-size: 60px; } } @media screen and (min-width: 1441px) { .xxl-title-112 { font-size: 60px; } } /* 11px*/ .small-text-11 { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 11px; line-height: 1.21em; } /* 13px*/ .small-text-13 { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 13px; line-height: 1.21em; } p { font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; font-weight: 400; } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 26, 2021, 10:43:52 AM Author : vegans */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } i:focus, i:focus-visible { outline: none; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* SLICK SLIDER BASIC */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* END SLIDER BASIC */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 27, 2021, 10:36:26 AM Author : vegans */ .entry-content > * { max-width: 100%; margin: 0; padding: 0; } input { webkit-appearance: none; } .inner-block { width: 82.5%; margin: 0 auto; max-width: 1470px; } html { color: #000; font-size: 100%; } body { font-family: 'AkzidGrtskNext', serif; padding-top: 0 !important; } img { width: 100%; max-width: 100%; } strong { font-weight: bold; } ._table { display: table; height: 100%; width: 100%; } ._cell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } p { font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; font-weight: 400; } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 900px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (max-width: 767px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 901px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1024px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1281px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } @media screen and (min-width: 1441px) { p { font-size: 18px; } } a { border: none; color: #000; cursor: pointer; text-decoration: none; } *, *:before, *:after { outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; } button { border: none; margin: 0; padding: 0; width: auto; overflow: visible; cursor: pointer; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; } a:focus, a:hover { color: #000; text-decoration: none; } .clear { display: block; line-height: 0px; clear: both; } #scrollTop { position: fixed; bottom: 56px; left: 60px; background: #fff; border: 2px solid #000; cursor: pointer; height: 40px; width: 40px; z-index: 10; } #scrollTop .arrow-button-right { width: 15px; height: 15px; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; position: absolute; z-index: 3; left: 10px; top: 10px; transform: rotate(-90deg); } /* GENERAL STRUCTURE*/ .module-style { position: relative; z-index: 4; width: calc(100% - 4px); margin-left: 2px; } #page.site { /*.transition_opacity;*/ } .yellowbg #page.site { background: #FEEB0D; } .blackbg #page.site { background: #000; } #page.site.transparentbg { background: transparent; } #page.site #primary.site-main { width: calc(100% - 120px); margin: 0 60px; position: relative; z-index: 4; padding-top: 60px; padding-bottom: 58px; background: #fff; min-height: 100vh; /*.transition_opacity;*/ } #page.site #primary.site-main .entry-header { align-items: center; color: #000000; flex: none; order: 0; flex-grow: 0; } #page.site #primary.site-main .entry-header .date-project { display: table-row; width: 309px; height: 11px; font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 18px; } #page.site #primary.site-main .entry-header .title-project { display: table-row; line-height: 50px; width: 309px; height: 11px; font-family: 'AkzidGrtskNext', serif; font-style: normal; font-weight: 700; font-size: 40px; } #page.site #primary.site-main .entry-header .category_list { display: table-row; } #page.site #primary.site-main .entry-header .category_list.category_list_project a { width: 309px; height: 27px; font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 30px; text-decoration-line: underline; } #page.site #primary.site-main .entry-content { position: relative; } #page.site #primary.site-main .entry-content:before { content: ''; height: calc(100% - 116px); width: 2px; position: fixed; left: 60px; top: 60px; background: #000; z-index: 3; } .transparentbg #page.site #primary.site-main .entry-content:before, .blackbg #page.site #primary.site-main .entry-content:before, .yellowbg #page.site #primary.site-main .entry-content:before { background: #fff; } #page.site #primary.site-main .entry-content:after { content: ''; height: calc(100% - 116px); width: 2px; position: fixed; right: 60px; top: 60px; background: #000; } .transparentbg #page.site #primary.site-main .entry-content:after, .blackbg #page.site #primary.site-main .entry-content:after, .yellowbg #page.site #primary.site-main .entry-content:after { background: #fff; } /* 404 and form success*/ .error404, .page-template-form-success, .search-no-results { background: #FEEB0D; overflow: hidden; } .error404 .site-footer, .page-template-form-success .site-footer, .search-no-results .site-footer, .error404 .site-header, .page-template-form-success .site-header, .search-no-results .site-header { background: #FEEB0D; } .error404 #backWrapper, .page-template-form-success #backWrapper, .search-no-results #backWrapper { display: none; } .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { background-image: url('../img/404.gif'); width: 100%; background-size: cover; background-position: center; } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 81px); } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 81px); } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 118px); } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 118px); } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 81px); } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 81px); } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 118px); } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground, .page-template-form-success .page-with-fullbackground, .search-no-results .page-with-fullbackground { height: calc(100vh - 118px); } } .error404 .page-with-fullbackground .entry-content, .page-template-form-success .page-with-fullbackground .entry-content, .search-no-results .page-with-fullbackground .entry-content { height: 100%; background: rgba(0, 0, 0, 0.5); } .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { color: #FEEB0D; /* 62px */ /*min-width: 901px*/ /*min-width: 1024px*/ /* 62px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 76px; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 45px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 45px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 52px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 52px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 30px; line-height: 32px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 45px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 45px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 52px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 52px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text h1 { font-size: 62px; } } .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { color: #fff; /* 62px */ /*min-width: 901px*/ /*min-width: 1024px*/ /* 62px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 76px; /*min-width: 901px*/ /*min-width: 1024px*/ font-weight: 400; } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 45px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 45px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 52px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 52px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 900px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 30px; line-height: 32px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 45px; } } @media screen and (min-width: 901px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 45px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 52px; } } @media screen and (min-width: 1024px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 52px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } @media screen and (min-width: 1281px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } @media screen and (min-width: 1441px) { .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-text p { font-size: 62px; } } .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button { display: inline-block; padding-right: 45px; padding-left: 60px; margin-top: 60px; } .error404 .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button:after, .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button:after, .search-no-results .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button:after { right: inherit; left: 10px; transform: rotate(-180deg); transform-origin: 7px 4px; } .search-no-results .page-with-fullbackground { background-image: url('../img/no-search-results.gif'); } .search-no-results .page-header { display: none; } .search-no-results .entry-content ul, .search-no-results .entry-content ol { margin: 0; } .page-template-form-success .page-with-fullbackground { background-image: url('../img/success.gif'); } .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button { padding-right: 60px; padding-left: 45px; } .page-template-form-success .page-with-fullbackground .entry-content .page-with-fullbackground-inner .page-with-fullbackground-button .white-button:after { left: inherit; right: 10px; transform: translateY(-50%); transform-origin: 0 0; } /* privacy pages*/ .privacy-container { color: #fff; padding-top: 100px; } .privacy-container h2 { /* 40px */ /*min-width: 901px*/ /*min-width: 1024px*/ /* 40px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.1875em; /*min-width: 901px*/ /*min-width: 1024px*/ max-width: 40%; } @media screen and (max-width: 900px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 900px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (min-width: 901px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 901px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { .privacy-container h2 { font-size: 40px; } } @media screen and (max-width: 900px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 900px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { .privacy-container h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (min-width: 901px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 901px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { .privacy-container h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { .privacy-container h2 { font-size: 40px; } } .privacy-container .right-content { width: 55%; float: right; } .privacy-container .right-content .document-download { font-weight: bold; margin-top: 30px; } .privacy-container .right-content p { font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.21em; font-size: 14/16rem; } .privacy-container .right-content a { color: #fff; text-decoration: underline; } .privacy-container .right-content a:hover { text-decoration: none; color: #FEEB0D; } /* newsletter*/ #mc_embed_signup { background: #000 !important; color: #fff; width: 82.5%; max-width: 1470px; margin: 0 auto; } #mc_embed_signup #mc_embed_signup_scroll { padding: 100px 0; } #mc_embed_signup #mc_embed_signup_scroll h2 { /* 40px */ /*min-width: 901px*/ /*min-width: 1024px*/ /* 40px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.1875em; /*min-width: 901px*/ /*min-width: 1024px*/ font-weight: bold; } @media screen and (max-width: 900px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 900px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (min-width: 901px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 901px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (max-width: 900px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 900px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (max-width: 767px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 30px; line-height: 1.1875em; } } @media screen and (min-width: 901px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 901px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1024px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } @media screen and (min-width: 1441px) { #mc_embed_signup #mc_embed_signup_scroll h2 { font-size: 40px; } } #mc_embed_signup #mc_embed_signup_scroll .indicates-required { margin: 50px 0; } #mc_embed_signup #mc_embed_signup_scroll .indicates-required .asterisk { color: #FEEB0D; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { display: flex; margin-bottom: 20px; position: relative; padding-bottom: 30px; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .select2-container--default .select2-selection--single { border-radius: 0; border-color: #fff; height: 48px; background: #000; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; /* 18px */ /* 18px */ font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.21em; font-size: 18px; line-height: 48px; padding-left: 15px; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .select2-container--default .select2-selection--single .select2-selection__arrow { background: url('../img/arrow-yellow-select.svg'); background-position: center; background-repeat: no-repeat; height: 48px; right: 15px; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .select2-container--default.select2-container--open .select2-selection__arrow { transform: rotate(180deg); } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group label { font-size: 40px; flex-basis: 50%; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group label .asterisk { color: #FEEB0D; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div { width: 48.5%; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div input { width: 100%; height: 48px; background: #000; border: 1px solid #fff; /* 18px */ /* 18px */ font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.21em; font-size: 18px; color: #fff; padding: 0 15px; border-radius: 0; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group select { width: 100%; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div.mce_inline_error { position: absolute; left: 50%; bottom: 0; margin: 0; } #mc_embed_signup #mc_embed_signup_scroll .description-informing-subscribers { color: #fff !important; font-size: 14px; line-height: 17px; max-width: 521px; margin-top: 50px; margin-bottom: 90px; } #mc_embed_signup #mc_embed_signup_scroll .description-informing-subscribers a { color: #fff; } #mc_embed_signup #mc_embed_signup_scroll .clear { text-align: center; } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button { /* .media-mobile({ padding:20px 15px; padding-right:30px; });*/ /*.media-tablet({ padding:20px 15px; padding-right:30px; });*/ background: #fff; border: 2px solid #000; padding: 20px 15px; padding-right: 60px; font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 18/16rem; position: relative; text-align: left; text-decoration: none; font-weight: normal; /* .media-mobile({ padding:20px 15px; padding-right:30px; });*/ /*.media-tablet({ padding:20px 15px; padding-right:30px; });*/ text-transform: uppercase; cursor: pointer; } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button { padding: 20px 15px; padding-right: 60px; } } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button { padding: 20px 15px; padding-right: 60px; } } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button span { font-size: 18px; position: relative; z-index: 2; } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button:after { content: ''; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button:before { content: ''; position: absolute; z-index: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button:hover:before { width: 100%; } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button { padding: 20px 15px; padding-right: 60px; } } @media screen and (min-width: 1281px) { #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button { padding: 20px 15px; padding-right: 60px; } } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button span { font-size: 18px; position: relative; z-index: 2; } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button:after { content: ''; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button:before { content: ''; position: absolute; z-index: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button:hover:before { width: 100%; } #mc_embed_signup #mc_embed_signup_scroll .clear #mc-embedded-subscribe.button span { color: #000; } @media screen and (max-width: 900px) { .desktop-only { display: none; } .mobile-only { display: block; } } @media screen and (max-width: 900px) { .desktop-only { display: none; } .mobile-only { display: block; } } @media screen and (min-width: 901px) { .desktop-only { display: block; } .mobile-only { display: none; } } @media screen and (min-width: 901px) { .desktop-only { display: block; } .mobile-only { display: none; } } @media screen and (max-width: 900px) { #page.site #primary.site-main { padding: 40px 0; margin: 0 30px; width: calc(100% - 60px); } #page.site #primary.site-main .entry-content:before { height: calc(100% - 80px); width: 2px; position: fixed; left: 30px; top: 40px; } #page.site #primary.site-main .entry-content:after { content: ''; height: calc(100% - 80px); right: 30px; top: 40px; z-index: 3; } /* NEWSLETTER*/ #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { display: block; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group label { font-size: 18px !important; line-height: 24px !important; margin-bottom: 15px; display: block; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div { width: 100%; } #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div .select2-container { width: 100% !important; } } @media screen and (max-width: 767px) { #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div.mce_inline_error { left: 0px; } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item .img-wrapper { height: 30vh; } #mc_embed_signup #mc_embed_signup_scroll h2 { line-height: 36px; font-size: 30px !important; font-weight: bold; } .inner-block { width: 100%; padding: 0 40px; } .inner-block.no-padding { padding: 0; } .inner-block.full-width-mobile { max-width: 100%; } .privacy-container h2 { max-width: 100%; } .privacy-container .right-content { width: 100%; margin-top: 20px; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Feb 14, 2022, 4:25:18 PM Author : Vegan */ /* SLIDER PROJECTS POST STYLE */ @media screen and (min-width: 901px) { .sidebar-col-left .sideSliderWrapper-projects { width: calc(100% - 2px); } .three-col { margin-top: 40px; } .three-col:after { content: ""; display: table; clear: both; } .three-col .column { float: left; padding: 10px; min-height: 300px; /* Should be removed. Only for demonstration */ } .three-col .column.left { width: 40%; padding: 40px; } .three-col .column.left .entry-header .date-post { width: 309px; height: 11px; font-family: "inter"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 83px; display: flex; align-items: center; color: #000000; flex: none; order: 0; flex-grow: 0; } .three-col .column.inner { padding: 40px; } .three-col .column.right { padding: 50px 20px; width: 30%; } .three-col .column.middle { padding: 50px 20px; width: 30%; } .swiper-button-prev.projects, .swiper-button-next.projects { top: calc(100vh - 60%); } .side-slider .swiper-button-prev { background-image: url("../img/prev.svg"); background-size: 40px 40px; width: 40px; height: 40px; margin-left: 30px; top: 45%; } .side-slider .swiper-button-next { background-image: url("../img/next.svg"); background-size: 40px 40px; width: 40px; height: 40px; margin-right: 30px; top: 45%; } .swiper-slide.projects { height: auto; } .latest-post-container { padding: 0px 316px; } } @media screen and (min-width: 1024px) and (max-width: 1440px) { .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item .img-wrapper { height: 30vh; } .latest-post-container { padding: 0px 180px; } } /* END PROJECTS POST STYLE */ .event_widget { background: #FEEB0D; padding: 20px; margin: 10px 0px; } .event_widget.event_widget_project { margin: 10px 40px; } .event_widget .event_description h4 { /* 18px */ /* 18px */ font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.21em; font-size: 18px; margin-bottom: 25px; font-weight: 700; } .event_widget .event_description p { /* 18px */ /* 18px */ font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.21em; font-size: 18px; } .event_widget .event-datetime { margin: 20px 0px; } .event_widget .event-datetime p { /* 18px */ /* 18px */ font-family: 'AkzidGrtskNext', serif; font-weight: 400; line-height: 1.21em; font-size: 18px; margin: 0 !important; } .event_widget .event-cat { display: inline-block; width: 49.5%; margin-right: 1%; } .event_widget .event-cat a { display: block; text-decoration: none !important; } .event_widget .event-cat a:hover { color: #000 !important; } .event_widget .event-cat.event-catprojects { display: contents; padding-top: 5px; } .event_widget .event-cat.event-catprojects a { font-size: 18px; width: 90%; } .event_widget .event-cat.event-cat-2 { margin-right: 0; float: right; } .event_widget .event-cat.event-cat-2.event-catprojects { display: contents; float: left; } .event_widget .event-cat.event-cat-2.event-catprojects a { width: 90%; margin-top: 5px; } .latest-posts-wrapper h3 { /* 18px */ /*min-width: 901px*/ /*min-width: 1024px*/ /* 18px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; /*min-width: 901px*/ /*min-width: 1024px*/ margin-bottom: 25px; margin-top: 40px; } @media screen and (max-width: 900px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (max-width: 900px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (max-width: 767px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (max-width: 767px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 901px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 901px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1024px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1024px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1281px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1281px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1441px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1441px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (max-width: 900px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (max-width: 900px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (max-width: 767px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (max-width: 767px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 901px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 901px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1024px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1024px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1281px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1281px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1441px) { .latest-posts-wrapper h3 { font-size: 18px; } } @media screen and (min-width: 1441px) { .latest-posts-wrapper h3 { font-size: 18px; } } .latest-posts-wrapper .latest-posts .inner-latest-posts { display: flex; justify-content: space-between; } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item { width: calc(33% - 10px); } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item.projects { width: calc(33% - 60px); } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item .img-wrapper { height: 30vh; /*padding-top: 68.75%;*/ width: 100%; position: relative; display: block; } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item .img-wrapper img { object-fit: cover; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item .latest-date { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 11px; line-height: 1.2em; padding-top: 12px; padding-bottom: 8px; visibility: hidden; } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item .latest-title { font-size: 13/16rem; padding: 10px; padding-right: 30px; } .sidebar-col-right .related-post .related-date { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 11px; line-height: 1.2em; padding-top: 12px; padding-bottom: 8px; visibility: hidden; } .sidebar-col-right .related-post .related-title { font-size: 13/16rem; padding: 10px; } .sidebar-col-right .social-share .share-title { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 11px; line-height: 1.2em; margin-bottom: 10px; margin-top: 30px; font-size: 18px; } .site-main.post .page-container .page-row { display: flex; } .site-main.post .page-container .page-row .sidebar-col-left { width: 35.5%; padding: 0 20px; position: fixed; top: 130px; left: 60px; height: calc(100vh - 260px); } .site-main.post .page-container .page-row .sidebar-col-left #openZoom { width: 26px; height: 26px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(../img/fullScreen.svg); position: absolute; right: 8px; top: 47px; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner { display: flex; align-items: center; position: relative; justify-content: center; width: 100%; height: calc(100vh - 260px); margin: 0 auto; padding: 0 40px; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner .slide-vimeo-embedded { width: 100%; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner .slide-youtube-embed { width: 100%; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner .slide-youtube-embed .youtube-video-container { overflow: hidden; position: relative; width: 100%; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner .slide-youtube-embed .youtube-video-container:after { padding-top: 56.25%; display: block; content: ''; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner .slide-youtube-embed .youtube-video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner img { height: auto; max-width: 100%; max-height: calc(100vh - 260px); width: auto; } .site-main.post .page-container .page-row .page-col { width: 45.52%; padding: 100px 20px; margin-left: calc(35.5% + 40px); margin-right: calc(19% + 20px); } .site-main.post .page-container .page-row .page-col .entry-header h1 { /* 62px */ /*min-width: 901px*/ /*min-width: 1024px*/ /* 62px */ font-weight: 700; font-family: 'AkzidGrtskNext', serif; line-height: 76px; /*min-width: 901px*/ /*min-width: 1024px*/ } @media screen and (max-width: 900px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 900px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (min-width: 901px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 45px; } } @media screen and (min-width: 901px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 45px; } } @media screen and (min-width: 1024px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 52px; } } @media screen and (min-width: 1024px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 52px; } } @media screen and (min-width: 1281px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } @media screen and (min-width: 1281px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } @media screen and (max-width: 900px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 900px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (max-width: 767px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 30px; line-height: 32px; } } @media screen and (min-width: 901px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 45px; } } @media screen and (min-width: 901px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 45px; } } @media screen and (min-width: 1024px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 52px; } } @media screen and (min-width: 1024px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 52px; } } @media screen and (min-width: 1281px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } @media screen and (min-width: 1281px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } @media screen and (min-width: 1441px) { .site-main.post .page-container .page-row .page-col .entry-header h1 { font-size: 62px; } } .site-main.post .page-container .page-row .page-col .entry-header span.date-post { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 11px; line-height: 1.2em; font-size: 18px; padding: 10px 0; display: block; } .site-main.post .page-container .page-row .page-col .category_list { margin-top: 10px; margin-bottom: 30px; } .site-main.post .page-container .page-row .page-col .category_list a { font-family: 'AkzidGrtskNext', serif; font-weight: 500; font-size: 18px; border-bottom: 1px solid #000; text-transform: capitalize; } .site-main.post .page-container .page-row .page-col .category_list a:hover { color: #FEEB0D; text-decoration: none; border-color: #FEEB0D; } .site-main.post .page-container .page-row .page-col .entry-content .inner-entry-content p { margin-bottom: 20px; } .site-main.post .page-container .page-row .page-col .entry-content .inner-entry-content a { text-decoration: underline; } .site-main.post .page-container .page-row .page-col .entry-content .inner-entry-content a:hover { color: #FEEB0D; text-decoration: none; } .site-main.post .page-container .page-row .sidebar-col-right { width: 19%; padding: 0 40px; position: fixed; top: 130px; right: 60px; } .site-main.post .page-container .page-row .sidebar-col-right .related-post .img-wrapper { height: 0; padding-top: 150.71%; position: relative; display: block; } .site-main.post .page-container .page-row .sidebar-col-right .related-post .img-wrapper img { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* zoomed gallery*/ #closeZoom { position: absolute; top: 20px; right: 45px; z-index: 10; background: url('../img/close-white.svg') no-repeat; width: 40px; height: 40px; background-size: 15px 15px; background-position: center; } .zoom-modal .zoomed-slider .swiper-slide { text-align: center; } .zoom-modal .zoomed-slider .swiper-slide .slide-inner img { height: 100%; width: auto; object-fit: contain; vertical-align: baseline; } /* video*/ .fullScreenVideo .swiper-wrapper { display: block; position: fixed; top: 0; right: 0px; width: 100vw; height: 100vh; background: #06111a9e; transform: translateX(0px) !important; } .fullScreenVideo .swiper-slide.swiper-slide-active { width: 100vw !important; height: 100vh !important; top: 0; left: 0; } .fullScreenVideo .sidebar-col-left .fps_img_inner { height: 100%; width: 100%; } .fullScreenVideo .sidebar-col-left .fps_img_wrapper .html5_vid_wrapper { top: 0; left: 0; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); height: 100%; width: 100%; } .fullScreenVideo .sidebar-col-left .html5_vid_container_outer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fullScreenVideo .sidebar-col-left .swiper-slide { z-index: 1; } .fullScreenVideo .sidebar-col-left .swiper-slide .swiper-slide-active { height: 100% !important; } .fullScreenVideo .zoomed-slider .swiper-slide.swiper-slide-active { position: fixed; z-index: 9; } .fullScreenVideo .zoomed-slider .html5_vid_wrapper._playing { height: 100vh; width: 100%; position: relative; } .fullScreenVideo .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer { position: absolute; width: 100%; height: auto; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fullScreenVideo .zoomed-slider .slide-inner { top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; } .fullScreenVideo .zoomed-slider ._playing .html5_vid_container { position: static; } .fullScreenVideo .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner { position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 100%; } .fullScreenVideo .side-slider { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .fullScreenVideo ._playing .html5_vid_container { top: 0; left: 0; height: auto; width: 100vw; z-index: 99999999; background: #000; max-width: inherit !important; margin: 0 !important; } .fullScreenVideo ._playing .vsVideoPlayerHTML5 { height: 100% !important; width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } .zoomed-slider .swiper-slide.swiper-slide-active { position: relative; } .zoomed-slider .swiper-slide { height: 100%; } .zoomed-slider .fps_img_wrapper { height: 100%; width: 100%; } .zoomed-slider .slide-inner { height: 100%; width: 100%; } .zoomed-slider .slide-inner .slide-vimeo-embedded { width: 100%; } .zoomed-slider .slide-inner .slide-youtube-embed { width: 100%; } .zoomed-slider .slide-inner .slide-youtube-embed .youtube-video-container { overflow: hidden; position: relative; width: 100%; } .zoomed-slider .slide-inner .slide-youtube-embed .youtube-video-container:after { padding-top: 56.25%; display: block; content: ''; } .zoomed-slider .slide-inner .slide-youtube-embed .youtube-video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .zoomed-slider .fps_img_inner { height: 100%; width: 100%; display: flex; align-items: center; } .zoomed-slider .html5_vid_wrapper._playing { height: 100%; width: 100%; position: relative; } .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer { height: 100%; width: 100%; } .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer .html5_vid_container { height: 100%; width: 100%; } .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer .html5_vid_container > * { height: 100%; width: 100%; } .zoomed-slider .vid_cover { position: absolute; left: 50%; top: 50%; width: 100%; max-height: 100%; transform: translate(-50%, -50%); } html.overflow_hidden { overflow: hidden; } html.fullScreenVideo { overflow: hidden; } html.fullScreenVideo #header-wrapper { height: 0; z-index: 0; } .container-video-controls { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; /*background: -o-linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0.55)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.04)), to(rgba(0,0,0,0.55))); background: linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0.55));*/ -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); -o-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; } .container-video-controls.user-hover { opacity: 1; } .video-controls { margin: 0 auto; width: 100%; position: absolute; bottom: 10px; left: 0; } .video-controls .video-controls-wrap { max-width: 1160px; margin: 0 auto; height: 30px; position: relative; text-align: center; -webkit-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; z-index: 2; } .video-controls .video-controls-wrap div.barelement { display: inline-block; vertical-align: middle; padding: 5px; height: 30px; cursor: pointer; line-height: 20px; margin-left: -2px; margin-right: -2px; } .video-controls .video-controls-wrap div.barelement i { width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; } .video-controls .video-controls-wrap div.barelement i.icon-fullscreen { background-image: url(../img/icon-fullscreen.svg); } .video-controls .video-controls-wrap div.barelement i.play-icon { background-image: url(../img/icon-play.svg); } .video-controls .video-controls-wrap div.barelement i.icon-pause { background-image: url(../img/icon-pause.svg); } .video-controls .video-controls-wrap div.barelement i.icon-mute { background-image: url(../img/icon-mute.svg); } .video-controls .video-controls-wrap div.barelement i.icon-unmuted { background-image: url(../img/icon-unmuted.svg); } .video-controls .video-controls-wrap input { height: 1em; margin: 0px; padding: 0px; } .video-controls .video-controls-wrap input[type=range] { -webkit-appearance: none; width: 100%; padding: 0; background: none; line-height: 20px; height: 20px; color: #fff; border: none; } .video-controls .video-controls-wrap input[type=range]:focus { outline: none; } .video-controls .video-controls-wrap input[type=range]:focus::-webkit-slider-runnable-track { background: #ffffff; } .video-controls .video-controls-wrap input[type=range]:focus::-ms-fill-lower { background: #ffffff; } .video-controls .video-controls-wrap input[type=range]:focus::-ms-fill-upper { background: #ffffff; } .video-controls .video-controls-wrap input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 2px; cursor: pointer; background: #ffffff; border: 0.2px solid #cccccc; } .video-controls .video-controls-wrap input[type=range]::-webkit-slider-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -3px; } .video-controls .video-controls-wrap input[type=range]::-moz-range-track { width: 100%; height: 2px; cursor: pointer; background: #ffffff; border: 0.2px solid #010101; } .video-controls .video-controls-wrap input[type=range]::-moz-range-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; } .video-controls .video-controls-wrap input[type=range]::-ms-track { width: 100%; height: 2px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } .video-controls .video-controls-wrap input[type=range]::-ms-fill-lower { background: #ffffff; border-radius: 2.6px; } .video-controls .video-controls-wrap input[type=range]::-ms-fill-upper { background: #ffffff; border-radius: 2.6px; } .video-controls .video-controls-wrap input[type=range]::-ms-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; } .video-controls .video-controls-wrap div.play-btn { cursor: pointer; } .video-controls .video-controls-wrap div.pause-btn { cursor: pointer; } .video-controls .video-controls-wrap div.mute-btn { cursor: pointer; } .video-controls .video-controls-wrap div.volume-bar-btn { width: 6%; } .video-controls .video-controls-wrap div.timeline { height: 2px; background: #ccc; width: 100%; margin-top: 9px; } .video-controls .video-controls-wrap .timeline-wrap { width: 70%; padding: 0px; } .video-controls .video-controls-wrap .timeline-advanced { height: 2px; background: #fff; width: 0px; } .video-controls .video-controls-wrap .timeline-advanced-cursor { width: 8px; height: 8px; border-radius: 5px; background: #fff; margin-top: -5px; margin-left: -4px; pointer-events: none; } .videoCover i.player { display: inline-block; vertical-align: middle; padding: 5px; height: 30px; cursor: pointer; line-height: 20px; margin-left: -2px; margin-right: -2px; } @media screen and (max-width: 900px) { .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item .img-wrapper { height: 25vh; } .event_widget .event-cat { width: 100%; margin-bottom: 10px; } .event_widget .event-cat.event-cat-2 { float: none; margin-bottom: 0; } .single .swiper-button-prev, .single .swiper-button-next { top: auto; bottom: 9%; } .single .swiper-button-prev.projects { background-size: 20px; background-position: center; background-repeat: no-repeat; display: block; left: 25%; } .single .swiper-button-prev.arrow-white { filter: invert(1); } .single .swiper-button-next.projects { background-size: 20px; background-position: center; background-repeat: no-repeat; display: block; right: 25%; } .single .swiper-button-next.arrow-white { filter: invert(1); } .site-main.post .page-container .page-row { display: block; padding-bottom: 50px; } .site-main.post .page-container .page-row .sidebar-col-left { width: 100%; padding: 0; position: relative; padding-top: 80px; top: inherit; left: inherit; height: auto; } .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner { height: auto; } .site-main.post .page-container .page-row .sidebar-col-right { width: 33%; padding: 0 25px; position: relative; top: inherit; right: inherit; } .site-main.post .page-container .page-row .page-col { width: 100%; margin: 0; } } @media screen and (min-width: 901px) and (max-width: 1023px) { .site-main.post .page-container .page-row { display: block; } .site-main.post .page-container .page-row .page-col { width: 50%; margin-left: calc(45% + 40px); padding: 30px 20px; } .latest-posts-wrapper .latest-posts .inner-latest-posts { display: block; } .latest-posts-wrapper .latest-posts .inner-latest-posts .latest-post-item { width: 100%; margin-bottom: 20px; } .site-main.post .page-container .page-row .sidebar-col-left { width: 45%; } .site-main.post .page-container .page-row .sidebar-col-right { width: 30%; margin-left: 49.5%; padding: 0 20px; position: relative; right: inherit; top: inherit; padding-bottom: 40px; } } @media screen and (max-width: 767px) { .site-main.post .page-container .page-row .page-col { padding: 60px 0; } .site-main.post .page-container .page-row .page-col .entry-content .latest-posts { padding-left: 20px; padding-right: 20px; } .site-main.post .page-container .page-row .page-col .entry-content .inner-entry-content { padding: 0 20px; } .site-main.post .page-container .page-row .page-col .entry-content .latest-posts-wrapper h3 { padding: 0 20px; } .site-main.post .page-container .page-row .page-col .entry-header { padding: 0 20px; } .site-main.post .page-container .page-row .page-col .category_list { padding: 0 20px; } .site-main.post .page-container .page-row .sidebar-col-right { width: 100%; padding: 0 25px; position: relative; top: inherit; right: inherit; } .site-main.post .page-container .page-row .sidebar-col-right .related-post { display: none; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Mar 14, 2022, 11:03:28 PM Author : Vegan */ .category-collection { display: flex; flex-wrap: wrap; } @media screen and (max-width: 900px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 900px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 767px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 767px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (min-width: 901px) { .category-collection { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 901px) { .category-collection { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 1024px) { .category-collection { padding-top: 100px; padding-bottom: 100px; } } @media screen and (min-width: 1024px) { .category-collection { padding-top: 100px; padding-bottom: 100px; } } @media screen and (min-width: 1281px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1281px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1441px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1441px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } @media screen and (max-width: 900px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 900px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 767px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 767px) { .category-collection { padding-top: 50px; padding-bottom: 50px; } } @media screen and (min-width: 901px) { .category-collection { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 901px) { .category-collection { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 1024px) { .category-collection { padding-top: 100px; padding-bottom: 100px; } } @media screen and (min-width: 1024px) { .category-collection { padding-top: 100px; padding-bottom: 100px; } } @media screen and (min-width: 1281px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1281px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1441px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1441px) { .category-collection { padding-top: 200px; padding-bottom: 100px; } } .category-collection .post-section { width: 21.25%; margin-right: 5%; position: relative; margin-bottom: 50px; } .category-collection .post-section h4 { font-family: 'AkzidGrtskNext', serif; font-weight: bold; font-size: 32px; margin-bottom: 20px; line-height: 38px; } .category-collection .post-section p { font-family: 'AkzidGrtskNext', serif; font-size: 14px; line-height: 21.31px; font-weight: 500; } .category-collection .post-section .post-label { position: absolute; top: 0; width: 100%; right: 0; padding: 12px 0; background: rgba(0, 0, 0, 0.5); text-align: center; color: #FEEB0D; font-weight: 600; font-size: 11px; font-family: 'AkzidGrtskNext', serif; text-transform: uppercase; } .category-collection .post-section .post-image { height: 0; padding-top: 110.16949153%; position: relative; /*display: block;*/ display: flex; align-items: flex-end; } .category-collection .post-section .post-image img { object-fit: cover; /*position: absolute;*/ top: 0; left: 0; width: 100%; /*height: 100%;*/ height: auto; } .category-collection .post-section .post-date { font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 11px; line-height: 1.2em; padding: 10px 15px; visibility: hidden; } .category-collection .post-section:nth-child(4n) { margin-right: 0; } @media screen and (min-width: 1280px) and (max-width: 1366px) { .category-collection .post-section { width: 28.5%; margin-right: 7%; margin-bottom: 50px; } .category-collection .post-section:nth-child(3n) { margin-right: 0; } .category-collection .post-section:nth-child(4n) { margin-right: 7%; } } .category .navigation.posts-navigation { width: 100%; text-align: center; } .category .navigation.posts-navigation .nav-links { margin-top: 50px; } .category .navigation.posts-navigation .nav-links .nav-previous, .category .navigation.posts-navigation .nav-links .nav-next { /* .media-mobile({ padding:20px 15px; padding-right:30px; });*/ /*.media-tablet({ padding:20px 15px; padding-right:30px; });*/ background: #fff; border: 2px solid #000; padding: 20px 15px; padding-right: 60px; font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 18/16rem; position: relative; text-align: left; text-decoration: none; font-weight: normal; /* .media-mobile({ padding:20px 15px; padding-right:30px; });*/ /*.media-tablet({ padding:20px 15px; padding-right:30px; });*/ text-transform: uppercase; display: inline-block; } @media screen and (min-width: 1281px) { .category .navigation.posts-navigation .nav-links .nav-previous, .category .navigation.posts-navigation .nav-links .nav-next { padding: 20px 15px; padding-right: 60px; } } @media screen and (min-width: 1281px) { .category .navigation.posts-navigation .nav-links .nav-previous, .category .navigation.posts-navigation .nav-links .nav-next { padding: 20px 15px; padding-right: 60px; } } .category .navigation.posts-navigation .nav-links .nav-previous span, .category .navigation.posts-navigation .nav-links .nav-next span { font-size: 18px; position: relative; z-index: 2; } .category .navigation.posts-navigation .nav-links .nav-previous:after, .category .navigation.posts-navigation .nav-links .nav-next:after { content: ''; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .category .navigation.posts-navigation .nav-links .nav-previous:before, .category .navigation.posts-navigation .nav-links .nav-next:before { content: ''; position: absolute; z-index: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } .category .navigation.posts-navigation .nav-links .nav-previous:hover:before, .category .navigation.posts-navigation .nav-links .nav-next:hover:before { width: 100%; } @media screen and (min-width: 1281px) { .category .navigation.posts-navigation .nav-links .nav-previous, .category .navigation.posts-navigation .nav-links .nav-next { padding: 20px 15px; padding-right: 60px; } } @media screen and (min-width: 1281px) { .category .navigation.posts-navigation .nav-links .nav-previous, .category .navigation.posts-navigation .nav-links .nav-next { padding: 20px 15px; padding-right: 60px; } } .category .navigation.posts-navigation .nav-links .nav-previous span, .category .navigation.posts-navigation .nav-links .nav-next span { font-size: 18px; position: relative; z-index: 2; } .category .navigation.posts-navigation .nav-links .nav-previous:after, .category .navigation.posts-navigation .nav-links .nav-next:after { content: ''; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .category .navigation.posts-navigation .nav-links .nav-previous:before, .category .navigation.posts-navigation .nav-links .nav-next:before { content: ''; position: absolute; z-index: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } .category .navigation.posts-navigation .nav-links .nav-previous:hover:before, .category .navigation.posts-navigation .nav-links .nav-next:hover:before { width: 100%; } .category .navigation.posts-navigation .nav-links .nav-previous a, .category .navigation.posts-navigation .nav-links .nav-next a { position: relative; z-index: 4; display: block; width: 100%; } @media screen and (min-width: 768px) and (max-width: 1279px) { .category-collection { justify-content: space-between; } .category-collection .post-section { width: 46.5%; margin-bottom: 50px; } .category-collection .post-section:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 767px) { .category-collection { display: block; } .category-collection .post-section { width: 100%; margin-bottom: 50px; margin-right: 0; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 26, 2021, 10:50:52 AM Author : vegans */ /* media queries*/ /* @small: ~"(max-width: 699px) and (min-width: 520px)"; @medium: ~"(max-width: 1000px) and (min-width: 700px)"; @large: ~"(min-width: 1001px)"; @xlarge: ~"(min-width: 1151px)"; @media @small {* code here *} */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 26, 2021, 10:48:36 AM Author : vegans */ /* icons*/ .arrow-right { background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; } .icon-share { width: 40px; height: 40px; border: 2px solid #000; display: inline-block; background-position: center; background-repeat: no-repeat; position: relative; } .icon-share.facebook { background-image: url(../img/facebook.svg); background-size: 7px 15px; } .icon-share.twitter { background-image: url(../img/twitter.svg); background-size: 15px 12px; } .icon-share.vimeo { background-image: url(../img/vimeo.svg); background-size: 16px 14px; } .icon-share.linkedin { background-image: url(../img/linkedin.svg); background-size: 15px 15px; } .icon-share.instagram { background-image: url(../img/instagram.svg); background-size: 15px 15px; } .icon-share:before { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } .icon-share:hover:before { width: 100%; } /* swiper icons */ .swiper-button-next, .swiper-button-prev { background-size: 15px 15px; background-position: center; background-repeat: no-repeat; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } .swiper-button-next { background-image: url(../img/chevronRight.svg); } .swiper-button-prev { background-image: url(../img/chevronLeft.svg); } .swiper-button-next.white-icon { background-image: url(../img/chevronRight-white.svg); } .swiper-button-prev.white-icon { background-image: url(../img/chevronLeft-white.svg); } .fade-in-effect { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out; -ms-transition: all 1.2s ease-out; -o-transition: all 1.2s ease-out; transition: all 1.2s ease-out; /*-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in;*/ } .fade-in-effect.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .fade-in-effect-slower { /*opacity: 0;*/ -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; /* -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in;*/ } .fade-in-effect-slower.visible { opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .stagger-effect { opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .stagger-effect.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .stagger-effect-post-related { opacity: 0; -webkit-transform: translateY(120px); -moz-transform: translateY(120px); -ms-transform: translateY(120px); -o-transform: translateY(120px); transform: translateY(120px); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .stagger-effect-post-related.visible { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* managing padding*/ @media screen and (max-width: 900px) { .block-padding { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 900px) { .block-padding { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 767px) { .block-padding { padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 767px) { .block-padding { padding-top: 50px; padding-bottom: 50px; } } @media screen and (min-width: 901px) { .block-padding { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 901px) { .block-padding { padding-top: 80px; padding-bottom: 80px; } } @media screen and (min-width: 1024px) { .block-padding { padding-top: 100px; padding-bottom: 100px; } } @media screen and (min-width: 1024px) { .block-padding { padding-top: 100px; padding-bottom: 100px; } } @media screen and (min-width: 1281px) { .block-padding { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1281px) { .block-padding { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1441px) { .block-padding { padding-top: 200px; padding-bottom: 100px; } } @media screen and (min-width: 1441px) { .block-padding { padding-top: 200px; padding-bottom: 100px; } } /* managing height*/ @media screen and (max-width: 900px) { .height-inner-frame { height: calc(100vh - 81px); } } @media screen and (max-width: 900px) { .height-inner-frame { height: calc(100vh - 81px); } } @media screen and (min-width: 901px) { .height-inner-frame { height: calc(100vh - 118px); } } @media screen and (min-width: 901px) { .height-inner-frame { height: calc(100vh - 118px); } } .title-link-border { border: 2px solid #000; display: block; padding: 15px; font-size: 18px; font-family: 'AkzidGrtskNext', serif; position: relative; padding-right: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .title-link-border div { position: relative; padding-right: 15px; margin-bottom: -1px; } .title-link-border:after { content: ''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; } .title-link-border:before { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } .title-link-border:hover { /* background:@yellow;*/ } .title-link-border:hover:before { width: 100%; } .cta.yellow-arrow { /*background: @yellow;*/ font-size: 18px; font-weight: 400; font-family: 'AkzidGrtskNext', serif; /*display: block;*/ padding: 10px 19px; position: relative; height: 38px; line-height: 38px; } .cta.yellow-arrow .arrow-button-icon { width: 38px; height: 38px; border: 2px solid #000; background-color: #fff; position: absolute; left: 0; top: 0; } .cta.yellow-arrow .arrow-button-icon .arrow-button-right { width: 15px; height: 15px; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; } .cta.yellow-arrow .arrow-button-icon:before { content: ''; position: absolute; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } .cta.yellow-arrow .arrow-button-label { transition: transform 250ms; display: block; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; transition: left 250ms; left: 20px; position: absolute; top: 0; } .cta.yellow-arrow:hover .arrow-button-label { left: 40px; } .cta.yellow-arrow:hover:hover .arrow-button-icon:before { width: 100%; } .cta.only-arrow { width: 38px; height: 38px; border: 2px solid #000; background-color: #fff; display: block; position: relative; } .cta.only-arrow .arrow-icon-cta { background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; position: relative; width: 15px; height: 16px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; } .cta.only-arrow:before { content: ''; position: absolute; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } .cta.only-arrow:hover:before { width: 100%; } .white-button { background: #fff; border: 2px solid #000; padding: 20px 15px; padding-right: 60px; font-weight: 700; font-family: 'AkzidGrtskNext', serif; font-size: 18/16rem; position: relative; text-align: left; text-decoration: none; font-weight: normal; /* .media-mobile({ padding:20px 15px; padding-right:30px; });*/ /*.media-tablet({ padding:20px 15px; padding-right:30px; });*/ } @media screen and (min-width: 1281px) { .white-button { padding: 20px 15px; padding-right: 60px; } } @media screen and (min-width: 1281px) { .white-button { padding: 20px 15px; padding-right: 60px; } } .white-button span { font-size: 18px; position: relative; z-index: 2; } .white-button:after { content: ''; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .white-button:before { content: ''; position: absolute; z-index: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } .white-button:hover:before { width: 100%; } .center-button-apply { display: inline-block; text-decoration: none; background: rgba(0, 0, 0, 0.5); color: #FEEB0D !important; font-size: 0.625rem; font-weight: 500; font-family: 'AkzidGrtskNext', serif; width: 230px; height: 56px; line-height: 56px; text-align: center; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .center-button-apply:hover, .center-button-apply:active, .center-button-apply:focus { text-decoration: none; } .center-button-apply:hover, .center-button-apply:active, .center-button-apply:focus { text-decoration: none; } .center-button-apply:hover { background: #000; } .blackbg .center-button-apply, .transparentbg .center-button-apply { background: rgba(254, 235, 13, 0.5); color: #FFFEF7 !important; } .blackbg .center-button-apply:hover, .transparentbg .center-button-apply:hover { background: yellow; } .transition_opacity { -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 30, 2021, 12:15:57 PM Author : vegans */ /* captcha*/ .grecaptcha-badge { z-index: 999; bottom: 60px !important; } #backWrapper { height: 40px; top: 60px; left: 62px; position: fixed; background: #fff; z-index: 11; } #backWrapper a { width: auto; display: flex; } #backWrapper a .back-icon { width: 40px; height: 40px; border-bottom: 2px solid black; border-right: 2px solid black; background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; background-image: url('../img/Go-left.svg'); position: relative; } .transparentbg #backWrapper a .back-icon, .yellowbg #backWrapper a .back-icon { border-bottom: 2px solid white; border-right: 2px solid white; } .yellowbg #backWrapper a .back-icon { background-image: url('../img/Go-left-white.svg'); background-color: #000; } #backWrapper a .back-icon:before { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } #backWrapper a .back-icon:hover:before { width: 100%; } #backWrapper a .back-name { background: #FEEB0D; padding: 0 30px; line-height: 40px; font-size: 0.625rem; font-family: 'AkzidGrtskNext', serif; font-weight: 500; text-transform: uppercase; } #backWrapper.label-hidden { opacity: 0; } /* make z index low when video open*/ html.fullScreenVideo #backWrapper, html.fullScreenVideo .site-footer, html.fullScreenVideo .site-header { z-index: 3 !important; } html.fullScreenVideo #searchWrapper, html.fullScreenVideo .change-lang { display: none; } #scrollDown { background: #FEEB0D; position: fixed; right: 62px; top: 100px; height: calc(100vh - 158px); width: 40px; z-index: 9; } #scrollDown.transparent { background: transparent; } #scrollDown.transparent .icon-down { background-image: url('../img/Down-white.svg'); /* transform: rotate(90deg); animation: updown 2s ease infinite;*/ } #scrollDown .icon-down { background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; background-image: url('../img/Down.svg'); width: 100%; height: 30px; position: absolute; bottom: 10px; right: 0; } @keyframes updown { 0% { transform: translateY(0px); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0px); } } .site-header { position: fixed; height: 60px; top: 0; left: 0; width: 100%; z-index: 5; background: #fff; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .yellowbg .site-header { background: #FEEB0D; } .transparentbg .site-header { background: transparent; } .blackbg .site-header { background: #000; } .blackbg .site-header ul li a { color: #fff; } .site-header .inner-site-header { display: flex; justify-content: space-between; align-items: center; height: 100%; width: calc(100% - 120px); margin: 0 auto; border-bottom: 2px solid #000; } .blackbg .site-header .inner-site-header, .yellowbg .site-header .inner-site-header { border-bottom: 2px solid #fff; } .transparentbg .site-header .inner-site-header { border-bottom: 2px solid #fff; } .site-header .inner-site-header .main-logo { width: 167px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .blackbg .site-header .inner-site-header .main-logo { filter: brightness(0) invert(1); } .transparentbg .site-header .inner-site-header .main-logo { filter: brightness(0) invert(1); } .site-header .inner-site-header ul.desktop-only { display: flex; width: calc(43% - 60px); justify-content: space-between; margin-top: -4px; } .site-header .inner-site-header ul.desktop-only li.topmenu-item a { font-family: 'AkzidGrtskNext', serif; font-size: 0.75rem; padding: 0 30px; padding-bottom: 23px; padding-top: 30px; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .transparentbg .site-header .inner-site-header ul.desktop-only li.topmenu-item a { color: #fff; } .site-header .inner-site-header ul.desktop-only li.topmenu-item a:hover { opacity: 0.5; } /* change language*/ ul.change-lang { position: fixed; right: 0; top: 60px; width: 60px; height: auto; z-index: 6; } ul.change-lang li { margin-bottom: 5px; padding-left: 20px; } ul.change-lang li a { font-size: 0.625rem; font-weight: 500; font-family: 'AkzidGrtskNext', serif; opacity: 0.5; } .blackbg ul.change-lang li a, .transparentbg ul.change-lang li a { color: #fff; } ul.change-lang li.current a { opacity: 1; } /* search */ /* clears the ‘X’ from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="search"], input[type="submit"] { -webkit-appearance: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } /* search results*/ .search-results .page-title { margin-top: 140px; width: 82.5%; margin-left: auto; margin-right: auto; font-size: 25px; } #searchWrapper { position: fixed; top: 60px; width: calc(100% - 120px); right: 60px; z-index: 11; display: flex; justify-content: flex-end; transition: background 0.25s ease-in; } #searchWrapper #toggleSearch { border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; height: 40px; width: 42px; display: inline-block; position: relative; } .yellowbg #searchWrapper #toggleSearch:before { content: ''; background: black; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -2; } #searchWrapper #toggleSearch .icon-lens { width: 100%; height: 100%; display: block; background-image: url(../img/close.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; position: relative; /*background-color:#fff;*/ } .whitebg #searchWrapper #toggleSearch .icon-lens { /*background-color:@yellow;*/ } .blackbg #searchWrapper #toggleSearch .icon-lens { /*background-color:rgba(0,0,0,0.3) !important;*/ } .transparent #searchWrapper #toggleSearch .icon-lens { background-color: transparent !important; } #searchWrapper #toggleSearch .icon-lens:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } #searchWrapper #toggleSearch .icon-lens:hover:after { width: 100%; } .blackbg #searchWrapper #toggleSearch, .yellowbg #searchWrapper #toggleSearch { border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .blackbg #searchWrapper #toggleSearch .icon-lens, .yellowbg #searchWrapper #toggleSearch .icon-lens { background-image: url(../img/close-white.svg); } .yellowbg #searchWrapper #toggleSearch .icon-lens { background-color: transparent; } .transparentbg #searchWrapper #toggleSearch { border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; /**background-color:rgba(0,0,0,0.3);*/ background-color: transparent; } .transparentbg #searchWrapper #toggleSearch .icon-lens { background-color: transparent; background-image: url(../img/close-white.svg); } #searchWrapper #searchForm { width: calc(100% - 40px); transition: width 0.3s ease-in-out; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; } #searchWrapper #searchForm #search { flex-grow: 1; border: none; height: 100%; border-bottom: 2px solid #000; padding: 0 15px; font-size: 18px; color: #000; font-family: 'AkzidGrtskNext', serif; webkit-appearance: none; webkit-border-radius: 0; border-radius: 0; width: 100%; height: 40px; background-color: transparent; } #searchWrapper #searchForm #search::-webkit-input-placeholder { color: #000; } #searchWrapper #searchForm #search::-moz-placeholder { color: #000; } #searchWrapper #searchForm #search:-ms-input-placeholder { color: #000; } #searchWrapper #searchForm #search:-moz-placeholder { color: #000; } .blackbg #searchWrapper #searchForm #search, .transparentbg #searchWrapper #searchForm #search { border-bottom: 2px solid #fff; /* background-color:rgba(0,0,0,0.3) !important;*/ color: #FEEB0D; } .blackbg #searchWrapper #searchForm #search::-webkit-input-placeholder, .transparentbg #searchWrapper #searchForm #search::-webkit-input-placeholder { color: #FEEB0D; } .blackbg #searchWrapper #searchForm #search::-moz-placeholder, .transparentbg #searchWrapper #searchForm #search::-moz-placeholder { color: #FEEB0D; } .blackbg #searchWrapper #searchForm #search:-ms-input-placeholder, .transparentbg #searchWrapper #searchForm #search:-ms-input-placeholder { color: #FEEB0D; } .blackbg #searchWrapper #searchForm #search:-moz-placeholder, .transparentbg #searchWrapper #searchForm #search:-moz-placeholder { color: #FEEB0D; } .whitebg #searchWrapper #searchForm #search { /*background-color:@yellow;*/ } .yellowbg #searchWrapper #searchForm #search { /* background-color:#000;*/ border-bottom: 2px solid #fff; color: #fff; } .yellowbg #searchWrapper #searchForm #search::-webkit-input-placeholder { color: #fff; } .yellowbg #searchWrapper #searchForm #search::-moz-placeholder { color: #fff; } .yellowbg #searchWrapper #searchForm #search:-ms-input-placeholder { color: #fff; } .yellowbg #searchWrapper #searchForm #search:-moz-placeholder { color: #fff; } #searchWrapper #searchForm .input-go { position: relative; } #searchWrapper #searchForm .input-go #btnSubmit { border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; border-top: none; height: 40px; width: 42px; font-size: 0; background-color: transparent; -webkit-appearance: none; border-radius: 0; position: relative; z-index: 4; cursor: pointer; /*background:@yellow;*/ } .blackbg #searchWrapper #searchForm .input-go #btnSubmit, .transparentbg #searchWrapper #searchForm .input-go #btnSubmit { border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; /* background-color:rgba(0,0,0,0.3);*/ } .transparentbg #searchWrapper #searchForm .input-go #btnSubmit { background-color: transparent; } .yellowbg #searchWrapper #searchForm .input-go #btnSubmit { border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; /*background-color: #000;*/ } #searchWrapper #searchForm .input-go .container-lens { height: 38px; /* .transparentbg &, .yellowbg &{ background-color:rgba(0,0,0,0.3); } .whitebg & { background-color:@yellow; } .blackbg &{ background-color:rgba(0,0,0,0.3); }*/ } #searchWrapper #searchForm .input-go .container-lens .go-search { background-image: url(../img/Go.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; position: absolute; top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; z-index: 2; } .blackbg #searchWrapper #searchForm .input-go .container-lens .go-search, .transparentbg #searchWrapper #searchForm .input-go .container-lens .go-search, .yellowbg #searchWrapper #searchForm .input-go .container-lens .go-search { background-image: url(../img/Go-white.svg); } #searchWrapper #searchForm .input-go .container-lens:after { content: ''; position: absolute; z-index: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 40px; top: 0; left: 0; background: #FEEB0D; } #searchWrapper #searchForm .input-go .container-lens:hover:after { width: 100%; } #searchWrapper.search-closed { z-index: 7; background-color: transparent !important; } #searchWrapper.search-closed #toggleSearch { border-right: 2px solid #000; position: relative; background-image: none; } #searchWrapper.search-closed #toggleSearch .icon-lens { width: 100%; height: 100%; display: block; background-image: url(../img/lens.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: center; position: relative; background-color: transparent; } #searchWrapper.search-closed #toggleSearch .icon-lens:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0%; height: 100%; top: 0; left: 0; background: #FEEB0D; } #searchWrapper.search-closed #toggleSearch .icon-lens:hover:after { width: 100%; } .blackbg #searchWrapper.search-closed #toggleSearch, .transparentbg #searchWrapper.search-closed #toggleSearch, .yellowbg #searchWrapper.search-closed #toggleSearch { border-right: 2px solid #fff; } .blackbg #searchWrapper.search-closed #toggleSearch .icon-lens, .transparentbg #searchWrapper.search-closed #toggleSearch .icon-lens, .yellowbg #searchWrapper.search-closed #toggleSearch .icon-lens { background-image: url(../img/lens-white.svg); } .transparentbg #searchWrapper.search-closed #toggleSearch { border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .yellowbg #searchWrapper.search-closed #toggleSearch { background-color: transparent; } #searchWrapper.search-closed #searchForm { width: 0; transition: width 0.5s ease-in-out; } .transparentbg #searchWrapper, .blackbg #searchWrapper, .yellowbg #searchWrapper { background: rgba(0, 0, 0, 0.3); } .whitebg #searchWrapper { background: #FEEB0D; } .whitebg.blackbg #searchWrapper { background: rgba(0, 0, 0, 0.3); } /* menu mobile*/ .mobile-menu { width: 40px; height: 30px; transition-duration: 0.5s; margin-top: 0; position: relative; cursor: pointer; text-align: center; } .mobile-menu .icon { transition-duration: 0.5s; position: absolute; height: 0px; width: 20px; top: 0; background-color: #000000; } .mobile-menu .icon:before { transition-duration: 0.5s; position: absolute; width: 20px; height: 2px; background-color: #000000; content: ""; top: 10px; } .transparentbg .mobile-menu .icon:before, .blackbg .mobile-menu .icon:before, .whitebg.blackbg .mobile-menu .icon:before { background-color: #fff; } .yellowbg .mobile-menu .icon:before, .whitebg .mobile-menu .icon:before { background-color: #000000; } .mobile-menu .icon:after { transition-duration: 0.5s; position: absolute; width: 20px; height: 2px; background-color: #000000; content: ""; top: 17px; } .transparentbg .mobile-menu .icon:after, .blackbg .mobile-menu .icon:after, .whitebg.blackbg .mobile-menu .icon:after { background-color: #fff; } .yellowbg .mobile-menu .icon:after, .whitebg .mobile-menu .icon:after { background-color: #000000; } .mobile-menu.active .icon { transition: 0.5s; } .mobile-menu.active .icon:before { transform: rotateZ(45deg) scaleX(1.25) translate(2px, 2px); width: 16px; } .mobile-menu.active .icon:after { transform: rotateZ(-45deg) scaleX(1.25) translate(2px, -3px); width: 16px; } .fullnav { position: fixed; background: #FEEB0D; top: 40px; left: 32px; width: calc(100% - 64px); height: 0%; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s; transition: opacity 0.35s, visibility 0.35s, height 0.35s; overflow: hidden; } .fullnav nav.fullnavMenu { position: relative; height: 70%; top: 50px; font-weight: 400; text-align: center; } .fullnav nav.fullnavMenu .menu-links { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: auto; width: 100%; } .fullnav nav.fullnavMenu .menu-links li { display: block; height: 25%; height: auto; /* min-height: 45px;*/ position: relative; /*opacity: 0;*/ } .fullnav nav.fullnavMenu .menu-links li a { display: block; position: relative; color: #000; text-decoration: none; overflow: hidden; padding: 10px 0; margin: 5px 0; } .fullnav .menu-socials { text-align: center; position: relative; z-index: 3; } .fullnav .menu-socials li { width: 30px; height: 30px; background: #fff; border: 1px solid #000; display: inline-block; vertical-align: middle; } .fullnav .menu-socials li a { display: block; background-position: center; background-repeat: no-repeat; width: 28px; height: 28px; } .fullnav .menu-socials li a.soundcloud { background-image: url(../img/soundcloud.svg); background-size: 18px 18px; } .fullnav .menu-socials li a.youtube { background-image: url(../img/youtube-black.svg); background-size: 15px auto; } .fullnav .menu-socials li a.facebook { background-image: url(../img/facebook.svg); background-size: 7px 15px; } .fullnav .menu-socials li a.twitter { background-image: url(../img/twitter.svg); background-size: 15px 12px; } .fullnav .menu-socials li a.vimeo { background-image: url(../img/vimeo.svg); background-size: 16px 14px; } .fullnav .menu-socials li a.linkedin { background-image: url(../img/linkedin.svg); background-size: 15px 15px; } .fullnav .menu-socials li a.instagram { background-image: url(../img/instagram.svg); background-size: 15px 15px; } .fullnav .menu-socials li a.newsletter { width: 80px; color: #fff; font-size: 10px; line-height: 20px; position: relative; } .fullnav .menu-socials li a.newsletter:after { content: ''; width: 17px; height: 12px; background-image: url(../img/nl-icon.svg); background-size: 100%; position: absolute; right: 0; top: 0; } .fullnav .newsletter-mobile { font-size: 0.875rem; margin-top: 20px; } .fullnav .newsletter-mobile span { position: relative; vertical-align: bottom; } .fullnav .newsletter-mobile .newsletter { width: 17px; height: 12px; background-image: url(../img/nl-icon.svg); background-size: contain; display: inline-block; vertical-align: middle; background-repeat: no-repeat; margin-right: 10px; } .fullnav .copyright { text-align: center; font-size: 14/16rem; display: block; margin-top: 50px; } .fullnav ul.footer-links { text-align: center; position: relative; z-index: 3; margin-top: 30px; } .fullnav ul.footer-links li { min-height: 20px; } .fullnav ul.footer-links li a { font-size: 14px; font-weight: 500; font-family: 'AkzidGrtskNext', serif; } .fullnav.open { opacity: 1; visibility: visible; height: calc(100vh - 81px); z-index: 99; /*.copyright { opacity:1; -webkit-animation: fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards; -webkit-animation-delay: .70s; animation-delay: .70s; }*/ } .fullnav.open nav.fullnavMenu ul li { /* -webkit-animation: fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s; &:nth-of-type(2) { -webkit-animation-delay: .42s; animation-delay: .42s; } &:nth-of-type(3) { -webkit-animation-delay: .45s; animation-delay: .45s; } &:nth-of-type(4) { -webkit-animation-delay: .48s; animation-delay: .48s; } &:nth-of-type(5) { -webkit-animation-delay: .51s; animation-delay: .51s; } &:nth-of-type(6) { -webkit-animation-delay: .54s; animation-delay: .54s; } &:nth-of-type(7) { -webkit-animation-delay: .57s; animation-delay: .57s; } &:nth-of-type(8) { -webkit-animation-delay: .60s; animation-delay: .60s; }*/ } @-webkit-keyframes fadeInRight { 0% { opacity: 0; left: 20%; } 100% { opacity: 1; left: 0; } } @keyframes fadeInRight { 0% { opacity: 0; left: 20%; } 100% { opacity: 1; left: 0; } } /* FOOTER*/ .site-footer { position: fixed; height: 58px; bottom: 0; left: 0; width: 100%; z-index: 5; background: #fff; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .site-footer .inner-site-footer { width: calc(100% - 120px); margin: 0 auto; border-top: 2px solid #000; } .blackbg .site-footer .inner-site-footer, .yellowbg .site-footer .inner-site-footer { border-top: 2px solid #fff; } .transparentbg .site-footer .inner-site-footer { border-top: 2px solid #fff; } .site-footer .inner-site-footer .footer-links { display: inline-block; height: 60px; vertical-align: top; line-height: 57px; } .site-footer .inner-site-footer .footer-links li { display: inline-block; margin: 0 10px; } .site-footer .inner-site-footer .footer-links li a { font-size: 0.75rem; font-weight: 500; font-family: 'AkzidGrtskNext', serif; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .transparentbg .site-footer .inner-site-footer .footer-links li a { color: #fff; } .site-footer .inner-site-footer .footer-links li a:hover { opacity: 0.8; } .site-footer .inner-site-footer .copyright { font-size: 0.75rem; font-weight: 400; font-family: 'AkzidGrtskNext', serif; line-height: 60px; display: inline-block; } .transparentbg .site-footer .inner-site-footer .copyright, .blackbg .site-footer .inner-site-footer .copyright { color: #fff; } .yellowbg .site-footer { background: #FEEB0D; } .blackbg .site-footer, .transparentbg .site-footer { background: #000; } .blackbg .site-footer .footer-links li a, .transparentbg .site-footer .footer-links li a { color: #fff; } .blackbg .site-footer .footer-socials li a.soundcloud, .transparentbg .site-footer .footer-socials li a.soundcloud { background-image: url(../img/soundcloud-white.svg); } .blackbg .site-footer .footer-socials li a.facebook, .transparentbg .site-footer .footer-socials li a.facebook { background-image: url(../img/facebook-white.svg); } .blackbg .site-footer .footer-socials li a.twitter, .transparentbg .site-footer .footer-socials li a.twitter { background-image: url(../img/twitter-white.svg); } .blackbg .site-footer .footer-socials li a.vimeo, .transparentbg .site-footer .footer-socials li a.vimeo { background-image: url(../img/vimeo-white.svg); } .blackbg .site-footer .footer-socials li a.youtube, .transparentbg .site-footer .footer-socials li a.youtube { background-image: url(../img/youtube-white.svg); } .blackbg .site-footer .footer-socials li a.linkedin, .transparentbg .site-footer .footer-socials li a.linkedin { background-image: url(../img/linkedin-white.svg); } .blackbg .site-footer .footer-socials li a.instagram, .transparentbg .site-footer .footer-socials li a.instagram { background-image: url(../img/instagram-white.svg); } .blackbg .site-footer .footer-socials li a.newsletter, .transparentbg .site-footer .footer-socials li a.newsletter { color: #fff; } .blackbg .site-footer .footer-socials li a.newsletter:after, .transparentbg .site-footer .footer-socials li a.newsletter:after { background-image: url(../img/nl-white.svg); } .transparentbg .site-footer { background: transparent; } .site-footer .center-button-apply { font-size: 12px; font-weight: bold; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .site-footer .footer-socials { position: absolute; right: 60px; top: 22px; } .site-footer .footer-socials li { display: inline-block; margin: 0 5px; vertical-align: middle; } .site-footer .footer-socials li:last-child { margin-right: 0; } .site-footer .footer-socials li a { display: block; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .site-footer .footer-socials li a:hover { opacity: 0.8; } .site-footer .footer-socials li a.soundcloud { background-image: url(../img/soundcloud.svg); background-size: 100%; } .site-footer .footer-socials li a.facebook { background-image: url(../img/facebook.svg); background-size: 7px 15px; } .site-footer .footer-socials li a.twitter { background-image: url(../img/twitter.svg); background-size: 15px 12px; } .site-footer .footer-socials li a.vimeo { background-image: url(../img/vimeo.svg); background-size: 16px 14px; } .site-footer .footer-socials li a.youtube { background-image: url(../img/youtube-black.svg); background-size: 16px 14px; } .site-footer .footer-socials li a.linkedin { background-image: url(../img/linkedin.svg); background-size: 15px 15px; } .site-footer .footer-socials li a.instagram { background-image: url(../img/instagram.svg); background-size: 15px 15px; } .site-footer .footer-socials li a.newsletter { width: 86px; color: #000; font-size: 0.75rem; position: relative; line-height: 20px; } .site-footer .footer-socials li a.newsletter span { vertical-align: top; display: inline-block; font-weight: 500; } .site-footer .footer-socials li a.newsletter:after { content: ''; width: 17px; height: 12px; background-image: url(../img/nl-black.svg); background-size: 100%; display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 5px; } @media screen and (min-width: 1367px) and (max-width: 1441px) { .site-header .inner-site-header ul.desktop-only li.topmenu-item a { padding: 0 26px; } } @media screen and (min-width: 1201px) and (max-width: 1366px) { .site-header .inner-site-header ul.desktop-only li.topmenu-item a { padding-left: 15px; padding-right: 15px; } .site-header .inner-site-header ul.desktop-only { width: calc(43% - 42px); } } @media screen and (min-width: 900px) and (max-width: 1000px) { .site-footer .inner-site-footer .copyright { width: 104px; line-height: 1em; margin-top: 20px; } } @media screen and (min-width: 900px) and (max-width: 1140px) { .site-footer .center-button-apply { width: 150px; } .site-footer .inner-site-footer .copyright { font-size: 0.58rem; } .site-footer .footer-socials li { margin: 0 5px; } .site-footer .inner-site-footer .footer-links li { margin: 0 5px; } .site-footer .inner-site-footer .footer-links li a { font-size: 0.58rem; } } @media screen and (min-width: 900px) and (max-width: 1200px) { .site-header .inner-site-header ul.desktop-only li.topmenu-item a { padding-left: 10px; padding-right: 10px; font-size: 0.575rem; } .site-header .inner-site-header ul.desktop-only { width: calc(43% - 42px); } } @media screen and (max-width: 900px) { #backWrapper { top: 40px; left: 32px; } #scrollDown { right: 32px; top: 80px; height: calc(100vh - 122px); display: none !important; } ul.change-lang { right: 30px; top: 10px; width: 48px; height: auto; z-index: 5; } ul.change-lang li { padding-left: 0; padding-right: 10px; display: inline-block; } ul.change-lang li:last-child { padding-right: 0; } .fullnav .newsletter-mobile span { /* 14px */ /* 14px */ font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; font-size: 14px; font-weight: 500; line-height: unset; } #searchWrapper { top: 40px; right: 30px; width: calc(100% - 60px); } .site-header { height: 40px; } .site-header .inner-site-header { width: calc(100% - 60px); } .site-header .inner-site-header .main-logo { width: 110px; height: 20px; } .site-header .inner-site-header ul.desktop-only { display: none; } .site-header .inner-site-header ul li.topmenu-item a { /* 14px */ /* 14px */ font-family: 'AkzidGrtskNext', serif; line-height: 1.21em; font-size: 14px; } .site-footer { height: 41px; } .site-footer .center-button-apply { font-size: 14px; width: 122px; height: 41px; line-height: 41px; } .site-footer .inner-site-footer { width: calc(100% - 60px); } .site-footer .inner-site-footer .footer-links.desktop-only, .site-footer .inner-site-footer .copyright.desktop-only { display: none; } } @media screen and (max-width: 767px) { #backWrapper a .back-name { display: none; } .search-results .page-title { margin-top: 140px; width: 100%; padding: 0 40px; font-size: 20px; } } .loader-container { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 65; justify-content: space-evenly; opacity: 1; background-color: #f5f5dc5e; } .image-container { background-image: url(../img/yellow-loader.gif); background-repeat: no-repeat; height: 100px; background-size: 100%; width: 100px; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Feb 17, 2022, 5:51:57 PM Author : vegans */ .zoom-modal { opacity: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; background-color: rgba(0, 0, 0, 0.9); padding: 200px; box-sizing: border-box; } .zoom-modal.visible { padding: 60px; } #zoomedSlider, .zoomed-slider { overflow: visible; height: 100%; max-height: 100%; } #zoomedSlider .swiper-wrapper, .zoomed-slider .swiper-wrapper { max-height: 100%; } .html5_vid_cta { z-index: 99; } #zoomedSlider .swiper-slide, .zoomed-slider .swiper-slide { /*display: flex; align-items: center; display: -webkit-flex; -webkit-align-items:center;*/ } #zoomedSlider .swiper-slide .slide-inner .slider-inner-wrapper, .zoomed-slider .swiper-slide .slide-inner .slider-inner-wrapper { position: relative; display: flex; align-items: center; width: auto; height: 100%; } #zoomedSlider .swiper-slide .slide-inner .slider-inner-wrapper img.zoom-slider-image, .zoomed-slider .swiper-slide .slide-inner .slider-inner-wrapper img.zoom-slider-image { max-height: 100%; width: auto; } #zoomedSlider .swiper-slide .slide-inner .slider-inner-wrapper .dark-overlay, .zoomed-slider .swiper-slide .slide-inner .slider-inner-wrapper .dark-overlay { height: 100%; width: 100%; position: absolute; background: #000; z-index: 110; top: 0; left: 0; opacity: 0; } #zoomedSlider .swiper-slide .slide-inner .slider-inner-wrapper .dark-overlay.overlay-horizontal, .zoomed-slider .swiper-slide .slide-inner .slider-inner-wrapper .dark-overlay.overlay-horizontal, #zoomedSlider .swiper-slide .slide-inner .slider-inner-wrapper .dark-overlay.overlay-vertical, .zoomed-slider .swiper-slide .slide-inner .slider-inner-wrapper .dark-overlay.overlay-vertical { height: auto ; top: 50% ; transform: translateY(-50%); } #zoomedSlider .swiper-slide:not(.swiper-slide-active), .zoomed-slider .swiper-slide:not(.swiper-slide-active) { display: flex; align-items: center; } #zoomedSlider .swiper-slide:not(.swiper-slide-active) .slide-inner .slider-inner-wrapper .dark-overlay, .zoomed-slider .swiper-slide:not(.swiper-slide-active) .slide-inner .slider-inner-wrapper .dark-overlay { opacity: 0.8 !important; } .swiper:not(.swiper-initialized).zoomed-slider .swiper-wrapper { height: 100%; } .swiper:not(.swiper-initialized).zoomed-slider .swiper-wrapper .swiper-slide { height: 100%; } .swiper:not(.swiper-initialized).zoomed-slider .swiper-wrapper .swiper-slide .slide-inner { height: 100%; } .swiper:not(.swiper-initialized).zoomed-slider .swiper-wrapper .swiper-slide .slide-inner .slider-inner-wrapper { height: 100%; display: flex; align-items: center; justify-content: center; } .swiper:not(.swiper-initialized).zoomed-slider .swiper-wrapper .swiper-slide .slide-inner .slider-inner-wrapper img { max-height: calc(100% - 120px); } .swiper:not(.swiper-initialized).zoomed-slider .swiper-wrapper .swiper-slide .slide-inner .slider-inner-wrapper .dark-overlay { display: none; } /* slider video */ .test-from-video-style { background: transparent; } .sidebar-col-left .fps_img_wrapper { position: relative; height: 100%; width: 100%; } .sidebar-col-left .fps_img_wrapper .fps_img_inner { height: 100vh; } .sidebar-col-left .fps_img_wrapper .vid_cover { background-position: center; background-size: cover; } .sidebar-col-left .fps_img_wrapper .vid_cover > img { visibility: hidden; } .sidebar-col-left .fps_img_wrapper .html5_vid_wrapper { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } .sidebar-col-left .fps_img_wrapper .html5_vid_wrapper.projects { position: relative; } .sidebar-col-left .fps_img_wrapper .html5_vid_wrapper { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); display: flex; align-items: center; } .sidebar-col-left .fps_img_wrapper .html5_vid_wrapper.projects { position: relative; } .sidebar-col-left .fps_img_wrapper .html5_vid_wrapper .html5_vid_cta, .zoom-modal .fps_img_wrapper .html5_vid_wrapper .html5_vid_cta { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; width: 80px; height: 80px; border: none; background-color: rgba(0, 0, 0, 0.45); text-align: center; -webkit-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -o-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; transition: border-color 0.4s, outline 0.4s, background-color 0.4s; color: #fff; background-repeat: no-repeat; background-position: 55%; text-transform: uppercase; background-image: url(../img/player-icon-for-video.svg); background-size: 20px 23px; } .sidebar-col-left .html5_vid_wrapper video { max-width: 100%; max-height: 100%; } .sidebar-col-left .html5_vid_container_outer { position: absolute; } ._playing.html5_vid_wrapper .vid_cover, ._autoplaying.html5_vid_wrapper .vid_cover, ._playing.html5_vid_wrapper .html5_vid_cta { z-index: -1; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } /* slider video ends*/ .vimeo-video-common.vimeo-video, .youtube-video-common.youtube-video { position: relative; max-height: calc(100vh - 120px); height: calc(100vh - 120px); /* padding: 36px 0px; */ width: 100%; display: flex; align-items: center; } .vimeo-video-common.vimeo-video iframe.vimeo-background-ifream, .youtube-video-common.youtube-video iframe.vimeo-background-ifream { width: 100%; max-height: inherit; /* object-fit: cover; */ } .vimeo-video-common.vimeo-video .vid_cover, .youtube-video-common.youtube-video .vid_cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform: translate(0, 0); z-index: 11; background-position: center; background-size: cover; background-repeat: no-repeat; } .vimeo-video-common.vimeo-video .vid_cover .play-video, .youtube-video-common.youtube-video .vid_cover .play-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; width: 80px; height: 80px; line-height: 80px; border: none; /* border-radius: 50%; */ color: #000; background-color: rgba(0, 0, 0, 0.45); text-align: center; -webkit-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; -o-transition: border-color 0.4s, outline 0.4s, background-color 0.4s; transition: border-color 0.4s, outline 0.4s, background-color 0.4s; background-image: url(../img/play-icon-overlay.svg); color: #fff; background-repeat: no-repeat; background-position: 55%; text-transform: uppercase; font-size: 0; } .vimeo-video-common.vimeo-video .vid_cover.hide, .youtube-video-common.youtube-video .vid_cover.hide { display: none; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls { margin: 0 auto; width: 100%; position: absolute; bottom: 10px; left: 0; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap { max-width: 1160px; margin: 0 auto; height: 30px; position: relative; text-align: center; -webkit-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; z-index: 2; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input { height: 1em; margin: 0px; padding: 0px; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range], .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range] { -webkit-appearance: none; width: 100%; padding: 0; background: none; line-height: 20px; height: 20px; color: #fff; border: none; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]:focus, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]:focus { outline: none; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]:focus ::-webkit-slider-runnable-track, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]:focus ::-webkit-slider-runnable-track { background: #ffffff; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-webkit-slider-runnable-track, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 2px; cursor: pointer; background: #ffffff; border: 0.2px solid #cccccc; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-webkit-slider-thumb, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-webkit-slider-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -3px; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-moz-range-track, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-moz-range-track { width: 100%; height: 2px; cursor: pointer; background: #ffffff; border: 0.2px solid #010101; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-moz-range-thumb, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-moz-range-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-track, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-track { width: 100%; height: 2px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-fill-lower, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-fill-lower { background: #ffffff; border-radius: 2.6px; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-fill-upper, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-fill-upper { background: #ffffff; border-radius: 2.6px; } .vimeo-video-common.vimeo-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-thumb, .youtube-video-common.youtube-video .inner-container-video-controls .video-controls .video-controls-wrap input[type=range]::-ms-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; } .youtube-video-common.youtube-video { height: auto; aspect-ratio: 1280/720; } .youtube-video iframe { width: 100%; height: 100%; } /* video full screen */ .fullScreenVideo .vimeo-video-common.vimeo-video { display: flex; align-items: center; } .fullScreenVideo .swiper-wrapper { display: block; position: fixed; top: 0; right: 0px; width: 100vw !important; height: 100vh; background: #06111a9e; transform: translateX(0px) !important; } .fullScreenVideo #closeZoom { display: none; } /* .zoom-modal .zoomed-slider .swiper-slide .slide-inner img{ height:auto; } */ .fullScreenVideo .swiper-slide.swiper-slide-active { width: 100vw !important; height: 100vh !important; top: 0; left: 0; } .fullScreenVideo .sidebar-col-left { z-index: 1; } .fullScreenVideo .sidebar-col-left .fps_img_inner { height: 100%; width: 100%; } .fullScreenVideo .sidebar-col-left .fps_img_wrapper .html5_vid_wrapper { top: 0; left: 0; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); height: 100%; width: 100%; } .fullScreenVideo .sidebar-col-left .html5_vid_container_outer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fullScreenVideo .sidebar-col-left .swiper-slide .swiper-slide-active { height: 100% !important; } .fullScreenVideo .zoomed-slider .swiper-slide.swiper-slide-active { position: fixed; z-index: 9; } .fullScreenVideo .zoomed-slider .html5_vid_wrapper._playing { height: 100vh; width: 100%; position: relative; } .fullScreenVideo .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer { position: absolute; width: 100%; height: auto; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fullScreenVideo .zoomed-slider .slide-inner { top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; } .fullScreenVideo .zoomed-slider ._playing .html5_vid_container { position: static; } .fullScreenVideo .site-main.post .page-container .page-row .sidebar-col-left .container .side-slider .slide-inner { position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 100%; } .fullScreenVideo .side-slider { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .fullScreenVideo ._playing .html5_vid_container { top: 0; left: 0; height: auto; width: 100vw; z-index: 99999999; background: #000; max-width: inherit !important; margin: 0 !important; } .fullScreenVideo ._playing .vsVideoPlayerHTML5 { height: 100% !important; width: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } .zoomed-slider .swiper-slide { height: 100%; } .zoomed-slider .swiper-slide.swiper-slide-active { position: relative; } .zoomed-slider .fps_img_wrapper { height: 100%; height: auto; width: 100%; } .zoomed-slider .slide-inner { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .zoomed-slider .fps_img_inner { height: 100%; height: auto; width: 100%; display: flex; align-items: center; } .zoomed-slider .html5_vid_wrapper._playing { height: 100%; height: auto; width: 100%; position: relative; } .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer { height: 100%; height: auto; width: 100%; } .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer .html5_vid_container { height: 100%; height: auto; width: 100%; } .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer .html5_vid_container > * { height: 100%; width: 100%; } .zoomed-slider .html5_vid_wrapper._playing .html5_vid_container_outer .html5_vid_container .container-video-controls { height: 100%; } .zoomed-slider .vid_cover { position: absolute; left: 50%; top: 50%; width: 100%; max-height: 100%; transform: translate(-50%, -50%); background-position: center; background-size: cover; background-repeat: no-repeat; } .zoomed-slider .vid_cover:after { content: ''; position: absolute; height: 100%; width: 100%; background: #000000; left: 0; top: 0; opacity: 0.8; } .zoomed-slider .swiper-slide-active .vid_cover:after, .zoomed-slider#zoomedSingleEl .vid_cover:after { display: none; } html.overflow_hidden { overflow: hidden; } html.fullScreenVideo { overflow: hidden; } html.fullScreenVideo #header-wrapper { height: 0; z-index: 0; } .container-video-controls { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; /* background: -o-linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0.55)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.04)), to(rgba(0,0,0,0.55))); background: linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0.55));*/ -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); -o-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; } .container-video-controls.user-hover { opacity: 1; } .video-controls { margin: 0 auto; width: 100%; position: absolute; bottom: 10px; left: 0; } .video-controls .video-controls-wrap { max-width: 1160px; margin: 0 auto; height: 30px; position: relative; text-align: center; -webkit-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; z-index: 2; } .video-controls .video-controls-wrap div.barelement { display: inline-block; vertical-align: middle; padding: 5px; height: 30px; cursor: pointer; line-height: 20px; margin-left: -2px; margin-right: -2px; } .video-controls .video-controls-wrap div.barelement i { width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-block; } .video-controls .video-controls-wrap div.barelement i.icon-fullscreen { background-image: url(../img/icon-fullscreen.svg); } .video-controls .video-controls-wrap div.barelement i.play-icon { background-image: url(../img/icon-play.svg); } .video-controls .video-controls-wrap div.barelement i.icon-pause { background-image: url(../img/icon-pause.svg); } .video-controls .video-controls-wrap div.barelement i.icon-mute { background-image: url(../img/icon-mute.svg); } .video-controls .video-controls-wrap div.barelement i.icon-unmuted { background-image: url(../img/icon-unmuted.svg); } .video-controls .video-controls-wrap input { height: 1em; margin: 0px; padding: 0px; } .video-controls .video-controls-wrap input[type=range] { -webkit-appearance: none; width: 100%; padding: 0; background: none; line-height: 20px; height: 20px; color: #fff; border: none; } .video-controls .video-controls-wrap input[type=range]:focus { outline: none; } .video-controls .video-controls-wrap input[type=range]:focus::-webkit-slider-runnable-track { background: #ffffff; } .video-controls .video-controls-wrap input[type=range]:focus::-ms-fill-lower { background: #ffffff; } .video-controls .video-controls-wrap input[type=range]:focus::-ms-fill-upper { background: #ffffff; } .video-controls .video-controls-wrap input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 2px; cursor: pointer; background: #ffffff; border: 0.2px solid #cccccc; } .video-controls .video-controls-wrap input[type=range]::-webkit-slider-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -3px; } .video-controls .video-controls-wrap input[type=range]::-moz-range-track { width: 100%; height: 2px; cursor: pointer; background: #ffffff; border: 0.2px solid #010101; } .video-controls .video-controls-wrap input[type=range]::-moz-range-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; } .video-controls .video-controls-wrap input[type=range]::-ms-track { width: 100%; height: 2px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } .video-controls .video-controls-wrap input[type=range]::-ms-fill-lower { background: #ffffff; border-radius: 2.6px; } .video-controls .video-controls-wrap input[type=range]::-ms-fill-upper { background: #ffffff; border-radius: 2.6px; } .video-controls .video-controls-wrap input[type=range]::-ms-thumb { border: 1px solid #ffffff; height: 8px; width: 8px; border-radius: 50%; background: #ffffff; cursor: pointer; } .video-controls .video-controls-wrap div.play-btn { cursor: pointer; } .video-controls .video-controls-wrap div.pause-btn { cursor: pointer; } .video-controls .video-controls-wrap div.mute-btn { cursor: pointer; } .video-controls .video-controls-wrap div.volume-bar-btn { width: 6%; } .video-controls .video-controls-wrap div.timeline { height: 2px; background: #ccc; width: 100%; margin-top: 9px; } .video-controls .video-controls-wrap .timeline-wrap { width: calc(70% - 40px); padding: 0px; } .video-controls .video-controls-wrap .timeline-advanced { height: 2px; background: #fff; width: 0px; } .video-controls .video-controls-wrap .timeline-advanced-cursor { width: 8px; height: 8px; border-radius: 5px; background: #fff; margin-top: -5px; margin-left: -4px; pointer-events: none; } .videoCover i.player { display: inline-block; vertical-align: middle; padding: 5px; height: 30px; cursor: pointer; line-height: 20px; margin-left: -2px; margin-right: -2px; } /* video control end */ /* #zoomedSlider { .swiper-slide{ &.swiper-slide-active { width: calc(60vw - 120px) !important; } &.swiper-slide-next, &.swiper-slide-prev { width: calc(20VW - 60px) !important; } } }*/ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Feb 18, 2022, 11:51:57 AM Author : vegans */ body.background-image .page-image-background { position: fixed; height: 100vh; width: 100vw; top: 0px; left: 0px; background-repeat: no-repeat; background-size: cover; } body.background-video .page-video-background-container { position: fixed; height: 100vh; width: 100vw; top: 0px; left: 0px; } body.background-video .page-video-background-container video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body.background-video .page-video-background-container .bg-video-controller { /*height: 50px; width: 50px; background: aliceblue; */ position: fixed; bottom: 60px; left: 60px; } body.background-video .page-video-background-container .bg-video-controller .barelement { display: inline-block; padding: 3px; cursor: pointer; } body.background-video .page-video-background-container .bg-video-controller .barelement i { height: 25px; width: 25px; display: block; } body.background-video .page-video-background-container .bg-video-controller .barelement i.icon-unmuted { background-image: url(../img/icon-unmuted.svg); } body.background-video .page-video-background-container .bg-video-controller .barelement i.icon-mute { background-image: url(../img/icon-mute.svg); } body.background-video .page-video-background-container.fixed { position: relative; } .blackbg.background-image .page-image-background, .yellowbg.background-image .page-image-background, .whitebg.background-image .page-image-background { width: calc(100% - 120px); left: 60px; } /* APPLY FORM*/ .checkbox-wrapper-19 { box-sizing: border-box; --background-color: #fff; --checkbox-height: 20px; } @-moz-keyframes dothabottomcheck-19 { 0% { height: 0; } 100% { height: calc(var(--checkbox-height) / 2); } } @-webkit-keyframes dothabottomcheck-19 { 0% { height: 0; } 100% { height: calc(var(--checkbox-height) / 2); } } @keyframes dothabottomcheck-19 { 0% { height: 0; } 100% { height: calc(var(--checkbox-height) / 2); } } @keyframes dothatopcheck-19 { 0% { height: 0; } 50% { height: 0; } 100% { height: calc(var(--checkbox-height) * 1.2); } } @-webkit-keyframes dothatopcheck-19 { 0% { height: 0; } 50% { height: 0; } 100% { height: calc(var(--checkbox-height) * 1.2); } } @-moz-keyframes dothatopcheck-19 { 0% { height: 0; } 50% { height: 0; } 100% { height: calc(var(--checkbox-height) * 1.2); } } .checkbox-wrapper-19 input[type=checkbox] { display: none; } .checkbox-wrapper-19 .check-box { height: var(--checkbox-height); width: var(--checkbox-height); background-color: transparent; border: calc(var(--checkbox-height) * 0.1) solid #000; border-radius: 0px; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; } .checkbox-wrapper-19 .check-box::before, .checkbox-wrapper-19 .check-box::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: calc(var(--checkbox-height) * 0.2); background-color: #000; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0; content: " "; -webkit-transition: opacity ease 0.5; -moz-transition: opacity ease 0.5; transition: opacity ease 0.5; } .checkbox-wrapper-19 .check-box::before { top: calc(var(--checkbox-height) * 0.72); left: calc(var(--checkbox-height) * 0.41); box-shadow: 0 0 0 calc(var(--checkbox-height) * 0.05) var(--background-color); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .checkbox-wrapper-19 .check-box::after { top: calc(var(--checkbox-height) * 0.37); left: calc(var(--checkbox-height) * 0.05); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box, .checkbox-wrapper-19 .check-box.checked { border-color: #000; } .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after, .checkbox-wrapper-19 .check-box.checked::after { height: calc(var(--checkbox-height) / 2); -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards; -o-animation: dothabottomcheck-19 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards; animation: dothabottomcheck-19 0.2s ease 0s forwards; } .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before, .checkbox-wrapper-19 .check-box.checked::before { height: calc(var(--checkbox-height) * 1.2); -moz-animation: dothatopcheck-19 0.4s ease 0s forwards; -o-animation: dothatopcheck-19 0.4s ease 0s forwards; -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards; animation: dothatopcheck-19 0.4s ease 0s forwards; } .apply-form-container .apply-intro-text { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 100px; } .apply-form-container .apply-intro-text .first, .apply-form-container .apply-intro-text .second { width: 50%; color: #fff; } .apply-form-container .apply-intro-text .first h2, .apply-form-container .apply-intro-text .second h2 { line-height: 1.2em; font-size: 40px; color: #fff; font-weight: normal; max-width: 520px; padding-right: 40px; } .apply-form-container .apply-intro-text .first p, .apply-form-container .apply-intro-text .second p { font-size: 18px; line-height: 21.78px; font-family: 'AkzidGrtskNext', serif; font-weight: normal; } .apply-form-container .requi#c90c0f { margin: 100px 0; color: #fff; } .apply-form-container .user-submit-form .field-row { margin-bottom: 80px; display: flex; justify-content: space-between; } .apply-form-container .user-submit-form .field-row .form-label { font-size: 40px; font-family: 'AkzidGrtskNext', serif; font-weight: normal; width: 48%; display: inline-block; position: relative; padding-bottom: 30px; color: #fff; } .apply-form-container .user-submit-form .field-row .form-label span { color: #FEEB0D; margin-left: 5px; } .apply-form-container .user-submit-form .field-row .form-label p { font-size: 18px; line-height: 21.78px; font-family: 'AkzidGrtskNext', serif; font-weight: normal; margin-top: 30px; } .apply-form-container .user-submit-form .field-row .error-message { position: absolute; bottom: 0; left: 0; color: #c90c0f; font-size: 16px; display: none; } .apply-form-container .user-submit-form .field-row .error-msg { color: red; top: 5px; } .apply-form-container .user-submit-form .field-row .input-holder { width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; } .apply-form-container .user-submit-form .field-row .input-holder .extraspace { width: 100%; padding-bottom: 444px; } .apply-form-container .user-submit-form .field-row .input-holder .formcheckbox { color: white; width: 100%; height: 10px!important; padding-bottom: 10px; /* Hide the default checkboxes */ /* Style the custom checkboxes */ /* Style the checkbox icons */ /* Style the checkbox icons when checked */ /* Style the checkbox indicators */ } .apply-form-container .user-submit-form .field-row .input-holder .formcheckbox .checkbox-container { display: flex; align-items: center; margin-bottom: 10px; /* Adjust the margin as needed */ border: 1px solid white; text-transform: uppercase; color: yellow; height: 48px; padding: 0 5px; } .apply-form-container .user-submit-form .field-row .input-holder .formcheckbox input[type="checkbox"] { display: none; } .apply-form-container .user-submit-form .field-row .input-holder .formcheckbox input[type="checkbox"] + label { position: relative; padding-left: 55px; /* Adjust the spacing as needed */ cursor: pointer; } .apply-form-container .user-submit-form .field-row .input-holder .formcheckbox input[type="checkbox"] + label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border: 2px solid #aaa; background-color: transparent; border-radius: 50%; margin-left: 20px; } .apply-form-container .user-submit-form .field-row .input-holder .formcheckbox input[type="checkbox"]:checked + label::before { background-color: transparent; border: 2px solid #FEEB0D; } .apply-form-container .user-submit-form .field-row .input-holder .formcheckbox input[type="checkbox"]:checked + label::after { content: ""; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background-color: #FEEB0D; } .apply-form-container .user-submit-form .field-row .input-holder input, .apply-form-container .user-submit-form .field-row .input-holder textarea { background: #000; height: 48px; padding: 5px 10px; border: 1px solid #fff; border-radius: 0; font-size: 18px; color: #fff; width: 100%; font-family: 'AkzidGrtskNext', serif; } .apply-form-container .user-submit-form .field-row .input-holder textarea { height: 200px; padding: 10px; } .apply-form-container .user-submit-form .field-row .input-holder select { background: #000; width: 100%; border: 1px solid #fff; height: 48px; color: #fff; font-size: 18px; padding: 0 5px; font-family: 'AkzidGrtskNext', serif; } .apply-form-container .user-submit-form .field-row .input-holder.double input { width: 48%; } .apply-form-container .user-submit-form .field-row .input-holder.triple input { width: 31%; text-align: center; } .apply-form-container .user-submit-form .field-row .input-holder.multiple input { margin-bottom: 10px; } .apply-form-container .user-submit-form .field-row .input-holder.smaller-textarea textarea { height: 100px; } .apply-form-container .user-submit-form .field-row .input-holder span { width: calc(50% - 5px); position: relative; height: 48px; margin-bottom: 10px; } .apply-form-container .user-submit-form .field-row .input-holder span .input-button { opacity: 0; position: absolute; visibility: hidden; } .apply-form-container .user-submit-form .field-row .input-holder span .input-button:checked + label { background: #FEEB0D; color: #000; } .apply-form-container .user-submit-form .field-row .input-holder span .input-button-label { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; color: #FEEB0D; cursor: pointer; display: block; line-height: 48px; padding: 0px; text-align: center; transition: all 0.3s ease-in-out; height: 48px; border: 1px solid #fff; font-size: 18px; } .apply-form-container .user-submit-form .field-row.error .form-label { color: #c90c0f; } .apply-form-container .user-submit-form .field-row.error .error-message { display: block; } .apply-form-container .user-submit-form .field-row.error .input-holder input, .apply-form-container .user-submit-form .field-row.error .input-holder textarea, .apply-form-container .user-submit-form .field-row.error .input-holder select { border-color: #c90c0f; } .apply-form-container .user-submit-form .field-row.error .input-holder span .input-button-label { border-color: #c90c0f; } .apply-form-container .privacy-block { color: #fff; } .apply-form-container .privacy-block p { font-size: 18px; line-height: 21.78px; font-family: 'AkzidGrtskNext', serif; font-weight: normal; } .apply-form-container .privacy-block p + p { margin-top: 30px; } .apply-form-container .privacy-block p a { color: #fff; text-decoration: underline; } .apply-form-container .submit-button { text-align: center; margin: 100px 0; } .apply-form-container .submit-button .white-button { color: #000; } /* FABRICA INDEX*/ .tooltip-info { position: relative; display: inline-block; border-bottom: 1px dotted black; border-radius: 50px; border: 2px solid; width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; left: -10px; top: -10px; z-index: 3; background: #fff; } .tooltip-info .tooltiptext { visibility: hidden; width: 300px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; top: -15px; left: 27px; font-size: 14px; } .tooltip-info:hover .tooltiptext { visibility: visible; } /* background success*/ .page-template-form-success.index-form-success .page-with-fullbackground { background-image: url(../img/GIF_EYES_28_FINALE-horizontale.gif); } @media screen and (max-width: 768px) { .page-template-form-success.index-form-success .page-with-fullbackground { background-image: url(../img/GIF_EYES_28_FINALE-vertcale.gif); } .apply-form-container .apply-intro-text .first h2, .apply-form-container .apply-intro-text .second h2 { line-height: 1.2em; font-size: 30px; } } .fabrica-index #backWrapper { display: none; } .fabrica-index-form { display: flex; justify-content: space-between; } @media screen and (max-width: 900px) { .fabrica-index-form { flex-direction: column; } } .fabrica-index-form .sticky-side { width: 50%; align-self: start; } @media screen and (min-width: 901px) { .fabrica-index-form .sticky-side { height: calc(100vh - 115px); position: sticky; position: -webkit-sticky; top: 60px; background: url('../img/Fabrica_30_occhi_centrati_bright.jpg'); background-size: contain; background-repeat: no-repeat; } } @media screen and (max-width: 1200px) { .fabrica-index-form .sticky-side { width: 35%; } } @media screen and (max-width: 900px) { .fabrica-index-form .sticky-side { width: 100%; flex-direction: column; } } .fabrica-index-form .sticky-side .fabrica-index-img { display: none; } @media screen and (max-width: 900px) { .fabrica-index-form .sticky-side .fabrica-index-img { display: block; } } .fabrica-index-form .checkbox-wrapper-19 { position: relative; padding-bottom: 20px; margin-bottom: 20px; } .fabrica-index-form .checkbox-wrapper-19 label.error { position: absolute; bottom: 0; left: 42px; color: #c90c0f; } .fabrica-index-form form { width: 50%; } @media screen and (max-width: 1200px) { .fabrica-index-form form { width: 65%; } } @media screen and (max-width: 900px) { .fabrica-index-form form { width: 100%; } } .fabrica-index-form form .inside-form { padding: 100px; } @media screen and (max-width: 1200px) { .fabrica-index-form form .inside-form { padding: 80px; } } @media screen and (max-width: 900px) { .fabrica-index-form form .inside-form { padding: 60px; } } @media screen and (max-width: 767px) { .fabrica-index-form form .inside-form { padding: 30px 20px; } } .fabrica-index-form form .index-intro { max-width: calc(100% - 200px); margin: 0 auto; margin-top: 80px; } @media screen and (max-width: 1600px) { .fabrica-index-form form .index-intro { max-width: calc(100% - 160px); } } @media screen and (max-width: 900px) { .fabrica-index-form form .index-intro { max-width: calc(100% - 120px); } } @media screen and (max-width: 767px) { .fabrica-index-form form .index-intro { max-width: 100%; padding: 0 20px; } } .fabrica-index-form form .index-intro h2 { font-size: 90px; font-weight: 500; text-align: center; } @media screen and (max-width: 1600px) { .fabrica-index-form form .index-intro h2 { font-size: 70px; margin-bottom: 15px; } } @media screen and (max-width: 900px) { .fabrica-index-form form .index-intro h2 { font-size: 50px; } } @media screen and (max-width: 767px) { .fabrica-index-form form .index-intro h2 { font-size: 30px; } } .fabrica-index-form form .index-intro p { font-size: 21px; text-align: center; line-height: 1.2em; } @media screen and (max-width: 767px) { .fabrica-index-form form .index-intro p { font-size: 17px; } } .fabrica-index-form form .field-row { margin-bottom: 20px; } .fabrica-index-form form .field-row .error-message { display: none; } .fabrica-index-form form .field-row.error .error-message { display: block; } .fabrica-index-form form .field-row.error .form-label { position: absolute; bottom: 0; color: #c90c0f; left: 0; } .fabrica-index-form form .field-row .input-holder { position: relative; padding-bottom: 20px; } .fabrica-index-form form .field-row .input-holder.double { display: flex; justify-content: space-between; position: relative; } @media screen and (max-width: 1200px) { .fabrica-index-form form .field-row .input-holder.double { flex-direction: column; padding-bottom: 0; } } .fabrica-index-form form .field-row .input-holder.double .input-holder-inner { width: calc(50% - 20px); position: relative; } @media screen and (max-width: 1200px) { .fabrica-index-form form .field-row .input-holder.double .input-holder-inner { width: 100%; margin-bottom: 40px; } } @media screen and (max-width: 1200px) { .fabrica-index-form form .field-row .input-holder.double .input-holder-inner:last-child { margin-bottom: 20px; } } .fabrica-index-form form .field-row .input-holder.double label.error { bottom: -20px; } .fabrica-index-form form .field-row .input-holder label.error { color: #c90c0f; position: absolute; left: 0; bottom: 0; } .fabrica-index-form form .field-row .input-holder label.error + button { border-color: #c90c0f; color: #c90c0f; background-image: url(../img/upload-button-red.svg); } .fabrica-index-form form .field-row .input-holder .index-upload { background-image: url(../img/upload-button.svg); background-repeat: no-repeat; background-size: 15px 15px; background-position: 98% 50%; height: 48px; padding: 5px 10px; border: 2px solid #000; border-radius: 0; color: #000; width: 100%; font-family: 'AkzidGrtskNext', serif; cursor: pointer; text-transform: uppercase; } .fabrica-index-form form .field-row .input-holder .index-upload.error { color: #c90c0f; border-color: #c90c0f; } .fabrica-index-form form .field-row .input-holder .index-upload.long-text { height: auto; font-size: 14px; min-height: 48px; } .fabrica-index-form form .field-row .input-holder .input-hidden { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; } .fabrica-index-form form .field-row .error-message { display: none; } .fabrica-index-form form .field-row.error .error-message { display: block; } .fabrica-index-form form input, .fabrica-index-form form textarea { background: #fff; height: 48px; padding: 5px 10px; border: 2px solid #000; border-radius: 0; font-size: 18px; color: #000; width: 100%; font-family: 'AkzidGrtskNext', serif; text-align: center; } .fabrica-index-form form input::-webkit-input-placeholder, .fabrica-index-form form textarea::-webkit-input-placeholder { color: #000; } .fabrica-index-form form input::-moz-placeholder, .fabrica-index-form form textarea::-moz-placeholder { color: #000; } .fabrica-index-form form input:-ms-input-placeholder, .fabrica-index-form form textarea:-ms-input-placeholder { color: #000; } .fabrica-index-form form input:-moz-placeholder, .fabrica-index-form form textarea:-moz-placeholder { color: #000; } .fabrica-index-form form input, .fabrica-index-form form textarea, .fabrica-index-form form .index-upload { font-size: 18px; } @media screen and (max-width: 1600px) { .fabrica-index-form form input, .fabrica-index-form form textarea, .fabrica-index-form form .index-upload { font-size: 16px; } } @media screen and (max-width: 900px) { .fabrica-index-form form input, .fabrica-index-form form textarea, .fabrica-index-form form .index-upload { font-size: 14px; } } .fabrica-index-form form input.error { border-color: #c90c0f; } .fabrica-index-form form input.error::-webkit-input-placeholder { color: #c90c0f; } .fabrica-index-form form input.error::-moz-placeholder { color: #c90c0f; } .fabrica-index-form form input.error:-ms-input-placeholder { color: #c90c0f; } .fabrica-index-form form input.error:-moz-placeholder { color: #c90c0f; } .fabrica-index-form form label.upload-file { width: 50px; height: 50px; background: blue; } .fabrica-index-form form textarea { height: 200px; padding: 10px; } .fabrica-index-form form textarea.small_textarea { height: 48px; } .fabrica-index-form form textarea.error { color: #c90c0f; border-color: #c90c0f; } .fabrica-index-form form textarea.error::-webkit-input-placeholder { color: #c90c0f; } .fabrica-index-form form textarea.error::-moz-placeholder { color: #c90c0f; } .fabrica-index-form form textarea.error:-ms-input-placeholder { color: #c90c0f; } .fabrica-index-form form textarea.error:-moz-placeholder { color: #c90c0f; } .fabrica-index-form form select { background: #fff; width: 100%; border: 2px solid #000; height: 48px; color: #000; font-size: 18px; padding: 0 5px; font-family: 'AkzidGrtskNext', serif; } .fabrica-index-form form .title-link-border { min-width: 310px; margin: 0 auto; font-weight: normal; } .fabrica-index-form form .title-link-border:disabled::before { position: absolute; z-index: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; top: 0; left: 0; background: #FEEB0D; } @media screen and (max-width: 900px) { .fabrica-index-form form .title-link-border { min-width: auto; width: 100%; } } .fabrica-index-form form .title-link-border span { position: relative; z-index: 3; } .fabrica-index-form .accept-privacy { position: relative; } .fabrica-index-form .accept-privacy label.check-box { position: absolute; left: 0; top: 0; } .fabrica-index-form .accept-privacy.last-item { margin-bottom: 60px; } .fabrica-index-form .accept-privacy .text-accept { padding-left: 42px; display: inline-block; line-height: 1.2em; font-size: 17px; } div.file-preview { background: #fff; padding: 1rem; margin: 1rem 0; border: 2px solid #000; } div.file-preview ul { list-style: none; padding: 0; margin: 0; } div.file-preview ul li { padding: 5px 0; position: relative; margin-left: 10px; } div.file-preview ul li i { cursor: pointer; position: absolute; top: 50%; right: 0; transform: translatey(-50%); } div.file-preview ul li.error { color: #c90c0f; } div.file-preview ul li > span { display: block; line-height: 21px; } div.hide { display: none; } span.file-size { color: #999; padding-left: 0.5rem; } @media screen and (max-width: 1200px) { .apply-form-container .apply-intro-text div h2 { font-size: 38px; padding-right: 20px; max-width: 100%; } .apply-form-container .apply-intro-text div p { font-size: 16px; } .apply-form-container .user-submit-form .field-row .form-label { font-size: 38px; } .apply-form-container .user-submit-form .field-row .form-label p { font-size: 16px; } .apply-form-container .user-submit-form .field-row .error-message { font-size: 14px; } .apply-form-container .user-submit-form .field-row .input-holder span .input-button-label { font-size: 16px; } } @media screen and (max-width: 1000px) { .apply-form-container .user-submit-form .field-row .form-label { font-size: 18px; line-height: unset; } .apply-form-container .apply-intro-text { display: block; } .apply-form-container .apply-intro-text div.first, .apply-form-container .apply-intro-text div.second { width: 100%; } .apply-form-container .apply-intro-text div.second { margin-top: 35px; } } @media screen and (max-width: 900px) { .apply-form-container .requi#c90c0f { margin: 50px 0; } .apply-form-container .user-submit-form .field-row { display: block; } .apply-form-container .user-submit-form .field-row .form-label { width: 100%; font-size: 30px; line-height: 34px; } .apply-form-container .user-submit-form .field-row .input-holder { width: 100%; } .apply-form-container .user-submit-form .field-row .input-holder span { width: 100%; } .apply-form-container .user-submit-form .field-row .input-holder.double input { width: 100%; margin-bottom: 10px; } .apply-form-container .user-submit-form .field-row .error-message { bottom: 3px; color: red; font-size: 13px; } .apply-form-container .user-submit-form .field-row .error-msg { color: red; top: 5px; } .apply-form-container .apply-intro-text div h2 { font-size: 30px; line-height: 34px; } .apply-form-container .apply-intro-text .first { width: 100%; } .apply-form-container .apply-intro-text .second { width: 100%; } } .surname-error, .dob-error, .dob-day-error, .dob-month-error, .dob-year-error { display: table-row; height: 18px !important; } /*# sourceMappingURL=vs-cms-style.css.map */