@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap&subset=latin-ext"); * {
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
}
img, svg {
max-width: 100%;
height: auto;
border-radius: 0px;
font-family: 'Verdana';
line-height: 1em;
}
body {
font-family: 'Rubik', sans-serif;
line-height: 1.5em;
background: #fff;
color: #32353c;
height: 100%;
position: relative;
overflow-x: hidden;
font-weight: 300;
-webkit-font-smoothing: antialiased;
}
a {
color: #32353c;
text-decoration: none;
}
a:hover {
color: #ee7e2f;
text-decoration: underline;
}
a, a:hover, a:focus, a:visited {
border: 0;
-moz-outline: none;
outline: none;
ie-dummy: expression(this.hideFocus=true);
text-decoration: none;
}
.clear:before, .clear:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clear:after {
clear: both;
}
.clear {
zoom: 1;
}
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; }
.helper {
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.helper + div {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.helperdown {
display: inline-block;
vertical-align: bottom;
width: 0;
height: 100%;
}
.helperdown + div {
display: inline-block;
vertical-align: bottom;
width: 100%;
}
h1 {
font-size: 2rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
font-weight: normal;
margin-bottom: 2rem;
}
h2 {
font-size: 2rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
font-weight: normal;
margin-bottom: 1.5rem;
}
h3 {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
font-weight: normal;
margin-bottom: 1rem;
}
h4 {
font-size: 1.2rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
font-weight: normal;
margin-bottom: 1rem;
}
.smalltxt {
font-size: 1rem;
line-height: 1.3em;
}
b, strong {
font-weight: bold;
} header {
width: 100%;
position: fixed;
padding: 1rem 0;
z-index: 99999;
background-color: transparent;
transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;
}
header .logo {
font-family: 'Verdana';
line-height: 1em;
z-index: 1000;
max-width: 120px;
}
header .logo svg path {
transition: all 0.5s ease-in-out;
}
header .language-selector li {
color: #32353c;
font-weight: 500;
line-height: 1em;
}
header .language-selector li:after {
content: '/';
}
header .language-selector li:last-child:after {
display: none;
}
header .language-selector li a {
display: inline-block;
color: #32353c;
}
header .language-selector li a:hover {
color: #ee7e2f;
}
header .language-selector li.wpml-ls-current-language a {
color: #ee7e2f;
}
header .menu-button svg path {
transition: all 0.5s ease-in-out;
}
header .menu-button svg * {
fill: #fff;
}
header.logokolor .logo svg .logolitera, header.menuopen .logo svg .logolitera {
fill: #ee7e2f;
}
header.logokolor .menu-button svg *, header.menuopen .menu-button svg * {
fill: #32353c;
}
header #menu-header ul {
margin: 0;
line-height: 1em;
}
header #menu-header ul li {
list-style: none;
display: inline-block;
padding-right: 2rem;
line-height: 1em;
}
header #menu-header ul li a {
color: #32353c;
font-weight: 500;
line-height: 1em;
}
header #menu-header ul li a:hover {
color: #ee7e2f;
}
header #menu-header ul li.current-menu-item a {
color: #ee7e2f;
}
header.menubiale #menu-header ul li a, header.menuopen #menu-header ul li a {
color: #fff;
}
header.menubiale #menu-header ul li a:hover, header.menuopen #menu-header ul li a:hover {
color: #ee7e2f;
}
header.menubiale #menu-header ul li.current-menu-item a, header.menuopen #menu-header ul li.current-menu-item a {
color: #ee7e2f;
}
header.menubiale .menu-button svg *, header.menuopen .menu-button svg * {
fill: #fff;
}
header.menubiale .language-selector li, header.menuopen .language-selector li {
color: #fff;
}
header.menubiale .language-selector li a, header.menuopen .language-selector li a {
color: #fff;
}
header.menubiale .language-selector li a:hover, header.menuopen .language-selector li a:hover {
color: #ee7e2f;
}
header.menubiale .language-selector li.wpml-ls-current-language a, header.menuopen .language-selector li.wpml-ls-current-language a {
color: #ee7e2f;
}
header.scrolled, header.whiteheader, header.menuopen {
background-color: #fff;
}
header.scrolled .logo svg .logolitera, header.whiteheader .logo svg .logolitera, header.menuopen .logo svg .logolitera {
fill: #ee7e2f;
}
header.scrolled .menu-button svg *, header.whiteheader .menu-button svg *, header.menuopen .menu-button svg * {
fill: #32353c;
}
header.scrolled.menubiale #menu-header ul li a, header.whiteheader.menubiale #menu-header ul li a, header.menuopen.menubiale #menu-header ul li a {
color: #32353c;
}
header.scrolled.menubiale #menu-header ul li a:hover, header.whiteheader.menubiale #menu-header ul li a:hover, header.menuopen.menubiale #menu-header ul li a:hover {
color: #ee7e2f;
}
header.scrolled.menubiale #menu-header ul li.current-menu-item a, header.whiteheader.menubiale #menu-header ul li.current-menu-item a, header.menuopen.menubiale #menu-header ul li.current-menu-item a {
color: #ee7e2f;
}
header.scrolled.menubiale .language-selector li, header.whiteheader.menubiale .language-selector li, header.menuopen.menubiale .language-selector li {
color: #32353c;
}
header.scrolled.menubiale .language-selector li a, header.whiteheader.menubiale .language-selector li a, header.menuopen.menubiale .language-selector li a {
color: #32353c;
}
header.scrolled.menubiale .language-selector li a:hover, header.whiteheader.menubiale .language-selector li a:hover, header.menuopen.menubiale .language-selector li a:hover {
color: #ee7e2f;
}
header.scrolled.menubiale .language-selector li.wpml-ls-current-language a, header.whiteheader.menubiale .language-selector li.wpml-ls-current-language a, header.menuopen.menubiale .language-selector li.wpml-ls-current-language a {
color: #ee7e2f;
}
.page-template-page-about header.menubiale #menu-header ul li.current-menu-item a, .page-template-page-about header.menubiale #menu-header ul li a:hover {
color: #2f8749;
}
.menu-button {
width: 20px;
}
.menu-mobile {
transition: max-height 0.5s ease-in-out;
max-height: 0;
overflow: hidden;
position: fixed;
width: 100%;
height: 100vh;
background: #fff;
z-index: 100;
}
.menu-mobile.open {
max-height: 100vh;
}
.menu-mobile ul {
margin: 0;
}
.menu-mobile ul li {
list-style: none;
display: block;
}
.menu-mobile ul li a {
color: #32353c;
font-weight: 500;
font-size: 2rem;
line-height: 1.3em;
line-height: 2em;
}
.menu-mobile ul li a:hover {
color: #ee7e2f;
}
.menu-mobile ul li.current-menu-item a {
color: #ee7e2f;
} .bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
left: 0;
background: transparent;
}
.bx-wrapper .bx-controls-direction a {
text-indent: 0;
background: transparent;
color: #381c64;
font-size: 2rem;
-webkit-box-shadow: 2px 5px 27px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 5px 27px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 5px 27px 0px rgba(0, 0, 0, 0.5);
border-radius: 50%;
}
.bx-wrapper .bx-controls-direction a:hover {
color: #000;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #616161;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: 1rem;
line-height: 1em;
}
.bx-wrapper .bx-pager {
padding-top: 0;
}
.flex-direction-nav {
height: 0;
margin: 0;
list-style: none;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-prev svg {
width: 1rem;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flex-direction-nav .flex-next svg {
width: 1rem;
}
.btn-more {
padding: 0.5rem 0.7rem;
border-radius: 5px;
border: 0;
outline: 0;
background-color: #32353c;
color: #fff;
font-weight: 500;
transition: background-color 0.5s ease-in-out;
display: inline-block;
}
.btn-more > span {
padding-left: 1rem;
padding-right: 0.5rem;
transition: all 0.5s ease-in-out;
font-weight: 500;
}
.btn-more > span svg {
width: 1.3rem;
height: 1.3rem;
}
.btn-more:hover {
background-color: #ee7e2f;
color: #fff;
}
.btn-more:hover > span {
padding-left: 1.5rem;
padding-right: 0;
}
.section-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin: 2rem 0 4rem 0;
}
.homesection {
margin: 4rem 0;
}
.page-title {
font-size: 3rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin: 4rem 0 2rem 0;
}
.page-content {
margin-bottom: 4rem;
} #sw_slider {
height: 100vh;
}
#sw_slider ul {
height: 100vh;
}
#sw_slider ul li {
height: 100vh;
}
#sw_slider ul li .slajder-image {
background-size: cover;
background-position: center center;
}
#sw_slider ul li .slajder-title {
font-size: 3rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 4rem;
}
#sw_slider ul li .slajder-content {
margin-bottom: 4rem;
color: #5d5d5d;
}
#sw_slider ul li .slajder-logo {
position: absolute;
bottom: 2rem;
display: block;
} #produkty .prodkat-image {
position: relative;
height: 50vh;
overflow: hidden;
}
#produkty .prodkat-image .normal, #produkty .prodkat-image .hover, #produkty .prodkat-image .normalonly {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center center;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
#produkty .prodkat-image .hover {
opacity: 0;
}
#produkty .prodkat-image:hover .hover {
opacity: 1;
}
#produkty .prodkat-image:hover .normal {
opacity: 0;
}
#produkty .prodkat-image:hover .normalonly {
transform: scale(1.05);
}
#produkty .prodkat-image.licznik2, #produkty .prodkat-image.licznik3 {
height: 40vh;
}
#produkty .prodnews-subtitle {
font-weight: 700;
margin-bottom: 2rem;
}
#produkty .prodnews-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 4rem;
}
#produkty .prodkat-subtitle {
margin-top: 1rem;
font-size: 0.8rem;
}
#produkty .prodkat-title {
font-size: 1.5rem;
line-height: 1.3em;
margin-bottom: 1rem;
font-family: GilroyExtraBold;
}
#produkty .prodkat-item {
display: block;
margin-bottom: 2rem;
}
#produkty.pageprod .prodkat-image {
height: 50vh;
} #kimjestesmy {
height: 70vh;
}
#kimjestesmy .kim-subtitle {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 4rem;
}
#kimjestesmy .kim-title {
font-size: 3rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 2rem;
}
#kimjestesmy .kim-image {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
} #naszemarki .marki img {
max-width: 130px;
} #casestudies .case-item .case-image {
min-height: 50vh;
background-color: #ee7e2f;
background-position: center center;
background-size: cover;
display: flex;
}
#casestudies .case-item .case-image .apla {
background-color: rgba(238, 126, 47, 0.5);
padding: 2rem;
width: 100%;
}
#casestudies .case-item .case-image .apla .case-cat {
font-size: 0.8rem;
line-height: 1.3em;
font-weight: 300;
color: #fff;
margin-bottom: 1rem;
}
#casestudies .case-item .case-image .apla .case-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
color: #fff;
margin-bottom: 1rem;
}
#casestudies .case-item .case-image .apla .case-shortcontent {
color: #fff;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
#casestudies .case-item .case-image .apla:hover .case-shortcontent {
opacity: 1;
}
#casestudies .case-item .case-image.default {
background-image: url(//wosana.pl/wp-content/themes/wosana/img/casedefault.png);
background-position: bottom right;
background-size: cover;
}
#casestudies .case-item .case-image.default .apla {
background-color: transparent;
} #naszenagrody .nagrody img {
max-width: 100px;
} #aktualnosci .aktu-item {
background-color: #2f8749;
color: #fff;
min-height: 40vh;
display: flex;
height: 100%;
}
#aktualnosci .aktu-item a {
color: #fff;
padding: 2rem;
}
#aktualnosci .aktu-item:hover {
background-color: #ee7e2f;
}
#aktualnosci .aktu-item .aktu-date {
font-size: 0.8rem;
line-height: 1.3em;
font-weight: 300;
margin-bottom: 1rem;
}
#aktualnosci .aktu-item .aktu-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 1rem;
}
#aktualnosci .aktu-item .aktu-shortcontent {
font-size: 1rem;
line-height: 1.3em;
} section.topsection {
height: 70vh;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
section.topsection .topbgleft, section.topsection .topbgright {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
section.topsection .contentcolor1, section.topsection .contentcolor1 * {
color: #fff;
}
section.topsection .contentcolor1 a:hover, section.topsection .contentcolor1 * a:hover {
text-decoration: underline;
}
section.topsection .contentcolor2, section.topsection .contentcolor2 * {
color: #32353c;
}
section.topsection .contentcolor2 a:hover, section.topsection .contentcolor2 * a:hover {
text-decoration: underline;
}
section.topsection .topsection-title {
font-size: 3rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 1rem;
}
section.topsection .topsection-subtitle {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 1rem;
} .swcontent {
margin: 2rem 0;
}
.swcontent .wiersz {
margin: 2rem 0;
display: inline-block;
position: relative;
width: 100%;
}
.swcontent .wiersz .content1c, .swcontent .wiersz .content2c, .swcontent .wiersz .content3c {
padding: 2rem 0;
}
.swcontent .wiersz .content1c ol, .swcontent .wiersz .content2c ol, .swcontent .wiersz .content3c ol {
padding-left: 1rem;
}
.swcontent .wiersz .content1c ol li, .swcontent .wiersz .content2c ol li, .swcontent .wiersz .content3c ol li {
padding-bottom: 1rem;
padding-left: 3rem;
}
.swcontent .wiersz .content1c ul, .swcontent .wiersz .content2c ul, .swcontent .wiersz .content3c ul {
padding-left: 1rem;
}
.swcontent .wiersz .image1c, .swcontent .wiersz .image2c, .swcontent .wiersz .image3c {
text-align: center;
}
.swcontent .wiersz .image1c img, .swcontent .wiersz .image2c img, .swcontent .wiersz .image3c img {
max-height: calc(100vh - 4rem);
height: auto;
}
.swcontent .wiersz .offset-xl-13 .content1c, .swcontent .wiersz .offset-xl-13 .content2c, .swcontent .wiersz .offset-xl-13 .content3c {
padding-left: 0.625vw;
} .onas-naszamisja {
margin: 4rem 0;
}
.onas-naszamisja .naszamisja-title {
font-size: 3rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
color: #2f8749;
}
.onas-naszamisja .naszamisja-content {
color: #2f8749;
font-size: 1.5rem;
line-height: 1.3em;
}
.onas-naszamisja .naszamisja-line {
height: 2rem;
margin-top: 2rem;
background-image: url(//wosana.pl/wp-content/themes/wosana/img/wosana_onas_misja_separator.svg);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.onas-naszawizja {
margin: 4rem 0;
}
.onas-naszawizja .naszawizja-title {
font-size: 3rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
color: #ee7e2f;
}
.onas-naszawizja .naszawizja-content {
color: #ee7e2f;
font-size: 1.5rem;
line-height: 1.3em;
}
.onas-naszawizja .naszawizja-line {
height: 2rem;
margin-top: 2rem;
background-image: url(//wosana.pl/wp-content/themes/wosana/img/wosana_onas_wizja_separator.svg);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.onas-wartosci {
margin: 6rem 0 4rem 0;
}
.onas-wartosci .wartosci-title {
font-size: 2rem;
line-height: 1.3em;
margin-bottom: 4rem;
line-height: 1em;
}
.onas-wartosci .wartosci-content {
margin-bottom: 4rem;
line-height: 1em;
font-family: GilroyExtraBold;
}
.onas-wartosci .wartosc-title {
font-family: GilroyExtraBold;
margin-bottom: 1rem;
}
.onas-wartosci .wartosc-content {
margin-bottom: 4rem;
font-size: 1rem;
line-height: 1.3em;
}
.onas-historia h2.historia-title {
margin-bottom: 4rem;
}
.onas-historia .historia-row:first-child > div:first-child:after {
content: '';
position: absolute;
top: -30px;
right: -36px;
width: 50px;
height: 37px;
background: url(//wosana.pl/wp-content/themes/wosana/img/wosana_onas_historia_listki_top.svg);
background-size: contain;
background-repeat: no-repeat;
}
.onas-historia .historia-row:last-child > div:first-child:after {
content: '';
position: absolute;
bottom: -19px;
right: -11px;
width: 20px;
height: 20px;
background: #2f8749;
border-radius: 50%;
}
.onas-historia .historia-hidden {
display: none;
}
.onas-historia .historia-column-bleft {
border-left: 1px solid #2f8749;
padding-left: 4rem;
}
.onas-historia .historia-column-bright {
border-right: 1px solid #2f8749;
padding-right: 4rem;
}
.onas-historia .historia-rok {
color: #ee7e2f;
font-size: 2rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
font-weight: normal;
margin-bottom: 2rem;
}
.onas-historia .historia-content {
font-size: 1rem;
line-height: 1.3em;
}
.onas-historia .historia-zdjecie {
display: inline-block;
width: 100%;
margin: 2rem 0;
background-size: cover;
background-position: center center;
}
.onas-historia .historia-zdjecie.default {
max-width: 264px;
}
.onas-historia .historia-zdjecie.default svg {
width: 100%;
height: auto;
}
.onas-historia .historia-zdjecie .apla {
margin: -1px;
}
.onas-historia .historia-zdjecie .apla svg {
width: 100%;
height: auto;
}
.onas-historia .more-historia {
border-radius: 50%;
width: 6rem;
height: 6rem;
background: #2f8749;
color: #fff;
margin: -1rem auto 5rem auto;
text-align: center;
cursor: pointer;
text-transform: uppercase;
font-family: GilroyExtraBold;
margin-bottom: 1rem;
}
.onas-historia .more-historia, .onas-historia .more-historia * {
transition: all 0.25s ease-in-out;
}
.onas-historia .more-historia span {
display: block;
}
.onas-historia .more-historia svg {
width: 1rem;
display: block;
margin: 0 auto;
}
.onas-historia .more-historia:hover {
width: 7rem;
height: 7rem;
margin-bottom: 0;
}
.onas-historia .more-historia:hover span {
padding-bottom: 1rem;
}
.onas-liczby {
margin: 6rem 0 4rem 0;
}
.onas-liczby .liczby-title {
font-size: 2rem;
line-height: 1.3em;
margin-bottom: 4rem;
}
.onas-liczby .liczby-content {
margin-bottom: 4rem;
}
.onas-liczby .liczby-liczba {
font-size: 3rem;
line-height: 1.3em;
color: #ee7e2f;
font-family: GilroyExtraBold;
line-height: 1em;
}
.onas-liczby .liczby-podpis {
font-family: GilroyExtraBold;
}
.onas-liczby .liczby-podpis p {
margin: 0;
}
.onas-liczby .liczby-item {
margin-bottom: 2rem;
} #kontakt {
padding-top: 6rem;
}
#kontakt .odzial {
margin-bottom: 2rem;
}
#kontakt .odzial:first-child {
margin-top: 1rem;
}
#kontakt .odzial .odzial-title {
font-family: GilroyExtraBold;
font-size: 1rem;
line-height: 1.3em;
margin-bottom: 1rem;
}
#kontakt .odzial .odzial-content {
font-size: 1rem;
line-height: 1.3em;
}
#kontakt .odzial .odzial-content a {
color: #ee7e2f;
}
.kontakt-form, .aplikuj-form {
padding-top: 4rem;
}
.kontakt-form label, .aplikuj-form label {
margin-top: 1rem;
}
.kontakt-form label span, .aplikuj-form label span {
color: #ee7e2f;
}
.kontakt-form label span.wpcf7-list-item-label, .aplikuj-form label span.wpcf7-list-item-label {
color: #32353c;
}
.kontakt-form input[type="text"], .aplikuj-form input[type="text"], .kontakt-form input[type="email"], .aplikuj-form input[type="email"], .kontakt-form input[type="tel"], .aplikuj-form input[type="tel"], .kontakt-form select, .aplikuj-form select, .kontakt-form textarea, .aplikuj-form textarea {
width: 100%;
padding: 3px;
height: auto;
line-height: 1.5rem;
font-family: 'Rubik', sans-serif;
border: 1px solid #32353c;
border-radius: 0;
}
.kontakt-form ::-webkit-input-placeholder, .aplikuj-form ::-webkit-input-placeholder { font-size: 0.8rem;
}
.kontakt-form ::-moz-placeholder, .aplikuj-form ::-moz-placeholder { font-size: 0.8rem;
}
.kontakt-form :-ms-input-placeholder, .aplikuj-form :-ms-input-placeholder { font-size: 0.8rem;
}
.kontakt-form :-moz-placeholder, .aplikuj-form :-moz-placeholder { font-size: 0.8rem;
}
.kontakt-form input[type="submit"], .aplikuj-form input[type="submit"] {
width: auto;
color: #fff;
background: #32353c;
bordeR: 0;
padding: 0.5rem 1rem;
margin-top: 2rem;
}
.kontakt-form input[type="submit"]:hover, .aplikuj-form input[type="submit"]:hover {
background: #ee7e2f;
}
.kontakt-form button[type="submit"], .aplikuj-form button[type="submit"] {
margin-top: 2rem;
}
.kontakt-form span.wpcf7-list-item, .aplikuj-form span.wpcf7-list-item {
margin: 2rem 0;
}
.aplikuj-form span.wpcf7-list-item {
margin: 0;
} .kariera-etapy {
margin: 6rem 0;
}
.kariera-etapy .etapy-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 4rem;
}
.kariera-etapy .line {
height: 2rem;
background-image: url(//wosana.pl/wp-content/themes/wosana/img/line2.png);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
}
.kariera-etapy .etapy-content {
margin-bottom: 4rem;
}
.kariera-etapy .etapy-grid {
margin: 4rem 0;
}
.kariera-etapy .etapy-grid .etap-item {
margin-bottom: 2rem;
}
.kariera-etapy .etapy-grid .etap-item .etap-image {
margin-bottom: 1rem;
}
.kariera-etapy .etapy-grid .etap-item .etap-image svg {
max-width: 150px;
}
.kariera-etapy .etapy-grid .etap-item .etap-podpis {
margin-top: 2rem;
font-family: GilroyExtraBold;
}
.kariera-stanowiska {
margin: 6rem 0;
}
.kariera-stanowiska .stanowiska-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 4rem;
}
.kariera-stanowiska .stanowiska .stanowisko-item {
background-color: #2f8749;
color: #fff;
min-height: 30vh;
display: flex;
height: 100%;
}
.kariera-stanowiska .stanowiska .stanowisko-item a {
color: #fff;
padding: 2rem;
}
.kariera-stanowiska .stanowiska .stanowisko-item:hover {
background-color: #ee7e2f;
}
.kariera-stanowiska .stanowiska .stanowisko-item .stanowisko-date {
font-size: 0.8rem;
line-height: 1.3em;
font-weight: 300;
margin-bottom: 1rem;
}
.kariera-stanowiska .stanowiska .stanowisko-item .stanowisko-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 1rem;
}
.kariera-stanowiska .stanowiska .stanowisko-item .stanowisko-shortcontent {
font-size: 1rem;
line-height: 1.3em;
}
.karierasingletop {
margin: 6rem 0;
}
.karierasingletop .ks-date {
font-size: 0.8rem;
line-height: 1.3em;
font-weight: 300;
margin-bottom: 1rem;
}
.karierasingletop .ks-nazwa {
font-size: 3rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-bottom: 2rem;
}
.karierasingletop .ks-nazwainfo {
margin-bottom: 2rem;
}
.karierasingletop .jdesc {
margin-top: 3.5rem;
}
.karierasingletop .ks-apptitle {
margin-top: 3.8rem;
}
#feu .feucat-item {
display: block;
padding: 1rem;
height: 100%;
padding-bottom: 150px;
min-height: 40vh;
}
#feu .feucat-item .feucat-title {
font-size: 1.5rem;
line-height: 1.3em;
font-family: GilroyExtraBold;
margin-top: 1rem;
}
#feu .feucat-item .feucat-image {
position: absolute;
bottom: 1rem;
}
#feu .feucat-item .feucat-image img, #feu .feucat-item .feucat-image svg {
max-height: 85px;
width: auto;
} footer {
font-size: 0.8rem;
line-height: 1.3em;
font-weight: 300;
line-height: 2em;
padding: 2rem 0 4rem 0;
}
footer .line {
height: 2rem;
background-image: url(//wosana.pl/wp-content/themes/wosana/img/wosana_onas_misja_separator.svg);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 4rem;
}
footer .logo svg .logolitera {
fill: #ee7e2f;
}
footer .widget_nav_menu ul {
list-style: none;
margin: 0;
}
footer .widget_nav_menu ul li a {
color: #32353c;
font-weight: 500;
}
footer .widget_nav_menu ul li a:hover {
color: #ee7e2f;
}
footer .widget_nav_menu ul li.current-menu-item a {
color: #ee7e2f;
} .h-25 {
height: 25% !important;
}
.h-30 {
height: 30% !important;
}
.h-40 {
height: 40% !important;
}
.h-50 {
height: 50% !important;
}
.h-60 {
height: 60% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.w-25 {
width: 25% !important;
}
.w-30 {
width: 30% !important;
}
.w-40 {
width: 40% !important;
}
.w-50 {
width: 50% !important;
}
.w-60 {
width: 60% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.vh-25 {
height: 25vh !important;
}
.vh-30 {
height: 30vh !important;
}
.vh-40 {
height: 40vh !important;
}
.vh-50 {
height: 50vh !important;
}
.vh-60 {
height: 60vh !important;
}
.vh-75 {
height: 75vh !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-25 {
min-height: 25vh !important;
}
.min-vh-30 {
min-height: 30vh !important;
}
.min-vh-40 {
min-height: 40vh !important;
}
.min-vh-50 {
min-height: 50vh !important;
}
.min-vh-60 {
min-height: 60vh !important;
}
.min-vh-75 {
min-height: 75vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
@media (min-width: 576px) {
.h-sm-25 {
height: 25% !important;
}
.h-sm-30 {
height: 30% !important;
}
.h-sm-40 {
height: 40% !important;
}
.h-sm-50 {
height: 50% !important;
}
.h-sm-60 {
height: 60% !important;
}
.h-sm-75 {
height: 75% !important;
}
.h-sm-100 {
height: 100% !important;
}
.w-sm-25 {
width: 25% !important;
}
.w-sm-30 {
width: 30% !important;
}
.w-sm-40 {
width: 40% !important;
}
.w-sm-50 {
width: 50% !important;
}
.w-sm-60 {
width: 60% !important;
}
.w-sm-75 {
width: 75% !important;
}
.w-sm-100 {
width: 100% !important;
}
.vh-sm-25 {
height: 25vh !important;
}
.vh-sm-30 {
height: 30vh !important;
}
.vh-sm-40 {
height: 40vh !important;
}
.vh-sm-50 {
height: 50vh !important;
}
.vh-sm-60 {
height: 60vh !important;
}
.vh-sm-75 {
height: 75vh !important;
}
.vh-sm-100 {
height: 100vh !important;
}
.min-vh-sm-25 {
min-height: 25vh !important;
}
.min-vh-sm-30 {
min-height: 30vh !important;
}
.min-vh-sm-40 {
min-height: 40vh !important;
}
.min-vh-sm-50 {
min-height: 50vh !important;
}
.min-vh-sm-60 {
min-height: 60vh !important;
}
.min-vh-sm-75 {
min-height: 75vh !important;
}
.min-vh-sm-100 {
min-height: 100vh !important;
}
}
@media (min-width: 768px) {
.h-md-25 {
height: 25% !important;
}
.h-md-30 {
height: 30% !important;
}
.h-md-40 {
height: 40% !important;
}
.h-md-50 {
height: 50% !important;
}
.h-md-60 {
height: 60% !important;
}
.h-md-75 {
height: 75% !important;
}
.h-md-100 {
height: 100% !important;
}
.w-md-25 {
width: 25% !important;
}
.w-md-30 {
width: 30% !important;
}
.w-md-40 {
width: 40% !important;
}
.w-md-50 {
width: 50% !important;
}
.w-md-60 {
width: 60% !important;
}
.w-md-75 {
width: 75% !important;
}
.w-md-100 {
width: 100% !important;
}
.vh-md-25 {
height: 25vh !important;
}
.vh-md-30 {
height: 30vh !important;
}
.vh-md-40 {
height: 40vh !important;
}
.vh-md-50 {
height: 50vh !important;
}
.vh-md-60 {
height: 60vh !important;
}
.vh-md-75 {
height: 75vh !important;
}
.vh-md-100 {
height: 100vh !important;
}
.min-vh-md-25 {
min-height: 25vh !important;
}
.min-vh-md-30 {
min-height: 30vh !important;
}
.min-vh-md-40 {
min-height: 40vh !important;
}
.min-vh-md-50 {
min-height: 50vh !important;
}
.min-vh-md-60 {
min-height: 60vh !important;
}
.min-vh-md-75 {
min-height: 75vh !important;
}
.min-vh-md-100 {
min-height: 100vh !important;
}
}
@media (min-width: 992px) {
.h-lg-25 {
height: 25% !important;
}
.h-lg-30 {
height: 30% !important;
}
.h-lg-40 {
height: 40% !important;
}
.h-lg-50 {
height: 50% !important;
}
.h-lg-60 {
height: 60% !important;
}
.h-lg-75 {
height: 75% !important;
}
.h-lg-100 {
height: 100% !important;
}
.w-lg-25 {
width: 25% !important;
}
.w-lg-30 {
width: 30% !important;
}
.w-lg-40 {
width: 40% !important;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-60 {
width: 60% !important;
}
.w-lg-75 {
width: 75% !important;
}
.w-lg-100 {
width: 100% !important;
}
.vh-lg-25 {
height: 25vh !important;
}
.vh-lg-30 {
height: 30vh !important;
}
.vh-lg-40 {
height: 40vh !important;
}
.vh-lg-50 {
height: 50vh !important;
}
.vh-lg-60 {
height: 60vh !important;
}
.vh-lg-75 {
height: 75vh !important;
}
.vh-lg-100 {
height: 100vh !important;
}
.vh-lg-auto {
height: auto !important;
}
.min-vh-lg-25 {
min-height: 25vh !important;
}
.min-vh-lg-30 {
min-height: 30vh !important;
}
.min-vh-lg-40 {
min-height: 40vh !important;
}
.min-vh-lg-50 {
min-height: 50vh !important;
}
.min-vh-lg-60 {
min-height: 60vh !important;
}
.min-vh-lg-75 {
min-height: 75vh !important;
}
.min-vh-lg-100 {
min-height: 100vh !important;
}
.min-vh-lg-auto {
min-height: auto !important;
}
}
@media (min-width: 1200px) {
.h-xl-25 {
height: 25% !important;
}
.h-xl-30 {
height: 30% !important;
}
.h-xl-40 {
height: 40% !important;
}
.h-xl-50 {
height: 50% !important;
}
.h-xl-60 {
height: 60% !important;
}
.h-xl-75 {
height: 75% !important;
}
.h-xl-100 {
height: 100% !important;
}
.w-xl-25 {
width: 25% !important;
}
.w-xl-30 {
width: 30% !important;
}
.w-xl-40 {
width: 40% !important;
}
.w-xl-50 {
width: 50% !important;
}
.w-xl-60 {
width: 60% !important;
}
.w-xl-75 {
width: 75% !important;
}
.w-xl-100 {
width: 100% !important;
}
.vh-xl-25 {
height: 25vh !important;
}
.vh-xl-30 {
height: 30vh !important;
}
.vh-xl-40 {
height: 40vh !important;
}
.vh-xl-50 {
height: 50vh !important;
}
.vh-xl-60 {
height: 60vh !important;
}
.vh-xl-75 {
height: 75vh !important;
}
.vh-xl-100 {
height: 100vh !important;
}
.min-vh-xl-25 {
min-height: 25vh !important;
}
.min-vh-xl-30 {
min-height: 30vh !important;
}
.min-vh-xl-40 {
min-height: 40vh !important;
}
.min-vh-xl-50 {
min-height: 50vh !important;
}
.min-vh-xl-60 {
min-height: 60vh !important;
}
.min-vh-xl-75 {
min-height: 75vh !important;
}
.min-vh-xl-100 {
min-height: 100vh !important;
}
}
@media (min-width: 1600px) {
.h-xxl-25 {
height: 25% !important;
}
.h-xxl-30 {
height: 30% !important;
}
.h-xxl-40 {
height: 40% !important;
}
.h-xxl-50 {
height: 50% !important;
}
.h-xxl-60 {
height: 60% !important;
}
.h-xxl-75 {
height: 75% !important;
}
.h-xxl-100 {
height: 100% !important;
}
.w-xxl-25 {
width: 25% !important;
}
.w-xxl-30 {
width: 30% !important;
}
.w-xxl-40 {
width: 40% !important;
}
.w-xxl-50 {
width: 50% !important;
}
.w-xxl-60 {
width: 60% !important;
}
.w-xxl-75 {
width: 75% !important;
}
.w-xxl-100 {
width: 100% !important;
}
.vh-xxl-25 {
height: 25vh !important;
}
.vh-xxl-30 {
height: 30vh !important;
}
.vh-xxl-40 {
height: 40vh !important;
}
.vh-xxl-50 {
height: 50vh !important;
}
.vh-xxl-60 {
height: 60vh !important;
}
.vh-xxl-75 {
height: 75vh !important;
}
.vh-xxl-100 {
height: 100vh !important;
}
.min-vh-xxl-25 {
min-height: 25vh !important;
}
.min-vh-xxl-30 {
min-height: 30vh !important;
}
.min-vh-xxl-40 {
min-height: 40vh !important;
}
.min-vh-xxl-50 {
min-height: 50vh !important;
}
.min-vh-xxl-60 {
min-height: 60vh !important;
}
.min-vh-xxl-75 {
min-height: 75vh !important;
}
.min-vh-xxl-100 {
min-height: 100vh !important;
}
}
@media (min-width: 1900px) {
.h-fhd-25 {
height: 25% !important;
}
.h-fhd-30 {
height: 30% !important;
}
.h-fhd-40 {
height: 40% !important;
}
.h-fhd-50 {
height: 50% !important;
}
.h-fhd-60 {
height: 60% !important;
}
.h-fhd-75 {
height: 75% !important;
}
.h-fhd-100 {
height: 100% !important;
}
.w-fhd-25 {
width: 25% !important;
}
.w-fhd-30 {
width: 30% !important;
}
.w-fhd-40 {
width: 40% !important;
}
.w-fhd-50 {
width: 50% !important;
}
.w-fhd-60 {
width: 60% !important;
}
.w-fhd-75 {
width: 75% !important;
}
.w-fhd-100 {
width: 100% !important;
}
.vh-fhd-25 {
height: 25vh !important;
}
.vh-fhd-30 {
height: 30vh !important;
}
.vh-fhd-40 {
height: 40vh !important;
}
.vh-fhd-50 {
height: 50vh !important;
}
.vh-fhd-60 {
height: 60vh !important;
}
.vh-fhd-75 {
height: 75vh !important;
}
.vh-fhd-100 {
height: 100vh !important;
}
.min-vh-fhd-25 {
min-height: 25vh !important;
}
.min-vh-fhd-30 {
min-height: 30vh !important;
}
.min-vh-fhd-40 {
min-height: 40vh !important;
}
.min-vh-fhd-50 {
min-height: 50vh !important;
}
.min-vh-fhd-60 {
min-height: 60vh !important;
}
.min-vh-fhd-75 {
min-height: 75vh !important;
}
.min-vh-fhd-100 {
min-height: 100vh !important;
}
} @media (max-width: 992px) {
#sw_slider ul li .slajder-content, #sw_slider ul li .slajder-title {
margin-bottom: 2rem;
}
#sw_slider ul li .slajder-title br {
display: none;
}
#sw_slider ul li .slajder-logo {
margin-top: 1rem;
position: relative;
bottom: initial;
top: initial;
margin-bottom: 2rem;
}
.flex-direction-nav {
display: none;
}
#kimjestesmy {
height: auto;
margin-bottom: 0;
}
.kim-image {
background-size: contain;
margin: 2rem 0;
}
#produkty.pageprod .prodkat-image {
height: 30vw;
}
.swcontent {
margin: 0;
}
.onas-naszamisja {
margin-bottom: 0;
}
.onas-naszawizja {
margin-top: 0;
}
section.topsection {
height: auto;
min-height: 70vh;
}
section.topsection .topbgleft, section.topsection .topbgright {
height: 35vh;
margin: 0 !important;
}
section.topsection .topcontent {
padding-top: 60px;
min-height: 35vh;
}
.swcontent .wiersz .content1c ul, .swcontent .wiersz .content2c ul, .swcontent .wiersz .content3c ul {
padding-left: 1rem;
}
.swcontent .wiersz .content1c ol, .swcontent .wiersz .content2c ol, .swcontent .wiersz .content3c ol {
margin-bottom: 0;
}
.swcontent .wiersz .content1c.nopadd, .swcontent .wiersz .content2c.nopadd, .swcontent .wiersz .content3c.nopadd {
padding: 0;
}
#sw_slider ul li .slajder-title, #kimjestesmy .kim-title, section.topsection .topsection-title, .onas-naszamisja .naszamisja-title, .onas-naszawizja .naszawizja-title, .page-title {
font-size: 2rem;
line-height: 1.3em;
}
.kariera-etapy {
margin-bottom: 2rem;
}
}
@media screen and (max-height: 670px) {
section.topsection {
height: 80vh;
}
#sw_slider ul li .slajder-title {
margin-bottom: 2rem;
font-size: 2rem;
line-height: 1.3em;
}
#sw_slider ul li .slajder-title br {
display: none;
}
#sw_slider ul li .slajder-content {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
header .logo {
max-width: 100px;
}
#sw_slider ul li .slajder-title, #kimjestesmy .kim-title, section.topsection .topsection-title, .onas-naszamisja .naszamisja-title, .onas-naszawizja .naszawizja-title, .page-title {
font-size: 1.5rem;
line-height: 1.3em;
}
#sw_slider ul li .slajder-title {
margin-top: 1rem;
}
#sw_slider ul li .slajder-title br {
display: none;
}
#sw_slider ul li .slajder-logo {
margin-top: 2rem;
position: relative;
bottom: auto;
top: auto;
}
#sw_slider {
height: auto;
min-height: 100vh;
}
#sw_slider ul {
height: auto;
min-height: 100vh;
}
#sw_slider ul li {
height: auto;
min-height: 100vh;
}
#casestudies .case-item .case-image .apla .case-shortcontent {
display: none !important;
}
section.topsection .topsection-subtitle, .onas-naszamisja .naszamisja-content, .onas-naszawizja .naszawizja-content {
font-size: 1rem;
line-height: 1.3em;
}
.onas-historia .historia-column-bright, .onas-historia .historia-column-bleft {
padding-left: 2rem;
padding-right: 1rem;
border: 0;
border-left: 1px solid #2f8749;
margin-left: 2rem;
}
.onas-historia .historia-row:first-child > div:first-child:after {
right: auto;
left: -1rem;
}
.onas-historia .more-historia {
margin: -1rem auto 0rem 0rem;
}
#produkty.pageprod .prodkat-image {
height: 60vw;
}
.swcontent .wiersz .image1c, .swcontent .wiersz .image2c, .swcontent .wiersz .image3c {
text-align: center;
padding: 1rem 0;
}
#kontakt .odzial {
margin-bottom: 1rem;
}
.kontakt-form, .aplikuj-form {
padding-top: 1rem;
}
.kontakt-form input[type="text"], .aplikuj-form input[type="text"], .kontakt-form input[type="email"], .aplikuj-form input[type="email"], .kontakt-form input[type="tel"], .aplikuj-form input[type="tel"], .kontakt-form select, .aplikuj-form select, .kontakt-form textarea, .aplikuj-form textarea {
border: 1px solid #32353c;
}
}