https://css-tricks.com/svg-sprites-use-better-icon-fonts/##Browser+Support
https://kreatywni.info/kreatywni/BACKUP/custom-css-js-pro-4.24_NULLED.zip

Global CSS Customizer & Theme Options (before clear)

:root { --kpl-global-transition-slide-timing-function: cubic-bezier(.77,0,.175,1); --kpl-global-transition-slide-duration:1000ms; --kpl-global-transition-slide-property: padding-top; --kpl-global-transition-slide-delay: 1200ms; --kpl-global--Animation-fillMode: both; --kpl-global--Animation-delay: .20s; --kpl-global--Animation-duration: 1s; --kpl-global--Animation-timingFunction:cubic-bezier(0,1,.3,1); --kpl-global--Animation-waypoint-class: 'et-animated et-waypoint'; --kpl-global--Animation--fadeBottom-et: 'et_pb_animation_bottom'; --kpl-global--Animation--fadeBottom-keyframes: 'fadeBottom'; --kpl-global--Animation--fadeBottom-delay: .35s; --kpl-global--Animation--fadeBottom-timingFunction: cubic-bezier(.77,0,.175,1); --kpl-global--Animation--fadeBottom-duration: 3s; --kpl-global--Animation--fadeBottom-name:fadeBottom; --kpl-global--Animation--fadeTop-et: 'et_pb_animation_top'; --kpl-global--Animation--fadeTop-keyframes: 'fadeTop'; --kpl-global--Animation--fadeIn-et: 'et_pb_animation_fade_in'; --kpl-global--Animation--fadeIn-keyframes: 'fadeIn'; --kpl-global--Color-dark-100:#151515; --kpl-global--Color-dark-200:#383854; --kpl-global--Color-dark-300:#666666; --kpl-global--Color-dark-400:#6a6e73; --kpl-global--Color-dark-500:#8a8d90; --kpl-global--Color-light-100:#fff; --kpl-global--Color-light-200:#f0f0f0; --kpl-global--Color-light-300:#d2d2d2; --kpl-global--Color-light: var(--kpl-global--Color-light-100); --kpl-global--Color-dark: var(--kpl-global--Color-dark-200); --kpl-global--BackgroundColor-light: var(--kpl-global--Color-light-100); --kpl-global--BackgroundColor-dark: var(--kpl-global--Color-dark-100); --kpl-global--FontFamily1:'Gilroy','Segoe UI','Roboto','Arial',sans-serif; --kpl-global--FontFamily2: 'Comfortaa','Segoe UI','Roboto','Arial', cursive; --kpl-global--FontFamily3:'Jura','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily4:'Archivo','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily5:'DM Sans','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily6:'Inter','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily7:'Jost','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily8:'Montserrat','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily9:'Nunito','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily10:'Nunito Sans','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily11:'Spartan','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily12:'Staatliches','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily13:'Saira Semi Condensed','Segoe UI','Lato','Arial',sans-serif; /* * .kpl-color-scheme .kpl-intro-title-1 .title ,.kpl-color-scheme .kpl-intro-title-1 .subtitle, .kpl-color-scheme .kpl-row-services .kpl-services-number .et_pb_module_header, .kpl-color-scheme .dct_s_title h2, .kpl-color-scheme #dct_intro .et_pb_toggle .et_pb_toggle_title, .kpl-color-scheme #dct_intro #et_pb_contact_form_0 .et_pb_contact_main_title, .kpl-color-scheme .kpl-services-2 .title-1 h2 ,.kpl-color-scheme .kpl-services-2 .title-2 h2 ,.kpl-color-scheme .kpl-services-2 h4 { color: var(--kpl-global-primary--Color-title)!important; } p label *, ,.kpl-color-scheme p input[type=text], #dct_intro #et_pb_contact_form_0 p textarea{ color: var(--kpl-global-primary--Color)!important; } 'Liberation' 'trueno'/Trueno 'Decalotype' 'Cera'/'cera' 'cooper_hewittlight 'RedHat',sans-serif-> font-weight: 300 Light 'RedHat',sans-serif -> font-weight: 900 bold */ /*--kpl-global--FontFamily1:'Barlow','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily2:'Barlow Condensed','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily3:'Gilroy','Segoe UI','Roboto','Arial',sans-serif; --kpl-global--FontFamily4: 'Comfortaa','Segoe UI','Roboto','Arial', cursive; --kpl-global--FontFamily5:'Jura','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily6:'Anton','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily7:'Saira Semi Condensed','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily8:'Open Sans Condensed','Segoe UI','Lato','Arial',sans-serif; --kpl-global--FontFamily9:'Bebas Neue',display; --kpl-global--FontFamily10:'Raleway',Helvetica,Arial,Lucida,sans-serif; --kpl-global--FontFamily11:'Libre Franklin',Helvetica,Arial,Lucida,sans-serif; */ --kpl-global--FontSize--6xl: 3rem; --kpl-global--FontSize--5xl: 2.75rem; --kpl-global--FontSize--4xl: 2.25rem; --kpl-global--FontSize--3xl: 1.75rem; --kpl-global--FontSize--2xl: 1.5rem; --kpl-global--FontSize--xl: 1.25rem; --kpl-global--FontSize--lg: 1.125rem; --kpl-global--FontSize--md: 1rem; --kpl-global--FontSize--sm: 0.875rem; --kpl-global--FontSize--xs: 0.75rem; --kpl-global--LineHeight-xl: 2.0rem; --kpl-global--LineHeight-md: 1.5rem; --kpl-global--LineHeight-sm: 1.0rem; --kpl-global--FontWeight-light: 100; --kpl-global--FontWeight-normal: 400; --kpl-global--FontWeight-bold: 500; --kpl-global--FontWeight-bolder: 600; --kpl-global--FontFamily-heading:var(--kpl-global--FontFamily1); --kpl-global-primary--FontFamily: var(--kpl-global--FontFamily1); --kpl-global-primary--Color: var(--kpl-global--Color-dark); --kpl-global-primary--FontSize:var(--kpl-global--FontSize-md); --kpl-global-primary--BackgroundColor:var(--kpl-global--BackgroundColor-light); --kpl-global-primary--LineHeight: var(--kpl-global--LineHeight-xl); --kpl-global-primary--FontWeight: var(--kpl-global--FontWeight-normal); --body-font-family: var(--kpl-global-primary--FontFamily); --kpl-scale00: 1rem; --kpl-scale10: 1.125rem; --kpl-scale20: 1.250rem; --kpl-scale30: 1.375rem; --kpl-scale40: 1.400rem; --kpl-scale50: 1.525rem; --kpl-scale60: 1.650rem; --kpl-scale01: 0.925rem; --kpl-scale02: 0.850rem; --kpl-scale03: 0.725rem; --kpl-scale04: 0.650rem; --kpl-scale05: 0.575rem; --kpl-scale06: 0.500rem; --kpl-global-primary--Color-title:var(--kpl-global--Color-dark-200); --kpl-global-primary--Color-subtitle:var(--kpl-global--Color-dark-500); --kpl-global-primary--Color-subtitle:var(--kpl-global--Color-dark-500); --kpl-global--spacer-xs: 0.25rem; --kpl-global--spacer-sm: 0.5rem; --kpl-global--spacer-md: 1rem; --kpl-global--spacer-lg: 1.5rem; --kpl-global--spacer-xl: 2rem; --kpl-global--spacer-2xl: 3rem; --kpl-global--spacer-3xl: 4rem; --kpl-global--spacer-4xl: 5rem; } /* --kpl-global--FontSize--md: 1rem; --kpl-global--FontSize--sm: 0.875rem; --kpl-global--FontSize--xs: 0.75rem; --kpl-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, 0.62); --kpl-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32); --kpl-global--BackgroundColor-100: var(--kpl-global--BackgroundColor--light-100); */ #main-header { border-left-width: 0; border-right-width: 0; background-color: rgba(255,255,255,.1); border-color: var(--color-1); border-style: solid; border-bottom-width: 1px; border-top-width: 0; } #logo { -moz-transition: all 1.7s .75s var(--kpl-global--Animation-timingFunction); -webkit-transition: all 1.7s .75s var(--kpl-global--Animation-timingFunction); -o-transition: all 1.7s .75s var(--kpl-global--Animation-timingFunction); transition: all 1.7s .75s var(--kpl-global--Animation-timingFunction); } .kpl-color-scheme #logo{ /* transition: all 1.95s .75s cubic-bezier(.77,0,.175,1)!important;*/ min-width: 250px!important; } @media (max-width: 980px){ .et_fixed_nav #main-header, .et_non_fixed_nav.et_transparent_nav #main-header{ position: fixed!important; } } html{ font-size: 100%; } body{ font-family: var(--kpl-global-primary--FontFamily); font-size: 16px; color: var(--kpl-global-primary--Color); line-height: var(--kpl-global-primary--LineHeight); background-color: var(--kpl-global-primary--BackgroundColor); font-weight: var(--kpl-global-primary--FontWeight); } .kpl-color-scheme .et_pb_module{ animation-fill-mode: var(-kpl-global--Animation-fillMode); -webkit-animation-fill-mode: var(-kpl-global--Animation-fillMode); animation-timing-function: var(--kpl-global--Animation-timingFunction); -webkit-animation-timing-function: var(--kpl-global--Animation-timingFunction); animation-duration: var(--kpl-global--Animation-duration); -webkit-animation-duration: var(--kpl-global--Animation-duration); animation-delay: var(--kpl-global--Animation-delay); -webkit-animation-delay: var(--kpl-global--Animation-delay); } /* * * .kpl-color-scheme .kpl_section h2{ margin: 0; color: var(--kpl-global--Color-dark-500); font-weight: 400; letter-spacing: 0; font-size: 1.125rem; line-height: 1.725rem; width: 100%; } .kpl-color-scheme .kpl_section h1{ margin: 0; font-size: 2.25rem; color: var(--kpl-global--Color-dark-200); font-weight: 300; letter-spacing: -.02em; font-weight: 400; width: 100%; line-height: 2.5rem; } .kpl-color-scheme #main-content .kpl_section.et_pb_section p { color: #666; line-height: 2rem; font-size: 1.067rem; } .kpl-color-scheme footer p{ color: #ffffff!important; } * */ .kpl-global-animation-fadeBottom{ animation: var(--kpl-global--Animation--fadeBottom-name) var(--kpl-global--Animation--fadeBottom-duration) var(--kpl-global--Animation-delay) var(--kpl-global--Animation--fadeBottom-timingFunction); -webkit-animation: var(--kpl-global--Animation--fadeBottom-name) var(--kpl-global--Animation--fadeBottom-duration) var(--kpl-global--Animation-delay) var(--kpl-global--Animation--fadeBottom-timingFunction); animation-fill-mode: var(--kpl-global--Animation-fillMode); } .kpl-color-scheme footer p{ color: #ffffff!important; } /****** END > KPL-SECTION *******/ /* p:not(.slider-subtitle){ font-size: 1.067rem; line-height: 2rem; }*/ @media (min-width:1px) and (max-width:479px){ p:not(.slider-subtitle){ line-height: 1.75rem!important; } } .article p:not(.citate)::first-letter{ margin-left: 2em; } .article p:not(.slider-subtitle)::first-letter { font-size: 2rem; font-weight: 500; letter-spacing: .05em; color:var(--kpl-global--Color-dark); } @media(min-width:1px) and (max-width:479px){ .kpl-color-scheme .kpl-intro-title-1 .title h1, .kpl-color-scheme .kpl-intro-title-1 .title h2{ font-size: 30px; } } @media(min-width:480px){ .kpl-color-scheme .kpl-intro-title-1 .title h1, .kpl-color-scheme .kpl-intro-title-1 .title h2{ font-size: clamp(38px, 38px, 38px); } } /* ************************************ kpl-fwh-hero *********************************************************************************************/ /* TITLE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content > h1.et_pb_module_header{ /*font-family: 'Trueno',sans-serif!important; font-weight: 900!important;*/ font-family:'Trueno Black'!important; } /* TITLE BORDER TOP */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content > h1.et_pb_module_header{ word-wrap: break-word; border-top: 1px dashed var(--kpl-global--Color-dark); } /* SUB-TITLE FONT */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead h2{ font-weight:500!important; letter-spacing: -.8px; font-family: 'Gilroy',sans-serif!important; padding:10px; } /* KPL-FWH CONTAINER */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container { margin-top: -80px!important; width: 100%!important; max-width: 100%!important; } .et_pb_fullwidth_header.kpl-fwh-hero:before { background-repeat: no-repeat; } @media (min-width: 981px){ /* TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content > h1.et_pb_module_header{ font-size: 6vw; margin-left: 10%; margin-right: 10%; } /* SUB-TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead h2{ font-size: 1.8rem; } .et_pb_fullwidth_header.kpl-fwh-hero:before{ background-size: cover; background-position: right; } } @media (max-width: 980px){ /* TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content > h1.et_pb_module_header{ font-size: 9vw; } /* SUB-TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead h2{ font-size: 1.5rem; } } @media (max-width: 767px){ /* TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content > h1.et_pb_module_header{ font-size: clamp(55px, 9vw, 45px)!important; } /* SUB-TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead h2{ font-size: 1.3rem; } } @media (max-width: 479px){ /* TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content > h1.et_pb_module_header{ font-size: clamp(45px, 45px, 45px)!important; } /* SUB-TITLE FONT SIZE */ .kpl-fws-hero.et_pb_fullwidth_section .kpl-fwh-hero > .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead h2{ font-size: 1.3rem!important; } .et_pb_fullwidth_header.kpl-fwh-hero:before{ background-size: 270vw ,cover; background-position:center; } } @media (min-width: 480px) and (max-width: 980px){ .et_pb_fullwidth_header.kpl-fwh-hero:before{ background-size: 270vw ,cover; background-position:center; } } .et_pb_fullwidth_header.kpl-fwh-hero:before { background-repeat: no-repeat; } @media (min-width: 1px) and (max-width: 479px){ .et_pb_fullwidth_header.kpl-fwh-hero:before{ background-size: 270vw ,cover; background-position:center; } } @media (min-width: 480px) and (max-width: 980px){ .et_pb_fullwidth_header.kpl-fwh-hero:before{ background-size: 270vw ,cover; background-position:center; } } @media (min-width: 981px){ .et_pb_fullwidth_header.kpl-fwh-hero:before{ background-size: cover; background-position: right; } } /* FILTER BLUR */ .kpl-blured-on-hover.before:before{ filter: blur(.2em); transition: filter .75s ease-out; } .kpl-blured-on-hover.before:hover:before{ filter: blur(.5em); transition: filter .75s ease-out; } .kpl-blured-on-hover.before:before{ filter: blur(.2em); transition: filter .75s ease-out; } .kpl-blured-on-hover.before:hover:before{ filter: blur(.5em); transition: filter .75s ease-out; } /* HERO AFTER SECTION*/ /* ************************************************************************************************************************************ */ /* ********************************************************** HERO AFTER SECTION ****************************************************** */ .kpl-hero-after{ min-height: 1080px; overflow:hidden!important; } .kpl-hero-after:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: " ";="" *="" background:="" linear-gradient(to="" bottom,transparent="" 0%,var(--color-1)="" 63%,var(--color-1)="" 100%);="" }="" .kpl-hero-after:after{="" position:="" absolute;="" top:="" 0;="" left:="" width:="" 100%;="" height:="" content:="" "";="" .kpl-hero-after=""> .et_pb_row { min-width: 100%; padding-left: 5%; } .kpl-hero-after .pre-image{ position: absolute; left: 0; top:0; margin: 0; padding: 0; content: ""; width: calc(500px + (500 - 250) * ((100vw - 500px) / (1920 - 500))); opacity: .7; } .kpl-hero-after svg#Layer_1{ fill:var(--color-1); } @media all and (min-width: 1px) and (max-width: 479px) { .kpl-hero-after .pre-image{ transform: translate(calc(-27em + (30 - 5) * ((100vw - 500px) / (1920 - 500))),calc(-14em + (30 - 5) * ((100vw - 500px) / (1920 - 500)))) rotate(5deg); } .kpl-hero-after:after{ background-image: linear-gradient(to bottom,var(--color-1) 0%,rgb(255,255,255) 100%), url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/06/MASK-KPL_PhoneB2.png); background-blend-mode: overlay; background-size: cover; background-repeat: no-repeat; background-position: center; } } @media (min-width: 480px) and (max-width: 979px) { .kpl-hero-after:after{ background-image: linear-gradient(to bottom,var(--color-1) 0%,rgb(255,255,255) 100%), url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/06/MASK-KPL_PhoneB2.png); background-blend-mode: overlay; background-size: cover; background-repeat: no-repeat; background-position: top; } .kpl-hero-after .pre-image{ transform: translate(calc(-25em + (30 - 5) * ((100vw - 500px) / (1920 - 500))),calc(-16em + (30 - 5) * ((100vw - 500px) / (1920 - 500)))) rotate(5deg); } } @media screen and (min-width: 980px){ .kpl-hero-after:after{ background-image: linear-gradient(to bottom,transparent 0%,var(--color-1) 63%,var(--color-1) 100%) ,url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/06/MASK-KPL2.png); background-blend-mode: overlay; background-size: cover; background-repeat: no-repeat; background-position: top; } .kpl-hero-after .pre-image{ transform: translate(calc(-30em + (30 - 5) * ((100vw - 500px) / (1920 - 500))),calc(-19em + (30 - 5) * ((100vw - 500px) / (1920 - 500)))) rotate(5deg); } } /* KPL HERO 2 */ @media (min-width: 980px){ .kpl-hero-after-2{ background-size:contain!important; background-position:center top; } } @media (max-width:979px){ .kpl-hero-after-2{ background-size:contain!important; background-position:center center!important; } } @media (max-width:479px){ .kpl-hero-after-2{ background-size:300vw, contain!important; background-position:center bottom!important; } } /* KPL HERO 2 @media (min-width: 1px) and (max-width:479px){ .kpl-hero-after-2{ background-size:130vw, contain!important; background-position:center top!important; } } @media (min-width: 480px) and (max-width:979px){ .kpl-hero-after-2{ background-size:140vw, contain!important; background-position:bottom right!important; } } @media (min-width: 980px){ .kpl-hero-after-2{ background-size:80vw, contain!important; background-position:center top!important; } } h2{ font-family: 'Nunito', sans-serif!important; font-weight: 400!important; color:#000000!important; } h1,h3,h4,h5,h6{ font-size: 2em!important; line-height: 1.265em!important; font-family: 'Nunito', sans-serif!important; font-weight: 300!important; color:#000000!important; } p{ font-size: .9012em!important; line-height: 2em!important; font-family: 'Spartan', sans-serif!important; font-family: 'Montserrat', sans-serif!important; font-weight: 400!important; color: black!important; } */ /* .kpl-color-scheme.kpl-scheme-variant-1 h1, .kpl-color-scheme.kpl-scheme-variant-1 h2, .kpl-color-scheme.kpl-scheme-variant-1 h3, .kpl-color-scheme.kpl-scheme-variant-1 h4, .kpl-color-scheme.kpl-scheme-variant-1 h5, .kpl-color-scheme.kpl-scheme-variant-1 h6{ font-family: var(--kpl-global--FontFamily8); } .kpl-color-scheme.kpl-scheme-variant-2 h1, .kpl-color-scheme.kpl-scheme-variant-2 h2, .kpl-color-scheme.kpl-scheme-variant-2 h3, .kpl-color-scheme.kpl-scheme-variant-2 h4, .kpl-color-scheme.kpl-scheme-variant-2 h5, .kpl-color-scheme.kpl-scheme-variant-2 h6{ font-family: var(--kpl-global--FontFamily3); } */ /* *** KPL-ARTICLE **** */ /* Paragraph content */ .article p.citate{ font-size: 1.2rem; line-height: 1.8rem; color: var(--kpl-global--Color-dark-200)!important; font-weight: 400; letter-spacing: -.02em; text-align: right; } @media(max-width:479px){ .article p.citate{ text-align: center; justify-content: justify!important; font-size: 1rem; line-height: 1.5rem; } } .article { font-size: var(--kpl-scale00); } .article p { line-height:2rem; } .article p.citate{ font-size: var(--kpl-scale10)!important; line-height: 2rem!important; margin-bottom: 20px; } /* p{ color: #666; font-size: 1rem; } .dct_s_title .et_pb_text_inner h2, #dct_intro .et_pb_contact_form_container .et_pb_contact_main_title { font-size: clamp(2.0rem,2.5rem + 9vw, 2.5rem); line-height:clamp(2.0rem,2.5rem + 9vw, 2.5rem); } #dct_intro .et_pb_toggle h5{ font-size: clamp(100%,1.5rem + 9vw, 1.4rem)!important; line-height: clamp(1.5rem,1.8rem + 9vw, 1.8rem)!important; } @media only screen and (max-width: 768px){ .dct_s_title .et_pb_text_inner h2, #dct_intro .et_pb_contact_form_container .et_pb_contact_main_title { font-size: 1.875rem!important; } .dct_s_title .et_pb_text_inner h2:before{ bottom: -5px; } } @media only screen and (max-width: 479px){ .dct_s_title .et_pb_text_inner h2, #dct_intro .et_pb_contact_form_container .et_pb_contact_main_title { font-size: clamp(100%,1.7rem + 9vw, 1.7rem); } #dct_intro .et_pb_toggle h5{ line-height:1.2rem!important; font-size: 17px!important; } } .dct_s_title .et_pb_text_inner h2 span, #dct_intro .et_pb_contact_form_container .et_pb_contact_main_title{ font-weight: 300!important; } .dct_s_title .et_pb_text_inner h2{ font-weight: 700!important; font-family: var(--kpl-global--FontFamily2)!important; } .kpl-c#dct_intro .et_pb_toggle h5 { letter-spacing:-.02em; font-weight: 500!important; font-family: var(--kpl-global--FontFamily2)!important; } #dct_intro .et_pb_toggle h5, .dct_s_title .et_pb_text_inner h2, #dct_intro .et_pb_contact_form_container .et_pb_contact_main_title, .kpl-intro-title-1 .title h2, .kpl-intro-title-1 .subtitle h2, .kpl-services-number h2, .kpl-services-2 .title-1 h2, .kpl-services-2 .title-2 h2, .kpl-services-2 .et_pb_blurb .et_pb_blurb_container > h4 { font-family: var(--kpl-global--FontFamily2)!important; }*/ .kpl-color-scheme.kpl-scheme-variant-3 h1, .kpl-color-scheme.kpl-scheme-variant-3 h2{ font-family: var(--kpl-global--FontFamily5); } .kpl-color-scheme.kpl-scheme-variant-0 .kpl-intro-title-1 .title h2{ font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif; } .kpl-color-scheme.kpl-scheme-variant-0 .kpl-intro-title-1 .title-container .subtitle h2{ font-family: 'Libre Franklin',Helvetica,Arial,Lucida,sans-serif } .kpl-color-scheme.kpl-scheme-variant-1 .kpl-intro-title-1 .title h2{ font-family: 'Gilroy',sans-serif; } .kpl-color-scheme.kpl-scheme-variant-1 .kpl-intro-title-1 .title-container .subtitle h2{ font-family: 'Gilroy',sans-serif; } .kpl-color-scheme.kpl-scheme-variant-2 .kpl-intro-title-1 .title h2{ font-family: 'Barlow'; } .kpl-color-scheme.kpl-scheme-variant-2 .kpl-intro-title-1 .title-container .subtitle h2{ font-family: 'Barlow Condensed'; } .kpl-color-scheme.kpl-scheme-variant-3 .kpl-intro-title-1 .title h2{ font-family: 'Jura',sans-serif; } .kpl-color-scheme.kpl-scheme-variant-3 .kpl-intro-title-1 .title-container .subtitle h2{ font-family: 'Jura',sans-serif; } .kpl-color-scheme.kpl-scheme-variant-4 .kpl-intro-title-1 .title h2{ font-family: 'Decalotype',sans-serif; } .kpl-color-scheme.kpl-scheme-variant-4 .kpl-intro-title-1 .title-container .subtitle h2{ font-family: 'Decalotype'; } .kpl-color-scheme.kpl-scheme-variant-5 .kpl-intro-title-1 .title h2{ font-family: 'RedHat',sans-serif; } .kpl-color-scheme.kpl-scheme-variant-5 .kpl-intro-title-1 .title-container .subtitle h2{ font-family: 'RedHat',sans-serif; } .et-fixed-header #logo { content: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/07/kpl-logo-mini-svg-omg.svg); } .hide-top-header{ top:-60px!important; transition: top 600ms cubic-bezier(.99,-.01,.44,.99) 400ms!important; } .kpl-intro-title-1{ margin: 5% 0 5% 0; margin-bottom: 25px!important; } .kpl-intro-title-1 .title-container { display: flex; flex-direction: column; gap: .3rem; } .kpl-intro-title-1.centered { text-align: center!important; } .kpl-intro-title-1.left { text-align: left!important; } .kpl-intro-title-1.right { text-align: right; } .kpl-intro-title-1 .title h2{ font-weight: 800; color: var(--kpl-global-primary--Color); } .kpl-intro-title-1 .title span { font-weight: 300; } .kpl-intro-title-1 .title-container .subtitle h2{ opacity: 1; display: inline-block; font-weight: 300; color: var(--kpl-global-primary--Color); } .kpl-intro-title-1 .title-container .subtitle h2 span { font-weight: 700; font-size: 1em; } .kpl-intro-title-1.show-on-scroll .title-container .icon{ fill: var(--kpl-global-primary--Color); } .kpl-intro-title-1.left .title-container { text-align: left } .kpl-intro-title-1.left .title-container { text-align: right; } .kpl-intro-title-1.centered .title-container{ text-align: center; } .kpl-intro-title-1 .title-container .icon{ position: absolute; } .kpl-intro-title-1.left .title-container .icon { top: -40px; } .kpl-intro-title-1.centered .title-container .icon { top: -40px; transform: translate(-15%, 0); opacity: 0; } .kpl-intro-title-1 .divider { width: 100%; height: 3px; max-height: 3px; background: var(--color-1); } .kpl-intro-title-1.centered .divider { width: 100%; } .kpl-intro-title-1.left .divider { width: 100%; } .kpl-intro-title-1.show-on-scroll .title-container .title, .kpl-intro-title-1.show-on-scroll .title-container .subtitle, .kpl-intro-title-1.show-on-scroll .title-container .divider, .kpl-intro-title-1.show-on-scroll .title-container .icon { opacity: 0; } .kpl-intro-title-1.is-visible .title-container .title, .kpl-intro-title-1.is-visible .title-container .subtitle, .kpl-intro-title-1.is-visible .title-container .divider { opacity: 0; animation-name: kpl-fadeFromBottom; -webkit-animation-name: kpl-fadeFromBottom; animation-timing-function: cubic-bezier(0,1,.3,1); -webkit-animation-timing-function: cubic-bezier(0,1,.3,1); -moz-animation-timing-function: cubic-bezier(0,1,.3,1); -o-animation-timing-function:cubic-bezier(0,1,.3,1); -ms-animation-timing-function:cubic-bezier(0,1,.3,1); animation-duration: 3s; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; -ms-animation-duration: 3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; will-change: transform,opacity; } .kpl-intro-title-1.is-visible .title-container .title { animation-delay: .25s!important; -webkit-animation-delay: .25s!important; -moz-animation-delay: .25s!important; -o-animation-delay: .25s!important; -ms-animation-delay: .25s!important; } .kpl-intro-title-1.is-visible .title-container .divider { animation-delay: .55s!important; -webkit-animation-delay: .55s!important; -moz-animation-delay: .55s!important; -o-animation-delay: .55s!important; -ms-animation-delay: .55s!important; } .kpl-intro-title-1.is-visible .title-container .subtitle { animation-delay: .75s!important; -webkit-animation-delay: .75s!important; -moz-animation-delay: .75s!important; -o-animation-delay: .75s!important; -ms-animation-delay: .75s!important; } .kpl-intro-title-1.show-on-scroll .title-container .icon { transform: translate(-10vw,-2em) rotateZ(-5deg); -webkit-transform: translate(-10vw,-2em) rotateZ(-5deg); } .kpl-intro-title-1.is-visible.left .title-container .icon, .kpl-intro-title-1.is-visible.right .title-container .icon, .kpl-intro-title-1.is-visible.centered .title-container .icon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(0,0) rotateZ(15deg); -webkit-transform: translate(0,0) rotateZ(15deg); opacity: 1; will-change: transform,opacity; } .kpl-intro-title-1 .title-container .icon.arrow-tick-right svg{ width: 80%; } .kpl-intro-title-1 .title-container .icon.hexagon svg path{ stroke:var(--color-1); } @media all and (min-width: 1px) and (max-width: 479px) { .kpl-intro-title-1{margin-top: calc(5% + 20px); } .kpl-intro-title-1 .title h2{ font-size: clamp(100%,1rem + 9vw, 30px); } .kpl-intro-title-1 .subtitle h2{ font-size: clamp(100%,1rem + 9vw, 18px); } .kpl-intro-title-1 .title-container .icon svg{ width: 100%; } .kpl-intro-title-1 .title-container .icon{ width: 60px; } .kpl-intro-title-1.left .title-container .icon { left: -3em; } .kpl-intro-title-1.centered .title-container .icon{ left: calc(50% - 140px); } .kpl-intro-title-1.centered .title-container .icon.arrow-tick-right{ left: calc(50% - 140px); } .kpl-intro-title-1 .title-container .icon.arrow-tick-right { top: -60px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 180%; } .kpl-intro-title-1.centered .title-container .icon.hexagon{ left: calc(50% - 145px); top: -80px; } .kpl-intro-title-1.left .title-container .icon.hexagon{ left: -3.5em; top: -75px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .kpl-intro-title-1 .title h2{ font-size: clamp(100%,1rem + 9vw, 38px); } .kpl-intro-title-1 .subtitle h2{ font-size: clamp(100%,1rem + 9vw, 24px); } .kpl-intro-title-1 .title-container .icon svg{ width: 100%; } .kpl-intro-title-1 .title-container .icon{ width: 80px; } .kpl-intro-title-1.left .title-container .icon { left: -5.2em; } .kpl-intro-title-1.left .title-container .icon.arrow-tick-right { left: -3.8em; } .kpl-intro-title-1.centered .title-container .icon{ left: calc(50% - 172px); } .kpl-intro-title-1.centered .title-container .icon.arrow-tick-right{ left: calc(50% - 162px); } .kpl-intro-title-1 .title-container .icon.arrow-tick-right { top: -70px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 150%; } .kpl-intro-title-1.centered .title-container .icon.hexagon{ left: calc(50% - 135px); top: -60px; } .kpl-intro-title-1.left .title-container .icon.hexagon{ left: -3.5em; top: -75px; } } @media screen and (min-width: 768px){ .kpl-intro-title-1 .title h2{ font-size: 38px; } .kpl-intro-title-1 .subtitle h2{ font-size: 24px; } .kpl-intro-title-1 .title-container .icon svg{ width: 100%; } .kpl-intro-title-1 .title-container .icon{ width: 90px; } .kpl-intro-title-1.left .title-container .icon { left: -6em; } .kpl-intro-title-1.left .title-container .icon.arrow-tick-right { left: -4.4em; } .kpl-intro-title-1.centered .title-container .icon{ left: calc(50% - 200px); } .kpl-intro-title-1.centered .title-container .icon.arrow-tick-right{ left: calc(50% - 185px); } .kpl-intro-title-1 .title-container .icon.arrow-tick-right { top: -80px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 120%; } .kpl-intro-title-1.centered .title-container .icon.hexagon{ left: calc(50% - 185px); top: -80px; } .kpl-intro-title-1.left .title-container .icon.hexagon{ left: 7em; top: -80px; } } .kpl-intro-title-1.right .divider{ max-width: 80%; align-self: flex-end; } .kpl-intro-title-1.right.show-on-scroll .title-container .icon.hexagon { transform: rotate(-45deg) translate(0,0); -webkit-transform: rotate(-45deg) translate(0,0); } @media (min-width: 980px){ .kpl-intro-title-1.show-on-scroll.right .title-container .icon.hexagon{ right: calc(50% + 1em); top:calc(50% - 10em); } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 140%; } .kpl-intro-title-1.is-visible.right .title-container .icon.hexagon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(16em,-1em) rotate(100deg); -webkit-transform: translate(16em,-1em) rotate(100deg); opacity: 1; will-change: transform,opacity; } } @media (max-width: 979px){ .kpl-intro-title-1.show-on-scroll.right .title-container .icon.hexagon{ right: calc(50vw + 360px); top:-130px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 140%; } .kpl-intro-title-1.is-visible.right .title-container .icon.hexagon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(22em,1em) rotate(100deg); -webkit-transform: translate(22em,1em) rotate(100deg); opacity: 1; will-change: transform,opacity; } } @media (max-width: 479px){ .kpl-intro-title-1.right .divider{ max-width: 80%; } .kpl-intro-title-1.show-on-scroll.right .title-container .icon.hexagon{ right: calc(50% + 25em); top:calc(50% - 10em); } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 150%; } .kpl-intro-title-1.is-visible.right .title-container .icon.hexagon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(22em,1em) rotate(100deg); -webkit-transform: translate(22em,1em) rotate(100deg); opacity: 1; will-change: transform,opacity; } } .kpl-intro-title-1.show-on-scroll.right .title-container .title h2{ line-height: 2.5rem; } /*************** HEADING & TITLES ***************/ /**** kpl-intro-title-1 (centered, left) ***/ /* .kpl-intro-title-1{ margin: 5% 0 5% 0; margin-bottom: 25px!important; } .kpl-intro-title-1 .title-container { display: flex; flex-direction: column; gap: .3rem; } .kpl-intro-title-1.centered { text-align: center!important; } .kpl-intro-title-1.left { text-align: left!important; } .kpl-intro-title-1.right { text-align: right; } .kpl-intro-title-1 .title h2{ font-weight: 800; color: var(--kpl-global-primary--Color); } .kpl-intro-title-1 .title span { font-weight: 300; } .kpl-intro-title-1 .title-container .subtitle h2{ opacity: 1; display: inline-block; font-weight: 300; color: var(--kpl-global-primary--Color); } .kpl-intro-title-1 .title-container .subtitle h2 span { font-weight: 700; font-size: 1em; } .kpl-intro-title-1.show-on-scroll .title-container .icon{ fill: var(--kpl-global-primary--Color); } .kpl-intro-title-1.left .title-container { text-align: left } .kpl-intro-title-1.left .title-container { text-align: right; } .kpl-intro-title-1.centered .title-container{ text-align: center; } .kpl-intro-title-1 .title-container .icon{ position: absolute; } .kpl-intro-title-1.left .title-container .icon { top: -40px; } .kpl-intro-title-1.centered .title-container .icon { top: -40px; transform: translate(-15%, 0); opacity: 0; } .kpl-intro-title-1 .divider { width: 100%; height: 3px; max-height: 3px; background: var(--color-1); } .kpl-intro-title-1.centered .divider { width: 100%; } .kpl-intro-title-1.left .divider { width: 100%; } .kpl-intro-title-1.show-on-scroll .title-container .title, .kpl-intro-title-1.show-on-scroll .title-container .subtitle, .kpl-intro-title-1.show-on-scroll .title-container .divider, .kpl-intro-title-1.show-on-scroll .title-container .icon { opacity: 0; } .kpl-intro-title-1.is-visible .title-container .title, .kpl-intro-title-1.is-visible .title-container .subtitle, .kpl-intro-title-1.is-visible .title-container .divider { opacity: 0; animation-name: kpl-fadeFromBottom; -webkit-animation-name: kpl-fadeFromBottom; animation-timing-function: cubic-bezier(0,1,.3,1); -webkit-animation-timing-function: cubic-bezier(0,1,.3,1); -moz-animation-timing-function: cubic-bezier(0,1,.3,1); -o-animation-timing-function:cubic-bezier(0,1,.3,1); -ms-animation-timing-function:cubic-bezier(0,1,.3,1); animation-duration: 3s; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; -ms-animation-duration: 3s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; will-change: transform,opacity; } .kpl-intro-title-1.is-visible .title-container .title { animation-delay: .25s!important; -webkit-animation-delay: .25s!important; -moz-animation-delay: .25s!important; -o-animation-delay: .25s!important; -ms-animation-delay: .25s!important; } .kpl-intro-title-1.is-visible .title-container .divider { animation-delay: .55s!important; -webkit-animation-delay: .55s!important; -moz-animation-delay: .55s!important; -o-animation-delay: .55s!important; -ms-animation-delay: .55s!important; } .kpl-intro-title-1.is-visible .title-container .subtitle { animation-delay: .75s!important; -webkit-animation-delay: .75s!important; -moz-animation-delay: .75s!important; -o-animation-delay: .75s!important; -ms-animation-delay: .75s!important; } .kpl-intro-title-1.show-on-scroll .title-container .icon { transform: translate(-10vw,-2em) rotateZ(-5deg); -webkit-transform: translate(-10vw,-2em) rotateZ(-5deg); } .kpl-intro-title-1.is-visible.left .title-container .icon, .kpl-intro-title-1.is-visible.right .title-container .icon, .kpl-intro-title-1.is-visible.centered .title-container .icon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(0,0) rotateZ(15deg); -webkit-transform: translate(0,0) rotateZ(15deg); opacity: 1; will-change: transform,opacity; } .kpl-intro-title-1 .title-container .icon.arrow-tick-right svg{ width: 80%; } .kpl-intro-title-1 .title-container .icon.hexagon svg path{ stroke:var(--color-1); } @media all and (min-width: 1px) and (max-width: 479px) { .kpl-intro-title-1{margin-top: calc(5% + 20px); } .kpl-intro-title-1 .title h2{ font-size: clamp(100%,1rem + 9vw, 30px); } .kpl-intro-title-1 .subtitle h2{ font-size: clamp(100%,1rem + 9vw, 18px); } .kpl-intro-title-1 .title-container .icon svg{ width: 100%; } .kpl-intro-title-1 .title-container .icon{ width: 60px; } .kpl-intro-title-1.left .title-container .icon { left: -3em; } .kpl-intro-title-1.centered .title-container .icon{ left: calc(50% - 140px); } .kpl-intro-title-1.centered .title-container .icon.arrow-tick-right{ left: calc(50% - 140px); } .kpl-intro-title-1 .title-container .icon.arrow-tick-right { top: -60px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 180%; } .kpl-intro-title-1.centered .title-container .icon.hexagon{ left: calc(50% - 145px); top: -80px; } .kpl-intro-title-1.left .title-container .icon.hexagon{ left: -3.5em; top: -75px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .kpl-intro-title-1 .title h2{ font-size: clamp(100%,1rem + 9vw, 38px); } .kpl-intro-title-1 .subtitle h2{ font-size: clamp(100%,1rem + 9vw, 24px); } .kpl-intro-title-1 .title-container .icon svg{ width: 100%; } .kpl-intro-title-1 .title-container .icon{ width: 80px; } .kpl-intro-title-1.left .title-container .icon { left: -5.2em; } .kpl-intro-title-1.left .title-container .icon.arrow-tick-right { left: -3.8em; } .kpl-intro-title-1.centered .title-container .icon{ left: calc(50% - 172px); } .kpl-intro-title-1.centered .title-container .icon.arrow-tick-right{ left: calc(50% - 162px); } .kpl-intro-title-1 .title-container .icon.arrow-tick-right { top: -70px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 150%; } .kpl-intro-title-1.centered .title-container .icon.hexagon{ left: calc(50% - 135px); top: -60px; } .kpl-intro-title-1.left .title-container .icon.hexagon{ left: -3.5em; top: -75px; } } @media screen and (min-width: 768px){ .kpl-intro-title-1 .title h2{ font-size: 38px; } .kpl-intro-title-1 .subtitle h2{ font-size: 24px; } .kpl-intro-title-1 .title-container .icon svg{ width: 100%; } .kpl-intro-title-1 .title-container .icon{ width: 90px; } .kpl-intro-title-1.left .title-container .icon { left: -6em; } .kpl-intro-title-1.left .title-container .icon.arrow-tick-right { left: -4.4em; } .kpl-intro-title-1.centered .title-container .icon{ left: calc(50% - 200px); } .kpl-intro-title-1.centered .title-container .icon.arrow-tick-right{ left: calc(50% - 185px); } .kpl-intro-title-1 .title-container .icon.arrow-tick-right { top: -80px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 120%; } .kpl-intro-title-1.centered .title-container .icon.hexagon{ left: calc(50% - 185px); top: -80px; } .kpl-intro-title-1.left .title-container .icon.hexagon{ left: 7em; top: -80px; } } .kpl-intro-title-1.right .divider{ max-width: 80%; align-self: flex-end; } .kpl-intro-title-1.right.show-on-scroll .title-container .icon.hexagon { transform: rotate(-45deg) translate(0,0); -webkit-transform: rotate(-45deg) translate(0,0); } @media (min-width: 980px){ .kpl-intro-title-1.show-on-scroll.right .title-container .icon.hexagon{ right: calc(50% + 1em); top:calc(50% - 10em); } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 140%; } .kpl-intro-title-1.is-visible.right .title-container .icon.hexagon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(16em,-1em) rotate(100deg); -webkit-transform: translate(16em,-1em) rotate(100deg); opacity: 1; will-change: transform,opacity; } } @media (max-width: 979px){ .kpl-intro-title-1.show-on-scroll.right .title-container .icon.hexagon{ right: calc(50vw + 360px); top:-130px; } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 140%; } .kpl-intro-title-1.is-visible.right .title-container .icon.hexagon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(22em,1em) rotate(100deg); -webkit-transform: translate(22em,1em) rotate(100deg); opacity: 1; will-change: transform,opacity; } } @media (max-width: 479px){ .kpl-intro-title-1.right .divider{ max-width: 80%; } .kpl-intro-title-1.show-on-scroll.right .title-container .icon.hexagon{ right: calc(50% + 25em); top:calc(50% - 10em); } .kpl-intro-title-1 .title-container .icon.hexagon svg{ width: 150%; } .kpl-intro-title-1.is-visible.right .title-container .icon.hexagon{ transition: transform 3s .75s cubic-bezier(0,1,.3,1),opacity .3s .75s ease-out; transform: translate(22em,1em) rotate(100deg); -webkit-transform: translate(22em,1em) rotate(100deg); opacity: 1; will-change: transform,opacity; } } .kpl-intro-title-1.show-on-scroll.right .title-container .title h2{ line-height: 2.5rem; } */ /*************** HEADING & TITLES ***************/ /* .kpl-intro-title-1 .title-container .icon.arrow-tick-right{ top: -80px!important; } .kpl-intro-title-1 .title-container .icon.arrow-tick-right svg{ width: 80%!important; } .kpl-intro-title-1 .title-container .icon.arrow-tick-right{ width: 60px; } .kpl-intro-title-1.left .title-container .icon.arrow-tick-right { left: -3em; } .kpl-intro-title-1.centered .title-container .icon.arrow-tick-right{ left: calc(50% - 140px); }*/ /*************** END HEADING & TITLES ***************/ /* .kpl-global-transition-slide{ -webkit-transition-timing-function: var(--kpl-global-transition-slide-timing-function)!important; -moz-transition-timing-function: var(--kpl-global-transition-slide-timing-function)!important; -o-transition-timing-function: var(--kpl-global-transition-slide-timing-function)!important; transition-timing-function: var(--kpl-global-transition-slide-timing-function)!important; -webkit-transition-duration: var(--kpl-global-transition-slide-duration)!important; -moz-transition-duration: var(--kpl-global-transition-slide-duration)!important; -o-transition-duration: var(--kpl-global-transition-slide-duration)!important; transition-duration: var(--kpl-global-transition-slide-duration)!important; -webkit-transition-delay: var(--kpl-global-transition-slide-delay)!important; -moz-transition-delay:var(--kpl-global-transition-slide-delay)!important; -o-transition-delay: var(--kpl-global-transition-slide-delay)!important; transition-delay: var(--kpl-global-transition-slide-delay)!important; -webkit-transition-property:var(--kpl-global-transition-slide-property)!important; -moz-transition-property: var(--kpl-global-transition-slide-property)!important; -o-transition-property: var(--kpl-global-transition-slide-property)!important; transition-property: var(--kpl-global-transition-slide-property)!important; } */ #et-top-navigation a{ font-weight: 300; } .et_mobile_menu .menu-item-has-children>a{ font-weight: 300; } #top-menu li a{ font-size: 1rem!important; } .kpl-services-section .et_pb_blurb_description { font-family: var(--kpl-global-primary--FontFamily); } #et_search_icon:hover { color:var(--kpl-global--Color-light); } .et_close_search_field, input.et-search-field{ color:var(--kpl-global--Color-light)!important; } #main-header input::-webkit-input-placeholder{ color:var(--kpl-global--Color-light); font-weight: 300; } @media (max-width: 980px){ #dct_intro .et_pb_contact_form_container .et_pb_contact_main_title{ max-width: 50%; /* width: 150px;*/ display: grid!important; } } #et_search_icon { color: var(--color-1); } .kpl-c-title-group h1, .kpl-c-title-group h2, .kpl-c-title-group .title, .kpl-c-title-group .title h1, .kpl-c-title-group .title h2, .kpl-c-title-group h1.title, .kpl-c-title-group h2.title{ font-size: 1em; font-family:var(--kpl-global-font-1-family); letter-spacing: 1px; font-weight:800; color:var(--kpl-global-color-100); } .kpl-c-title-group .subtitle, .kpl-c-title-group .subtitle h1, .kpl-c-title-group .subtitle h2, .kpl-c-title-group h1.subtitle, .kpl-c-title-group h2.subtitle{ font-size: 1.5em; font-family:var(--kpl-global-font-4-family); letter-spacing: 2px; font-weight:var(--kpl-global-font-weight-light); color:var(--color-1); } .kpl-title-blurb .et_pb_blurb_container .et_pb_module_header span h2{ color: var(--color-2)!important; font-family: 'Libre Franklin',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; font-size: 28px; } /********************************************** * KPL -> SECTION MASK FILL BACKGROUND - STYLE 1 ***********************************************/ .et_pb_section.kpl-mask-fill.mask-1 { background:transparent!important; background-color: transparent!important; } .et_pb_section.kpl-mask-fill.mask-1:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(360deg,#fff 0%,var(--color-1) 70%), url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/kpl-mask-6-1.png) no-repeat!important; background-blend-mode: overlay; background-color: rgba(255,255,255,.5)!important; mix-blend-mode:multiply!important; } @media (max-width:980px){ .et_pb_section.kpl-mask-fill.mask-1:before{ background-position: top center!important; background-size: cover, 180vw!important; } } @media (min-width:981px){ .et_pb_section.kpl-mask-fill.mask-1:before{ background-position: bottom right!important; transform: translatey(-10vw); background-size: cover!important; } } /* * **************************************** * KPL -> HERO HEADER * ***********************/ /* body.kpl-color-scheme{ line-height: 2rem; font-weight: var(--font-2-weight); color: var(--color-dark); font-size: var(--font-2-size); }*/ /* * *********************** * KPL ->KPL CUSTOM DIVIDER TOP * ***********************/ .et_pb_section.kpl-section-has-top-divider .et_pb_top_inside_divider{ width: 100%!important; position: absolute; height: 250px!important; left: 0; z-index:1!important; right: 0; bottom: 0; background-size: 100% 250px!important; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDQ3LjQ0TDE3MCAwbDYyNi40OCA5NC44OUwxMTEwIDg3LjExbDE3MC0zOS42N1YxNDBIMFY0Ny40NHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCA5MC43MmwxNDAtMjguMjggMzE1LjUyIDI0LjE0TDc5Ni40OCA2NS44IDExNDAgMTA0Ljg5bDE0MC0xNC4xN1YxNDBIMFY5MC43MnoiLz48L2c+PC9zdmc+), linear-gradient(360deg,var(--color-1) 0%,transparent 100%)!important; pointer-events: none; background-repeat-y: no-repeat; } .kpl-section .kpl-title{ margin-bottom: 4rem; } /* BACKGROUND IMAGE MASKS */ /* MASK Bottom Left */ .et_pb_fullwidth_code_0 path { fill:var(--color-1); } /* * *********************** * KPL -> BG MASKS * ***********************/ .kpl-fws.et_pb_fullwidth_section .kpl-fwh.kpl-mask-bottom-left.et_pb_fullwidth_header::after{ animation: none!important; content: ""; height: 100%; width: 100%; opacity: .8; position: absolute; right: 0; bottom: 0; background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/mask-fws-clear.png)!important; background-size: cover; background-position:bottom; background-repeat: no-repeat; transform: translatex(-20vw) scale(2.0); z-index: 666; } /* MASK Bottom Left */ .kpl-fws.et_pb_fullwidth_section .kpl-fwh.kpl-mask-bottom.et_pb_fullwidth_header::after{ content: ""; width: 100%!important; top:0; opacity:1; position: absolute; right: 0; background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/mask-fws-clear.png); background-size: contain; background-position: bottom; background-repeat: no-repeat; z-index: 666; transform: translatex(-40vw); } .kpl-fws.et_pb_fullwidth_section .kpl-fwh.kpl-mask-bottom-v2.et_pb_fullwidth_header::after{ content: ""; height: 100%; width: 100%; opacity: .8; position: absolute; right: 0; bottom: 0; background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/mask-fws-clear.png)!important; background-size: cover; background-position:bottom; background-repeat: no-repeat; transform: translatex(-20vw) scale(2.0); z-index: 666; } .kpl-mask-left-bottom{ animation: none!important; content: ""; height: 100%; width: 100%; top:47vw; opacity: .8; position: absolute; right: 0; bottom: 0; background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/header-1-image.png); background-size: cover; background-position: bottom; background-repeat: no-repeat; z-index: 666; } /* * *********************** * KPL -> TITLE SECTION * ***********************/ .kpl-title{ width: 90%!important; } .kpl-section .kpl-title h2.et_pb_module_header{ font-weight: 900 !important; color:var(--color-1)!important; opacity:0.8; } @media (min-width: 981px){ /* KPL -> SECTION MARGIN & PADDING : (.kpl-section) */ .kpl-section{ padding: 2% 2% !important; } /* Kpl Animated Title Row -> second title */ /* Title Row Services Section */ .kpl-services-section .kpl-title{ padding-bottom: 2%!important; } } @media only screen and ( min-width: 480px ) and ( max-width: 980px ) { .kpl-section .et_pb_row.et_pb_row4{ padding: 0!important; margin-left: 20vw!important; } /* KPL -> SECTION MARGIN & PADDING : (.kpl-section) */ .kpl-section{ padding: 5% 0 5% 0 !important; } .kpl-title h2.et_pb_module_header { font-size: clamp(100%, 1rem + 9vw, 100px)!important; } #et_pb_contact_form_0{ text-align: center; justify-content: center; } } @media only screen and ( max-width: 479px ) { /* KPL -> SECTION MARGIN & PADDING : (.kpl-section) */ .kpl-section{ padding: 10% 0 2% 0 !important; } /* Kpl Animated Title Row -> second title */ .kpl-section .kpl-title .second-title{ font-size: calc((var(--font-1-title-size)) / 1.3)!important; color:var(--kpl-global--Color-dark)!important; } /* Title Row Services Section */ .kpl-services-section .kpl-title{ padding-bottom: 2%!important; } .kpl-row-services{ padding-top: 0!important; } .kpl-title h2.et_pb_module_header { font-size: 60px!important;; } } /* * *********************** * KPL -> TITLE HIDING TITLE 3 * ***********************/ .kpl_s_title_3 {} .kpl_s_title_3.left .title, .kpl_s_title_3.left .subtitle { text-align: left } .kpl_s_title_3 .et_pb_text_inner h2::after { content: ""; position: absolute; top: 40px; left: 0; width: 60px; height: 3px; background: var(--color-1) } .kpl_s_title_3 h2 { font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif; font-size: 26px; color: #333 } .kpl_s_title_3 h3 { font-family: 'Libre Franklin', Helvetica, Arial, Lucida, sans-serif; font-weight: 300; font-size: 42px; line-height: 1.4em; color: #333!important; padding-top: 10px } .kpl_s_title_3 .icon-container { width: 80px; content: ""; position: absolute; top: -70px; left: 0 } .kpl_s_title_3 .icon-container {} .kpl_s_title_3 {} .kpl_s_title_3.left .title, .kpl_s_title_3.left .subtitle { text-align: left } .kpl_s_title_3 .et_pb_text_inner h2::after { content: ""; position: absolute; top: 40px; left: 0; width: 60px; height: 3px; background: var(--color-1) } .kpl_s_title_3 h2 { font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif; font-size: 26px; color: #333 } .kpl_s_title_3 h3 { font-family: 'Libre Franklin', Helvetica, Arial, Lucida, sans-serif; font-weight: 300; font-size: 42px; line-height: 1.4em; color: #333!important; padding-top: 10px } .kpl_s_title_3 .icon-container { opacity: 1; transform: translateY(4em) translatex(-14em) rotateZ(-15deg); transition: transform 4s .25s cubic-bezier(0, 1, .3, 1), opacity 1.3s .25s ease-out; will-change: transform, opacity } .kpl_s_title_3 .icon-container.is-visible { opacity: 1; transform: translatex(-4em) translatey(-2em) rotateZ(-14deg) } svg.kpl-title-icon g path { fill: var(--color-1) } /* BUTTONS & BUTTON VARIANT SWITCHETER */ .kpl-color-scheme button.et_pb_button.et_pb_contact_submit, .kpl-color-scheme .et_pb_button.et_pb_more_button{ font-size: var(--kpl-global-primary--FontSize)!important; background-color: var(--color-1); -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 6px; color: #000000!important; border-color: #000000; border-width: 2px; letter-spacing: 0; text-transform: none!important; padding: 8px 30px; font-family: var(--kpl-global-primary--FontFamily)!important; font-weight: var(--kpl-global-primary--FontWeight)!important; } .kpl-color-scheme button.et_pb_button.et_pb_contact_submit:hover, .kpl-color-scheme .et_pb_button.et_pb_more_button:hover{ letter-spacing: 3px; } .kpl-color-scheme button.et_pb_button.et_pb_contact_submit:hover::after, .kpl-color-scheme .et_pb_button.et_pb_more_button:hover::after{ margin-left: .3em!important; left: auto; opacity: 1; } .kpl-color-scheme button.et_pb_button.et_pb_contact_submit::after, .kpl-color-scheme .et_pb_button.et_pb_more_button::after{ content: "\3d"!important; font-size: inherit!important; line-height: inherit!important; } @media only screen and (max-width: 479px){ .kpl-color-scheme button.et_pb_button.et_pb_contact_submit, .kpl-color-scheme .et_pb_button.et_pb_more_button{ padding: 5px 25px!important; } .kpl-color-scheme button.et_pb_button.et_pb_contact_submit::after{ font-size: var(--kpl-scale03)!important; } } /* BUTTONS & BUTTON VARIANT SWITCHETER ------------ - END */ /* KPL BUTTON **************************** .kpl-button{ transition: all .4s ease-in-out; padding: .8em 2em; font-family: 'Bebas Neue',display; background: var(--color-1); border-color: var(--color-1); font-size: 16px; padding: 10px 30px!important; border-radius: 5px!important; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: normal!important; box-shadow: 0 20px 30px 0 rgb(0 0 0 / 20%); } .kpl-button:hover{ color: #fff!important; border-color: #fff!important; border-radius: 50!important; letter-spacing: 2px!important; background-image: initial; background-color: rgba(0,0,0,0); } */ /**************** * LOGO TEXT SVG * ********************* * */ #kpl-logo-svg-txt{ stroke-width:5px; font : bold 65px Century Gothic, Arial; width : 100%; height : 60px; text-transform: uppercase; } #kpl-logo-svg-txt text{ fill: transparent; stroke: rgb(255,255,255); stroke-width : 1px; stroke-linejoin : round; } /**************** * SVG & SHAPES * ********************* * */ /* Svg Code Rectangles */ .kpl-shape-svg-code-rectangles { position:absolute!important; left:0; top:0; } /* Gear Steps Left Top */ .kpl-shape-bg-gear:before { background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/transportation-servicaes-13.png); z-index: 0; content: ""; height: 100%; top: 0; left:0; width: 100%; background-repeat: no-repeat; position: absolute; filter: opacity(.5); background-size: 495px; background-position: top left; transform: translatey(50px); } /**************** * SVG MASK * ********************* * */ .kpl-shape-triangle-right .et_pb_image_wrap{ display: flex; justify-content: flex-end; } .kpl-shape-triangle-right img{ opacity: .3; background: var(--color-1); content: url("https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/MASK-Rd2.webp"); } @media only screen and (min-width: 981px){ .kpl-shape-triangle-right{ width: 45vw; z-index: 1; } } /**************** * SVG MASK * ********************* * */ .kpl-shape-triangle-right .et_pb_module{ display: flex; justify-content: flex-end; } .kpl-shape-triangle-right .et_pb_module{ opacity: .3; background: var(--color-1); content: url("https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/MASK-Rd2.webp"); } @media only screen and (min-width: 981px){ .kpl-shape-triangle-right{ width: 45vw; z-index: 1; } } @media only screen and (min-width: 1px) and (max-width: 480px) { .kpl-shape-triangle-right{ width: 100vw; z-index: 1; background-size: cover; transform: translate(50px,300px); } } @media only screen and (min-width: 481px) and (max-width: 980px) { .kpl-shape-triangle-right { width: 70vw; z-index: 1; padding: -22px; background-size: cover; transform: translate(50px,70px); } } .kpl-services-section .et_pb_blurb_description{ text-align: justify; text-justify: inter-word; text-indent: 5em; padding-top: 10px; } .kpl-animation-transform-y-up{ border-top:1px solid var(--color-1); background-color:transparent; transform: translatey(-3deg)!important; } /**************** * KPL -> PRICING TBLE * ********************* * .kpl_pricing ul li i { -webkit-transition: padding .2s ease-in-out!important; transition: padding .4s cubic-bezier(.58,-0.99,.68,1.31)!important; } .kpl_pricing ul li:hover i { -webkit-transition: padding .2s ease-in-out!important; transition: padding .2s cubic-bezier(.99,-.01,.44,.99)!important; } .kpl_pricing ul li:hover i{ padding-right: 17px!important; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table { padding: 0; border-radius: 5px; border-top-left-radius: 25px; border-top-right-radius: 25px; border:none; background:transparent; } .kpl_pricing .et_pb_pricing_heading{ border:1px solid var(--color-1); border-bottom: none; min-height: 150px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom: 25px solid var(--color-2); background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/02/xdivi-gear-9.jpg.pagespeed.ic.-3KI2wF1AN.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom center; background-color: var(--color-light)!important; margin-bottom: 15px; } .kpl_pricing .et_pb_pricing_heading:before{ position: absolute; content: ""; width: 100%; max-height: 25px!important; bottom: 0; left: 0; background-color: var(--color-1)!important; opacity: .3; z-index: 1!important; } .kpl_pricing .et_pb_pricing_heading:after{ content: "Speacial"; text-align: center; font-size: 16px; color: #fffefe; position: absolute; width: 100%; bottom: -25px; left: 0; z-index: 2!important; } .kpl_pricing:before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; left: 0; background: var(--color-1); border-top-left-radius: 25px; border-top-right-radius: 25px; opacity: .3; } .kpl_pricing .et_pb_pricing_content *{ font-size: 16px; color: #000; } .kpl_pricing .et_pb_pricing_content ul li{ line-height:12px!important; }*//* .kpl_pricing .et_pb_pricing_content ul li:before{ font-family: "Font Awesome 5 Duotone"; font-size: 14px; padding-right: 3px; content: "\f324 \10f35a "; color: var(--color-dark)!important; } .kpl_pricing .et_pb_pricing_content ul li:before{ } .kpl_pricing i.fad:after { color: var(--color-1)!important; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading { background-color: transparent; padding: 0; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title { font-weight: 600; padding-bottom: 0; font-size: 20px; color: #101010; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top { padding-bottom:0px; border-bottom:none; padding-top: 0; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content { padding:0px; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign { font-size: 20px; margin-left: -13px !important; top: 0; color: #101010; font-weight: 600; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum { font-size: 45px; font-weight: 600; color: #101010; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content ul.et_pb_pricing { margin-top: 25px; } .kpl_pricing .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content ul.et_pb_pricing li { padding: 10px; font-size: 17px; line-height: 27px; text-transform: capitalize; } .kpl_pricing .et_pb_button_wrapper { margin-top: 25px; margin-bottom:20px; } .kpl_pricing .et_pb_button_wrapper .et_pb_button { background-color: var(--color-1); color: #fff; border-color: var(--color-1); text-transform: uppercase; font-weight: 700; font-size: 16px; border-radius: 0; letter-spacing: 1px; padding: .3em 1em !important; }*/ .dct_p_hed_title { margin-bottom: 0!important; } body.kpl-color-scheme #dct_intro .et_pb_toggle .et_pb_toggle_content, body.kpl-color-scheme #dct_intro .et_pb_contact_form * { font-family: var(--kpl-global-primary--FontFamily); font-size:var(--kpl-global-primary--FontSize); color: var(--kpl-global-primary--Color); font-weight:var(--kpl-global-primary--FontWeight); } #dct_intro .et_pb_toggle_content p{ padding-left: calc(3rem + 1px); padding-right: calc(1.5rem + 1px); text-align: justify; } @media all and (min-width: 1px) and (max-width: 768px) { #dct_intro .et_pb_toggle_content p { padding-left: calc(0.5rem + 1px); padding-right: calc(0.5rem + 1px); } } #dct_intro .et_pb_toggle_content p span { padding-left: 50px; } @media (max-width: 980px){ #dct_intro .et_pb_contact_form_container{ display: block; } } @media (min-width: 981px){ #dct_intro .et_pb_contact_form_container{ display: grid; } } body.kpl-color-scheme #et_pb_contact_form_0 .et-pb-contact-message { font-family: var(--kpl-global-primary--FontFamily)!important; padding-top: 20px!important; margin-bottom: 0!important; font-size: var(--kpl-global--FontSize--md)!important; } body.kpl-color-scheme #et_pb_contact_form_0 .et-pb-contact-message ul:last-child { color: red!important; padding-bottom: 0!important; } body.kpl-color-scheme #et_pb_contact_form_0 textarea,body.kpl-color-scheme #et_pb_contact_form_0 input { font-family: var(--kpl-global-primary--FontFamily)!important; padding-left:6px!important; } body.kpl-color-scheme #et_pb_contact_form_0 input.et_contact_error { padding:6px 6px 6px 6px !important; font-size: var(--kpl-global--FontSize--md)!important; border-radius:4px; } body.kpl-color-scheme #et_pb_contact_form_0 textarea[data-original_id="message"]{ padding-top:6px !important; font-size: var(--kpl-global--FontSize--md)!important; border-radius:4px; } /* * *********************** * KPL -> SERVICE SECTION ANIMATION * *********************** */ .kpl-title-section .second-title-2{ word-wrap: break-word!important; font-weight:var(--font-2-title-weight)!important; text-transform: none!important; font-family: var(--font-2-family),Helvetica,Arial,Lucida,sans-serif!important; } .kpl-title.is-visible .et_pb_cta_0 { opacity: 0; transform: scale(0.7); animation: kpl-blur-zoomin 2s ease 0s forwards, transform 4s .25s cubic-bezier(0,1,.3,1); will-change: transform, opacity; } @-webkit-keyframes kpl-blur-zoomin { 0%{ opacity: 0; transform: scale(0.7); } 20%{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); transform: scale(0.5) rotateZ(-5deg); } 100% { opacity: 1; transform: scale(1.0); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); } } /* .kpl-title.is-visible{ opacity:1; -webkit-animation:bounceTop 1.5s cubic-bezier(.77,0,.175,1) !important; animation:bounceTop 1.2s cubic-bezier(.77,0,.175,1) !important; } @keyframes bounceTop { 0% { opacity: 0; transform: translateY(200px) scale(4.4); } 70% { transform: translateY(150px) scale(2.4); opacity: 0.8; } 100% { transform: translateY(0); opacity: 1; } }*/ .kpl-breadcrumb-section{ overflow:hidden!important; } /* * *********************** * CJ -> MENU * *********************** */ #top-menu li a, #main-header.et-fixed-header a{ color: rgb(255,255,255); } #top-menu li.current_page_item > a , .et-fixed-header #top-menu li.current-menu-item > a, .et_mobile_menu .current-menu-item a,.et_mobile_menu .current-menu-ancestor > a, .et_mobile_menu .current-menu-item a,.et_mobile_menu .current-menu-ancestor > a { color: rgb(255,255,255)!important; } #main-header.et-fixed-header .current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item>a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a { color: var(--color-1)!important } .et-fixed-header #top-menu li.current-menu-ancestor>a { color: var(--color-1)!important } @media (max-width:980px) { #main-header.et-fixed-header li.current-menu-item>a { color: var(--color-1)!important } #main-header.et-fixed-header .current-menu-item>a { color: var(--color-1)!important } #main-header.et-fixed-header .et_mobile_menu .current-menu-item>a, .et_mobile_menu .current-menu-item>a { color: var(--color-1)!important } } @media only screen and ( max-width: 980px ) { .et_mobile_menu .current-menu-item > a, .et_mobile_menu .current-menu-item > a, .et_mobile_menu .current-menu-parent > a { color: var(--color-1)!important } } .et_mobile_menu { padding: 3%; } /* * *********************** * CJ -> ICON MENU BEFORE * *********************** */ /* Menu Icons */ #top-menu i.fad:after, #top-menu i.fad:after, #top-menu i:not(.fad) { transition: color 1s ease-in-out!important; } body.kpl-color-scheme #main-header i:not(.fad) { color:var(--color-light)!important; } body.kpl-color-scheme #main-header li.current-menu-item > a > i:not(.fad){ color: var(--color-1)!important; } #main-header i.fad:after, #main-header i.fad:before, #main-header.et-fixed-header i.fad:after, #main-header.et-fixed-header i.fad:before{ color: var(--color-light)!important; } #top-menu i.fad:after,#top-menu i.fad:after,#top-menu i:not(.fad){ transition: color 1s ease-in-out !important; } #top-menu i { font-size: 19px!important; vertical-align: middle; padding-right:2px; } #mobile_menu i.fad:after,#mobile_menu i.fad:before, #mobile_menu i:not(.fad), #main-header.et-fixed-header i{ color: var(--color-light)!important; font-size: 19px!important; vertical-align: middle; padding-right:2px; } #mobile_menu ul li a > i, #mobile_menu ul li a > i.fad:after,#mobile_menu ul li a > i:not(.fad){ font-size: 17px!important; } #mobile_menu ul li a:before, #mobile_menu li a:hover:before{ -webkit-transition:all .3s cubic-bezier(.77,-.01,.44,.99)!important; -moz-transition:all .3s cubic-bezier(.77,-.01,.44,.99)!important; transition:all .3s cubic-bezier(.77,-.01,.44,.99)!important; } #mobile_menu ul.sub-menu > li a:before{ content: "\f178"; color: transparent; padding-right: 4px; vertical-align: middle!important; font-family: "Font Awesome 5 Pro"; visibility: visible; } #mobile_menu:not(.sub-menu) li a:before{ content: "\f178"; vertical-align: middle!important; font-family: "Font Awesome 5 Pro"; visibility: hidden; padding-right: 0px; } #mobile_menu:not(.sub-menu) li a:hover:before{ padding-right: 10px; color: var(--color-1)!important; visibility: visible; } .et_mobile_nav_menu ul.sub-menu > li a:hover:before{ padding-right: 10px; color: var(--color-1); } /* * Main Header- Dropdown Menu Top Border Style */ #top-menu li ul { border-radius: 0 0 10px 10px!important; border-top: 1px solid var(--color-1)!important; } #kpl-top-info-section .et_pb_column.et_pb_column_0:after{ border-color: var(--color-1)!important; } /* * *********************** * CJ -> TOP HEADER Bottom Border * *********************** */ #kpl-top-info-section{ border-bottom: 1px dashed var(--color-1)!important; } /* * *********************** * CJ -> MOBILE MENU Colapse After Marker Color & Rotate on Click * *********************** */ .openeds::after{ -moz-transition: all .4s ease-in-out !important; -webkit-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important; } .et_mobile_menu .menu-item-has-children > a:hover:after,.et_mobile_menu .menu-item-has-children > a.openeds:after{ background-color: var(--color-1)!important; } .openeds:after{ transform: rotate(-90deg); } /* * *********************** * CJ -> MOBILE MENU Colapse After Marker Color & Rotate on Click * *********************** */ .et_mobile_menu .menu-item-has-children > a { background-color: transparent; } #main-header .et_mobile_menu li ul.sub-menu.hide { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out; } #main-header .et_mobile_menu li ul.sub-menu.visible { display: block !important; visibility: visible !important; } .et_mobile_menu .menu-item-has-children > a:after { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ffffff; position: absolute; right: 25px; } .et_mobile_menu .menu-item-has-children > a:after{ transition: transform .4s ease-in-out !important; } .et_mobile_menu .menu-item-has-children > a:after, .et_mobile_menu .menu-item-has-children > a:not(.openeds):after{ content: ""; position: absolute; display: block; width: 22px; margin-right: 1px; height: 22px; right: .5625em; top: 50%; margin-top: -11px; background-color: #666; background-color: rgba(0,0,0,.3); background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E)!important; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 1em; border-radius: 1em; border:none!important; border-top: 0px solid var(--color-light)!important; } #top-menu li ul { border-radius: 0 0 10px 10px!important; border-top: 1px dotted var(--color-1)!important; } nav>ul>li>ul::after { position: absolute; left: 20%; margin-left: -40px; top: -15px; width: 0; height: 0; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } /* * *********************** * CJ -> MAIN MENU Item Hover * *********************** */ #top-menu li li a:hover { background: rgba(0,0,0,0.6)!important; } /* * *********************** * CJ -> MOBILE MENU PENED TOP LINE * *********************** */ .et_mobile_menu { padding-bottom: 2%; border-top: 1px solid var(--color-1); } /*********************************** LAST UPDATE END ***********************************************/ /* .et_pb_section_6:before { top: -2px; position: absolute; content: ''; width: 160px; left: 50%; height: 100px; margin-left: -80px; background: url(http://janek82.linuxpl.info/kreatorjan/wp-content/uploads/2021/02/shape_top.png) no-repeat; background-size: contain; background-position: top center; z-index: 3;} */ /* === Jackson Master CSS Changer File === */ /* =============== About Page =============== */ /* === About Team Results === */ /* = Change hover icon = */ body .seo_about_team_result .et_pb_blurb .et_pb_blurb_container h4:after { content: "$" !important; line-height: 130% !important; font-size: 24px !important; } /* === About Page Team === */ body .seo_team .et_pb_promo_description p a:after, body .seo_team .et_pb_promo_description p a:before { content: "$" !important; } body .seo_team .et_pb_promo_description p a { color: #a7a7a7 !important; } body .et_pb_blurb_container h4:after { background-color: #00d664 !important; } /* =============== Blog Page =============== */ /* = Change day settings = */ body .seo_blog .et_pb_posts .published .day { color: #00d664 !important; font-size: 80px !important; text-align: center !important; font-family: Roboto, Helvetica, Arial, Lucida, sans-serif !important; } /* = Change month settings = */ body .seo_blog .et_pb_posts .published .month { font-size: 18px !important; text-align: center !important; color: #000 !important; text-transform: uppercase !important; font-family: Raleway, Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; } /* = Change post content settings = */ body.seo_blog .et_pb_posts .post-content { line-height: 160% !important; font-weight: 400 !important; } /* = Change Read More settings = */ body #page-container .seo_blog .more-link { color: #fff !important; text-transform: uppercase !important; opacity: 0 !important; font-size: 24px !important; } /* = Change Blog Image Overlay settings = */ body .seo_blog .entry-featured-image-url::before { background: #000 !important; } /* = Change Blog Hover Line Color settings = */ body .seo_blog .entry-featured-image-url::after { background: #fff !important; } /* === Newsletter === */ body .blog_page_newsletter .et_pb_newsletter p label { text-align: left !important; color: #fff !important; font-size: 16px !important; font-weight: 400 !important; } /* === Newsletter Hover Effects Settings === */ body .blog_page_newsletter .et_pb_newsletter .filled input, body .blog_page_newsletter .et_pb_newsletter input:focus { color: #fff !important; font-size: 16px !important; font-weight: 400 !important; } /* === Aweber Form === */ /* === Result Settings === */ body .blog_page_newsletter .et_pb_newsletter_result h2 { color: #14bf0a !important; } body .blog_page_newsletter .et_pb_newsletter_result { text-align: right !important; color: #14bf0a !important; } body .blog_page_newsletter .et_pb_newsletter_form[data-service="aweber"] .et_pb_newsletter_result { font-size: 16px !important; } /* =============== Case Study Page =============== */ /* = Change Hover Line Color settings = */ body .seo_case_study_top_section .et_pb_blurb_container h4:before { background-color: #00d664 !important; } /* =============== Contact Page =============== */ body .seo-contact-top-section .et_pb_blurb:hover .et_pb_blurb_container h4{ border-color: #00d664 !important; } /* === Contact Form Settings === */ body .seo_contact_form p[data-type="checkbox"] label { font-size: 16px !important; } body .seo_contact_form p:not([data-type="checkbox"]) .et_pb_contact_form_label { font-size: 0 !important; color: #a7a7a7 !important; } body .seo_contact_form p:not([data-type="checkbox"]) .et_pb_contact_form_label:after { background-color: #a7a7a7 !important; } body .seo_contact_form .et_pb_contact_form_label:before { font-size: 16px !important; } body .seo_contact_form .et_pb_contact_form_label[for^="et_pb_contact_name"]:before { content: 'First and last name' !important; } body .seo_contact_form .et_pb_contact_form_label[for^="et_pb_contact_email"]:before { content: 'Email Address here' !important; } body .seo_contact_form .et_pb_contact_form_label[for^="et_pb_contact_phone number"]:before { content: 'Your phone number here' !important; } body .seo_contact_form .et_pb_contact_form_label[for^="et_pb_contact_company"]:before { content: 'Your company here' !important; } body .seo_contact_form .et_pb_contact_form_label[for^="et_pb_contact_message"]:before { content: 'Tell us your idea' !important; } body .seo_contact_form .et_pb_contact_form textarea::-webkit-input-placeholder, body.seo_contact_form .et_pb_contact_form input::-webkit-input-placeholder { font-size: 30px !important; font-weight: 700 !important; } body .seo_contact_form .et_pb_contact_form textarea::-moz-placeholder, body .seo_contact_form .et_pb_contact_form input::-moz-placeholder { font-size: 30px !important; font-weight: 700 !important; } body .seo_contact_form .et_pb_contact_form textarea:-ms-input-placeholder, body .seo_contact_form .et_pb_contact_form input:-ms-input-placeholder { font-size: 30px !important; font-weight: 700 !important; } body .seo_contact_form .et_pb_contact_form textarea:-moz-placeholder, body .seo_contact_form .et_pb_contact_form input:-moz-placeholder { font-size: 30px !important; font-weight: 700 !important; } /* === Responsive === */ @media only screen and (max-width: 980px) { body .seo_contact_form .et_pb_contact_form textarea::-webkit-input-placeholder, body .seo_contact_form .et_pb_contact_form input::-webkit-input-placeholder { font-size: 26px !important; } body .seo_contact_form .et_pb_contact_form textarea::-moz-placeholder, body .seo_contact_form .et_pb_contact_form input::-moz-placeholder { font-size: 26px !important; } body .seo_contact_form .et_pb_contact_form textarea:-ms-input-placeholder, body .seo_contact_form .et_pb_contact_form input:-ms-input-placeholder { font-size: 26px !important; } body .seo_contact_form .et_pb_contact_form textarea:-moz-placeholder, body .seo_contact_form .et_pb_contact_form input:-moz-placeholder { font-size: 26px !important; } } @media only screen and (max-width: 767px) { body .seo_contact_form .et_pb_contact_form textarea::-webkit-input-placeholder, body .seo_contact_form .et_pb_contact_form input::-webkit-input-placeholder { font-size: 22px !important; } body .seo_contact_form .et_pb_contact_form textarea::-moz-placeholder, body .seo_contact_form .et_pb_contact_form input::-moz-placeholder { font-size: 22px !important; } body .seo_contact_form .et_pb_contact_form textarea:-ms-input-placeholder, body .seo_contact_form .et_pb_contact_form input:-ms-input-placeholder { font-size: 22px !important; } body .seo_contact_form .et_pb_contact_form textarea:-moz-placeholder, body .seo_contact_form .et_pb_contact_form input:-moz-placeholder { font-size: 22px !important; } } /* =============== Content Page =============== */ /* === Headings H1, H2, H3 Settings === */ body .seo_content_page .et_pb_column_2_3 h1 { font-size: 28px !important; } body .seo_content_page .et_pb_column_2_3 h2 { font-size: 20px !important; } body .seo_content_page .et_pb_column_2_3 h3 { font-size: 18px !important; } body .seo_content_page .et_pb_column_2_3 h1, body .seo_content_page .et_pb_column_2_3 h2, body .seo_content_page .et_pb_column_2_3 h3 { font-weight: 700 !important; line-height: 120% !important; } /* === Change List Icon === */ body .seo-sidebar-list li::after, .seo-sidebar-list li::before { content: "5" !important; } /* === Responsive === */ @media only screen and (max-width: 980px) { body .seo_content_page .et_pb_column_2_3 h1 { font-size: 26px !important; } } @media only screen and (max-width: 767px) { body .seo_content_page .et_pb_column_2_3 h1 { font-size: 24px !important; } } /* =============== Homepage =============== */ /* === Change Blurb Title Hover Icon === */ body .seo_home_marketing_section .et_pb_blurb .et_pb_blurb_container h4:after { content: "$" !important; background: transparent !important; } /* === Home Services Section === */ body .seo_home_services .et_pb_blurb:hover .et_pb_blurb_content { background-color: rgba(235, 235, 235, .7) !important; } /* === Home Testimonials === */ body .home_testimonials .et-pb-controllers a:hover, body .home_testimonials .et-pb-controllers a.et-pb-active-control { background-color: #c9c9c9 !important; } body .home_testimonials .et-pb-controllers a { background-color: transparent !important; border: 2px solid #c9c9c9 !important; } body .home_testimonials .et_pb_slide_content h4 { font-weight: 700 !important; color: #000 !important; } /* === Responsive === */ @media only screen and (max-width: 1390px) and (min-width: 981px) { body .home_testimonials .et_pb_number_counter .percent p { font-size: 52px !important; } body .seo_home_logos .et_pb_column_1_3 .et_pb_text:first-child p{ font-size: 40px !important; line-height: 100% !important; } } @media only screen and (max-width: 980px) and (min-width: 768px) { body .seo_home_services .et_pb_blurb .et_pb_blurb_container ul li { font-size: 14px !important; } } /* =============== How We Work Page =============== */ body .seo_how_we_work_result .et_pb_row:first-child .et_pb_column .et_pb_promo_description p { font-weight: 300 !important; } /* === Change Blurb Hover Plus Icon === */ body .seo_how_we_work_result .et_pb_row:last-child .et_pb_column .et_pb_promo_description:after { content: '+' !important; font-family: sans-serif !important; font-weight: 900 !important; font-size: 90px !important; color: #00d664 !important; background-color: rgba(245,245,245,0) !important; } /* === Video Section === */ body .seo_we_work_video .et_pb_newsletter p label { text-align: left !important; color: rgba(167, 167, 167, 0.5) !important; font-size: 16px !important; font-weight: 400 !important; } /* === Responsive === */ @media only screen and (max-width: 980px) { body .seo_how_we_work_result .et_pb_row:first-child .et_pb_column .et_pb_promo_description p { font-size: 30px !important; } body .seo_how_we_work_result .et_pb_row:last-child .et_pb_column:before { background: #ddd !important; } } @media only screen and (max-width: 767px) { body .seo_how_we_work_result .et_pb_row:first-child .et_pb_column .et_pb_promo_description p { font-size: 20px !important; } } /* =============== Services =============== */ /* === Change Blurb Hover Icon === */ body .seo_services_blurbs .et_pb_column .et_pb_blurb h4:before { content: "$" !important; color: #fff !important; font-size: 30px !important; font-weight: 300 !important; } body .seo_services_blurbs .et_pb_row:last-child .et_pb_column_1_3:hover { background-color: #363636 !important; } body .seo_services_blurbs .et_pb_row:last-child .et_pb_column_1_3:hover .et_pb_blurb * { color: #fff !important; } /* === Pricing Tables === */ /* === Change Dollar Sign Hover Color === */ body .seo_pricing_tables .et_pb_pricing_table.et_pb_featured_table .et_pb_dollar_sign { color: #fff !important; } /* === CSS Animation === */ body .seo_services_result .et_pb_blurb .et_pb_main_blurb_image:after { content: '4' !important; background-color: inherit !important; font-size: 40px !important; } /* === Responsive === */ @media only screen and (max-width: 980px) { body .seo_services_blurbs .et_pb_row .et_pb_column .et_pb_blurb .et_pb_blurb_content { text-align: center !important; } } /* =============== Team Pages =============== */ /* === Change Blurb Hover Line Color === */ body .seo_team_details_top .et_pb_blurb_container h4:before { background-color: #00d664 !important; } /* === Error Message === */ body .seo_team_page_form .et_pb_contact_form p textarea.et_contact_error, body .seo_team_page_form .et_pb_contact_form p input.et_contact_error { border: 1px solid #f00 !important; } /* === Animation === */ body .seo_team_page_form .et_pb_contact_form p:not([data-type="checkbox"]) label { font-size: 16px !important; font-weight: 400 !important; color: #a7a7a7 !important; } body .seo_team_page_form .et_pb_contact_form p.filled label, body .seo_team_page_form .et_pb_contact_form p.focus label { font-size: 14px !important; } /* === Responsive === */ @media only screen and (max-width: 980px) { body #page-container .seo_team_details_top .et_pb_button_wrapper, body #page-container .seo_team_details_top .et_pb_promo_description { text-align: center !important; } } /* * *********************** * CJ -> FULLWIDTH SLIDER * *********************** */ /* * *********************** * CJ -> FULL WIDTH SLIDER * *********************** */ /* .kpl-slider-section .et_pb_slider:hover .et-pb-arrow-next, .kpl-slider-section .et_mobile_device .et-pb-arrow-next { right: 22px; opacity: .6; background-color: rgba(255,255,255,.15); color: #fff; border:1px solid transparent; transform: scale(1); transition: all 0.6s ease-in-out; } .kpl-slider-section .et_pb_slider:hover .et-pb-arrow-prev, .kpl-slider-section .et_mobile_device .et-pb-arrow-prev { left: 22px; opacity: .6; background-color: rgba(255,255,255,.15); color: #fff; border:solid 1px transparent; transform: scale(1); transition: all 0.6s ease-in-out; } .kpl-slider-section .et-pb-arrow-prev:hover, .kpl-slider-section .et-pb-arrow-next:hover { text-decoration: none; border: solid 1px var(--color-1)!important; background-color: rgba(255,255,255,0) ; transition: all 0.6s ease-in-out; } .kpl-slider-section .et-pb-arrow-prev { left: -100px; border: solid 1px transparent; transform: scale(0.6); transition: all 0.6s ease-in-out; border-radius:10px!important; } .kpl-slider-section .et-pb-arrow-next { right: -100px; border: solid 1px transparent; border-radius:10px!important; transform: scale(0.6); transition: all 0.6s ease-in-out; } .kpl-slider-section .et-pb-active-slide .et_pb_slide_description {animation-name: gridFadeIn;} .kpl-slider-section .slider-img {display: block;margin-top: 30px;} .kpl-slider-section .et-pb-controllers a { display: inline-block; width: 70px; height: 3px; margin-right: 10px; padding: 0; background-color: rgba(255, 255, 255, 0.5); text-indent: -9999px; } */ /* * *********************** * CJ -> SLIDER FONT * *********************** .kpl-slider-home .et_pb_slide_content h1{ font-family: 'Bebas Neue',display; border-bottom:1px dotted var(--color-1)!important; } .kpl-slider-home .et_pb_slide_content h3{ padding:2vw 0 1vw 0; } .kpl-slider-home .et_pb_slide_content h1 span{ color: var(--color-1)!important; }*/ /* * *********************** * CJ -> FULLWIDTH SLIDER * *********************** */ /* .et_pb_slide_overlay_container { background-size: 130vw,cover; background-repeat: no-repeat; background-position: 30% 0%; background: linear-gradient( 360deg ,#000000 0%,#006799 100%)!important; } .et_pb_slide_overlay_container:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/02/home_basic_bg_01-3.png),linear-gradient( 360deg ,#000000 0%,#00679900 100%); }*/ /* .et_pb_slide_overlay_container:before{ background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/03/home_basic_bg_01-3_double.webp),linear-gradient( 156deg ,#000000 0%,#00679900 50%); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: top right; -webkit-animation: scale-up-down 2s forwards cubic-bezier(0.7, 0, 0.3, 1); animation: scale-up-down 2s forwards cubic-bezier(0.7, 0, 0.3, 1); }*/ /* Animations */ /*@-webkit-keyframes scale-up { from { -webkit-transform: scale(1.0); } to { -webkit-transform: scale(1.4); } } @keyframes scale-up { from { transform: scale(1.0); } to { transform: scale(1.4); } } @-webkit-keyframes scale-up-down { from { -webkit-transform: scale(1.2); } to { -webkit-transform: scale(1.0); } } @keyframes scale-up-down { from { transform: scale(1.2); } to { transform: scale(1.0); } } }*/ /* .et_pb_slide_overlay_container:after{ background-image: url(https://kreatywni.info/kreatywni/wp-content/uploads/2021/03/graph-backgroundWWW.svg),linear-gradient( 156deg ,#000000 0%,#00679900 50%); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; } */ /*************** KPL ANIMATIONS ***************/ @-webkit-keyframes zoom-in { from { -webkit-transform: scale(1.0); } to { -webkit-transform: scale(1.4); } } @keyframes zoom-in { from { transform: scale(1.0); } to { transform: scale(1.4); } } @-webkit-keyframes zoom-out-in { 0% { opacity: 0; -webkit-transform: scale(1.6); } 50% { opacity: .7; -webkit-transform: scale(0.7); } 100% { opacity: 1; -webkit-transform: scale(1.0); } } @keyframes zoom-out-in { 0% { opacity: 0; transform: scale(1.6); } 50% { opacity: .7; transform: scale(0.7); } 100% { opacity: 1; transform: scale(1.0); } } /* Animations */ @keyframes pop-in { 0% { opacity: 0; transform: translateY(-4rem) scale(.8); } 100% { opacity: 1; transform: none; } } @keyframes fade-slide-down { 0% { opacity: 0; transform: translateY(-4rem); } 100% { opacity: 1; transform: none; } } @keyframes rotate-up { 100% { transform: rotateZ(-4deg); } } @keyframes show-slow { 0% { opacity: 0; transform: scale(1.0); } 100% { opacity: 0.3; transform: scale(1.5); } } @-webkit-keyframes kpl-fadeFromBottom { 0% { opacity: 0; -webkit-transform: translateY(5em) rotateZ(-5deg); } 20%{ opacity: 1; } 100% { opacity: 1; -webkit-transform: translateY(0) rotateZ(0); } } @-moz-keyframes kpl-fadeFromBottom { 0% { opacity: 0; -moz-transform: translateY(5em) rotateZ(-5deg); } 20%{ opacity: 1; } 100% { opacity: 1; -moz-transform: translateY(0) rotateZ(0); } } @-o-keyframes kpl-fadeFromBottom { 0% { opacity: 0; -o-transform: translateY(5em) rotateZ(-5deg); } 20%{ opacity: 1; } 100% { opacity: 1; -o-transform: translateY(0) rotateZ(0); } } @keyframes kpl-fadeFromBottom { 0% { opacity: 0; transform: translateY(5em) rotateZ(-5deg); } 20%{ opacity: 1; } 100% { opacity: 1; transform: translateY(0) rotateZ(0); } } .reset-padding-top { padding-top: 0 !important; } #main-header.et-fixed-header{ box-shadow: 0 15px 30px 20px rgba(0,0,0,.84)!important; transition: box-shadow .5s ease 1s,padding-top .7s ease-in-out 1s!important; } #main-header.slide-down{ box-shadow: 0 15px 30px 20px rgba(0,0,0,0)!important; transition: padding-top 700ms ease 928.039ms,box-shadow 700ms ease 928.039ms !important; } body.kpl-color-scheme i.fad:after, body.kpl-color-scheme i:not(.fad){ color: var(--color-1)!important; } #main-header .nav li ul { background: linear-gradient(354deg ,rgba(0,0,0,0.5) 44%,rgba(0,0,0,0.5)97%)!important; } /* * *********************** * CJ -> MAIN-MENU LINE COLOR & BACKGROUND * *********************** */ #main-header{ background: linear-gradient(347deg,rgba(0,0,0,1) 0%,rgba(0,103,153,0.1) 90%); border-bottom: 1px solid var(--color-1); } body.kpl-main-header-fill-color #main-header:before{ position: absolute; width: 100%; height: 100%; left:0; top:0; content: ""; animation-name: kpl-header-colored!important; animation-duration: 2s; animation-delay: 2s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); box-shadow: 0px 0px 10px #e2e2e2; } @keyframes kpl-header-colored{ 100%{ background: linear-gradient(347deg, var(--color-1) 0%, rgba(0, 103, 153, 0.1) 90%); opacity: 1; } } #main-header.slide-padding-top{ transition: padding-top 1s cubic-bezier(.77,0,.175,1) 300ms !important; } /* .kpl-color-scheme.kpl-scheme-variant-0 p{ font-family: 'Barlow',sans-serif!important; font-weight:400!important; } .kpl-color-scheme.kpl-scheme-variant-1 p{ font-family: 'Gilroy',sans-serif!important; } .kpl-color-scheme.kpl-scheme-variant-2 p{ font-family:'Comfortaa',sans-serif!important; font-weight:300!important; letter-spacing: -.5px; } .kpl-color-scheme.kpl-scheme-variant-3 p{ font-family: 'Trueno',sans-serif!important; font-weight:300!important; } .kpl-color-scheme.kpl-scheme-variant-4 p{ font-family: 'Gilroy'!important; font-weight:500!important; } .kpl-color-scheme.kpl-scheme-variant-5 p{ font-family: 'Jura'!important; font-weight:600!important; } */ /* .kpl-color-scheme.kpl-scheme-variant-3 h1, .kpl-color-scheme.kpl-scheme-variant-3 h2{ font-weight:800; } .kpl-color-scheme.kpl-scheme-variant-3{ font-size: clamp(100%,1rem + 9vw, 30px); } .kpl-color-scheme.kpl-scheme-variant-3 h2{ font-size: 20px; } @media (min-width:1px) and (max-width:479px){ .kpl-color-scheme.kpl-scheme-variant-3 h1{ font-size:.8em; } .kpl-color-scheme.kpl-scheme-variant-3 h2{ font-size:.7em; } } @media (min-width:480px) and (max-width:980px){ .kpl-color-scheme.kpl-scheme-variant-3 h1{ font-size:1.3em; } .kpl-color-scheme.kpl-scheme-variant-3 h2{ font-size:.7em; } } @media (min-width:981px){ .kpl-color-scheme.kpl-scheme-variant-3 h1{ font-size:1.3em; } .kpl-color-scheme.kpl-scheme-variant-3 h2{ font-size:.8em; } } .kpl-color-scheme.kpl-scheme-variant-1 .kpl-title-hero p{ font-family: var(--kpl-global--FontFamily3); } .kpl-color-scheme.kpl-scheme-variant-1 .kpl-title-hero h2{ font-family: var(--kpl-global--FontFamily2); } .kpl-color-scheme.scheme-variant-1 .kpl-title-hero h1{ font-family: var(--kpl-global--FontFamily2); } .kpl-color-scheme.kpl-scheme-variant-1 .kpl-title-hero h2{ font-weight: 300; font-size: 2.5rem; letter-spacing: 2px; } @media (min-width:1px) and (max-width:479px){ .kpl-color-scheme.kpl-scheme-variant-1 .kpl-title-hero h2{ letter-spacing: 0!important; } }*/ /* * * .slide-up#main-header, #main-header.slide-down, body.kpl-bg-fill-primary-color #main-header.slide-up:after, body.kpl-bg-fill-primary-color #main-header.slide-up:before { transition:all 1s ease-in-out 1s !important; } .slide-up#main-header{ background-image: linear-gradient(92deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%); } #main-header.reset-padding-top{ background-image: linear-gradient(92deg,transparent 0%, rgba(255,255,255,0.5) 100%); border:none; border-bottom: 1px solid rgba(255,255,255,.6); } #main-header.et-fixed-header .current-menu-ancestor>a:before, .et-fixed-header #top-menu li.current-menu-item>a:before, #top-menu li.current-menu-ancestor>a:before, #top-menu li.current-menu-item>a:before{ position: absolute; left: 0; width: 100%; height: 30px; padding:0 10px!important; transform: translate(-10px,0px); padding-bottom:5px; border-radius: 10px; content: "";border:3px solid var(--color-1); background-color: white!important; opacity: .8; z-index: -111111111111111111; } #top-menu li.current-menu-item > a,.et-fixed-header #top-menu li.current-menu-item > a,#main-header li.current-menu-ancestor > a, #main-header.et-fixed-header li.current-menu-ancestor > a{ color:rgb(15,13,13)!important; }*/ /* #main-header a{ font-size: var(--kpl-global--FontSize--4xl); } .kpl-global--Title-animate-fade{ } .kpl-global--FadeFromBottom { animation: fa-spin 2s infinite linear; } #top-menu li a, #main-header.et-fixed-header a { font-size: 1rem; font-weight: 300; font-weight: 0; color: var(--kpl-global--Color-light-100)!important; font-family: 'Barlow', sans-serif; } #top-menu li a, #main-header.et-fixed-header a, .et_mobile_menu li a { font-size: 0.9rem; font-weight: 100; color: var(--kpl-global-color-light-100); font-family: var(--kpl-global-font-3-family); } */ #main-header.slide-up { -moz-transition: padding-top .7s ease !important; -webkit-transition: padding-top .7s ease !important; -o-transition: padding-top .7s ease !important; transition: padding-top .7s ease !important; } .et_header_style_split #main-header.slide-up .centered-inline-logo-wrap { -moz-transition: all .4s ease-in-out !important; -webkit-transition: all .4s ease-in-out !important; -moz-transition: all 458.105ms ease-in-out 372.278ms !important; -o-transition: all .4s ease-in-out !important; -webkit-transition: all 458.105ms ease-in-out 372.278ms !important; transition: all .4s ease-in-out !important; -o-transition: all 458.105ms ease-in-out 372.278ms !important; transition: all 458.105ms ease-in-out 372.278ms !important; } #kpl-top-info-section.slide-down { -moz-transition: top .7s ease-in-out !important; -webkit-transition: top .7s ease-in-out !important; -moz-transition: top 700ms ease-in-out 591.522ms !important; -o-transition: top .7s ease-in-out !important; -webkit-transition: top 700ms ease-in-out 591.522ms !important; transition: top .7s ease-in-out !important; -o-transition: top 700ms ease-in-out 591.522ms !important; transition: top 700ms ease-in-out 591.522ms !important; } #main-header.slide-down { -moz-transition: padding-top .7s ease ; -webkit-transition: padding-top .7s ease ; -moz-transition: padding-top 700ms ease 928.039ms ; -o-transition: padding-top .7s ease ; -webkit-transition: padding-top 700ms ease 928.039ms ; transition: padding-top .7s ease ; -o-transition: padding-top 700ms ease 928.039ms ; transition: padding-top 700ms ease 928.039ms ; } .reset-padding-top { padding-top: 0 !important; } #main-header.slide-down, #main-header.et-fixed-header{ transition: box-shadow .5s ease 1s,padding-top .7s ease-in-out 1s!important; } #main-header.slide-down{ transition: padding-top 700ms ease 928.039ms,box-shadow 700ms ease 928.039ms !important; } #main-header.et-fixed-header{ box-shadow: 0 15px 30px 20px rgba(0,0,0,.84)!important; } #main-header.slide-down{ box-shadow: 0 15px 30px 20px rgba(0,0,0,0)!important; } !!!! MAIN HEADER GLASS GRADIENT .slide-up#main-header, #main-header.slide-down, body.kpl-bg-fill-primary-color #main-header.slide-up:after, body.kpl-bg-fill-primary-color #main-header.slide-up:before { transition:all 1s ease-in-out 1s !important; } .slide-up#main-header{ background-image: linear-gradient(92deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%) ; } #main-header.reset-padding-top{ background-image: linear-gradient(292deg,transparent 0%, rgba(0,0,0,0.5) 100%), linear-gradient(92deg,rgba(0,0,0,0.5) 0%, transparent 100%); border:none; border-bottom: 1px solid rgba(255,255,255,.5); } /**************** * SLIDER TRANSITONS * ********************* * */ /*#kpl-top-info-section.slide-up { -moz-transition: top .7s ease-in-out !important; -webkit-transition: top .7s ease-in-out !important; -moz-transition: top 700ms ease-in-out 339.537ms !important; -o-transition: top .7s ease-in-out !important; -webkit-transition: top 700ms ease-in-out 339.537ms !important; transition: top .7s ease-in-out !important; -o-transition: top 700ms ease-in-out 339.537ms !important; transition: top 700ms ease-in-out 339.537ms !important; } */ /* .mobile_nav #mobile_menu { background: linear-gradient( 354deg ,rgba(0,0,0,0.6) 44%,rgba(0,0,0,0.7)97%)!important; border-bottom-left-radius: 5px!important; border-bottom-right-radius: 5px!important; }*/ /* * ******************************* * CJ -> MAIN HEADER BOX SHADOW * ******************************* */ /* * *********************** * CJ -> MAIN-HEADER BOX SHADOW * *********************** TUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU!!!!!!!!!!!!!!! #main-header, #main-header.et-fixed-header{ box-shadow: 0 15px 30px 20px rgba(0,0,0,.84)!important; } */