[data-accordion] [data-content] {
overflow: hidden;
max-height: 0;
} [data-accordion] {
margin-bottom: 15px;
}
[data-accordion]:last-child {
margin-bottom: 0;
}
[data-control],
[data-content] > * {
padding: 15px 30px;
}
[data-content] > * {
padding: 30px;
}
@media only screen and (max-width: 768px) {
[data-control],
[data-content] > * {
padding: 15px;
}
}
[data-content] > * {
line-height: 1.5;
}
[data-content] p {
margin-bottom: 15px;
}
[data-content] p:last-child {
margin-bottom: 0;
}
[data-content] .accordion__btn,
.wpcf7-submit {
padding: 15px 30px !important;
background-color: #e32635 !important;
display: inline-block !important;
font-weight: 700 !important;
color: #fff !important;
width: auto !important;
text-decoration: none !important;
transition: all 0.5s !important;
border: 2px solid #e32635 !important;
}
[data-content] .accordion__btn:hover,
.wpcf7-submit:hover {
background-color: #fff !important;
border: 2px solid #e32635 !important;
color: #e32635 !important;
cursor: pointer;
}
.wpcf7-submit {
background-color: #fff !important;
color: #e32635 !important;
border: 2px solid #fff !important;
}
.wpcf7-submit:hover {
border: 2px solid #fff !important;
background-color: #e32635 !important;
color: #fff !important;
}
[data-content] [data-accordion] {
border: 0;
padding: 0;
}
[data-accordion] [data-control] {
position: relative;
padding-right: 57px;
background-color: #f4f4f4;
transition: all 0.5s;
}
[data-accordion].open [data-control],
[data-accordion]:hover [data-control] {
background-color: #e32635;
}
[data-accordion] [data-control]:hover {
cursor: pointer;
}
[data-accordion] [data-control] .accordion__title {
position: relative;
display: inline-block;
line-height: 1.5;
color: #e32635;
font-weight: 700;
font-size: 20px;
}
[data-accordion].open [data-control] .accordion__title,
[data-accordion]:hover [data-control] .accordion__title {
color: #fff;
}
[data-accordion] > [data-control]:after {
content: "";
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 13.33px;
height: 20px;
background: url(//www.lucz-bud.com.pl/wp-content/themes/luczbud/img/ikona-strzalka.svg) center center no-repeat;
background-size: cover;
transition: all 0.5s;
}
@media only screen and (max-width: 768px) {
[data-accordion] > [data-control]:after {
right: 15px;
}
}
[data-accordion].open > [data-control]:after,
[data-accordion]:hover > [data-control]:after {
background: url(//www.lucz-bud.com.pl/wp-content/themes/luczbud/img/ikona-strzalka.svg) center center no-repeat;
transform: translateY(-50%) rotate(270deg);
filter: brightness(0%) invert(100%);
}.alignnone {
margin: 0 30px 30px 0;
}
.aligncenter {
display: block;
margin: 0 auto 0 auto;
}
.alignright {
float:right;
margin: 0 0 30px 30px;
}
.alignleft {
float: left;
margin: 0 30px 30px 0;
}
a img.alignright {
float: right;
margin: 0 0 30px 30px;
}
a img.alignnone {
margin: 0 30px 30px 0;
}
a img.alignleft {
float: left;
margin: 0 30px 30px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone,
.wp-caption.alignright,
.wp-caption.alignleft,
.wp-caption img {
margin: 0!important;
}
.wp-caption img {
max-width: 100%;
height: auto;
display: block;
}
.wp-caption p,
.gallery-caption {
padding: 15px 30px;
text-align: center;
font-size: 16px;
}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Titillium+Web:wght@400;600;700&display=swap");
*,
*::before,
*::after {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
html,
body {
overflow-x: hidden;
}
body {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #666666;
padding-top: 90px;
}
@media only screen and (max-width: 768px) {
body {
font-size: 14px;
}
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 30px;
margin-bottom: 30px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Titillium Web", sans-serif;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
}
h1 {
font-size: 40px;
}
@media only screen and (max-width: 1440px) {
h1 {
font-size: 32px;
}
}
@media only screen and (max-width: 768px) {
h1 {
font-size: 28px;
}
}
@media only screen and (max-width: 480px) {
h1 {
font-size: 24px;
}
}
h2 {
font-size: 32px;
}
@media only screen and (max-width: 1440px) {
h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 768px) {
h2 {
font-size: 24px;
}
}
@media only screen and (max-width: 480px) {
h2 {
font-size: 20px;
}
}
h3 {
font-size: 24px;
}
@media only screen and (max-width: 1440px) {
h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 768px) {
h3 {
font-size: 16px;
}
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
a {
color: inherit;
text-decoration: none;
transition: all 0.5s;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 50%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -5px;
}
sup {
top: -5px;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.container-fluid,
.container {
padding: 0 30px;
}
.container {
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1440px) {
.container {
max-width: 1200px;
}
}
@media only screen and (max-width: 768px) {
.container-fluid,
.container {
padding: 0 15px;
}
}
.section {
padding: 90px 0;
}
.section__row {
margin-bottom: 60px;
}
.section__row:last-child {
margin-bottom: 0;
}
.section__title {
padding-left: 24px;
position: relative;
font-size: 32px;
color: #333333;
}
@media only screen and (max-width: 1440px) {
.section__title {
font-size: 28px;
}
}
@media only screen and (max-width: 768px) {
.section__title {
font-size: 24px;
}
}
.section__title:before {
content: "";
position: absolute;
top: 3.195px;
left: 0;
width: 6px;
height: 32px;
background-color: #e32635;
}
@media only screen and (max-width: 1440px) {
.section__title:before {
height: 28px;
}
}
@media only screen and (max-width: 768px) {
.section__title:before {
height: 24px;
}
}
.section__desc p,
.section__desc img,
.section__desc ul,
.section__desc ol,
.section__desc table,
.section__desc h1,
.section__desc h2,
.section__desc h3,
.section__desc h4,
.section__desc h5,
.section__desc h6,
.section__desc .gallery {
margin-bottom: 30px;
}
.section__desc p:last-child,
.section__desc img:last-child,
.section__desc ul:last-child,
.section__desc ol:last-child,
.section__desc table:last-child,
.section__desc h1:last-child,
.section__desc h2:last-child,
.section__desc h3:last-child,
.section__desc h4:last-child,
.section__desc h5:last-child,
.section__desc h6:last-child,
.section__desc .gallery:last-child {
margin-bottom: 0;
}
.section__desc h1,
.section__desc h2,
.section__desc h3,
.section__desc h4,
.section__desc h5,
.section__desc h6 {
color: #e32635;
font-weight: 700;
}
.section__desc a {
color: #e32635;
text-decoration: underline;
}
.section__desc a:hover {
text-decoration: none;
}
.section__desc h2 {
font-size: 24px;
}
.section__desc h3 {
font-size: 20px;
}
.section__desc ul,
.section__desc ol {
padding-left: 20px;
}
.section__desc table {
text-align: left;
border-collapse: collapse;
}
.section__desc table th,
.section__desc table td {
padding: 15px;
}
.section__btn {
padding: 15px 30px;
line-height: 1;
display: inline-flex;
align-items: center;
position: relative;
font-family: "Titillium Web", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.section__btn:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 52px;
width: 1px;
height: 16px;
background-color: rgba(255, 255, 255, 0.5);
transition: all 0.5s;
}
.section__btn > svg {
margin-right: 30px;
height: 10px;
}
.section__btn > svg path {
fill: #fff;
transition: all 0.5s;
}
.section__btn--white {
border: 1px solid #fff;
color: #fff;
}
.section__btn--white:hover {
background-color: #e32635;
border: 1px solid #e32635;
}
.section__btn--red {
border: 1px solid #e32635;
background-color: #e32635;
color: #fff;
}
.section__btn--red:hover {
background-color: #fff;
color: #e32635;
}
.section__btn--red:hover > svg path {
fill: #e32635;
}
.section__btn--red:hover:before {
background-color: #e32635;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 400;
background-color: #fff;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
-webkit-box-shadow: 0 0 60px rgba(0,0,0, 0.1);
-moz-box-shadow: 0 0 60px rgba(0,0,0, 0.1);
box-shadow: 0 0 60px rgba(0,0,0, 0.1);
}
@media only screen and (max-width: 1440px) {
.header {
font-size: 14px;
}
}
.header .header__columns {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 -15px;
}
.header .header__column {
padding: 0 15px;
}
@media only screen and (max-width: 1200px) {
.header .header__column:nth-child(2),
.header .header__column:nth-child(3) {
display: none;
}
}
.header .header__column:last-child {
display: none;
}
@media only screen and (max-width: 1200px) {
.header .header__column:last-child {
display: block;
}
}
.header .header__logo > img {
height: 90px;
}
.header .header__contact {
position: relative;
}
.header .header__contact--mask {
content: "";
position: absolute;
top: -15px;
left: -15px;
width: 50px;
height: 72px;
background-color: #e53341;
}
@media only screen and (max-width: 1200px) {
.header .header__contact--mask {
height: 70px;
}
}
.header .header__contact--mask:hover {
cursor: pointer;
}
.header .header__contact span {
display: inline-flex;
}
.header .header__contact span:hover {
cursor: pointer;
}
.header .header__contact ul {
display: flex;
align-items: center;
margin: 0 -7.5px;
}
.header .header__contact li {
padding: 0 7.5px;
display: flex;
align-items: center;
position: relative;
}
.header .header__contact li:first-child {
margin-right: 30px;
}
@media only screen and (max-width: 1200px) {
.header .header__contact li:first-child {
margin-right: 0;
}
}
.header .header__contact li:first-child span {
transition: all 0.5s;
}
.header .header__contact li:first-child a:hover,
.header .header__contact li:first-child a:hover span {
color: #de0012 !important;
}
@media only screen and (max-width: 1200px) {
.header .header__contact li:first-child a {
display: none;
}
}
.header .header__contact svg {
width: 20px;
height: 20px;
}
.header .header__contact li:first-child svg {
margin-right: 30px;
}
.header .header__contact li.social-icon svg path,
.header .header__contact li.social-icon svg circle {
fill: #e53341;
transition: all 0.5s;
}
.header .header__contact li.social-icon:hover svg path,
.header .header__contact li.social-icon:hover svg circle {
fill: #666;
}
.header .header__contact li:first-child svg path {
fill: #fff;
}
.header .header__contact li.social-icon a {
display: flex;
align-items: center;
}
.header ul {
list-style-type: none;
}
.header .header__nav .menu {
display: flex;
margin: -15px;
}
.header .header__nav .menu > li {
position: relative;
float: left;
padding: 15px;
}
.header .header__nav .menu > li > a {
position: relative;
line-height: 1;
color: #333333;
text-transform: uppercase;
}
.header .header__nav .menu > li:hover > a,
.header .header__nav .menu > li.current-menu-item > a,
.header .header__nav .menu > li.current_page_item > a,
.header .header__nav .menu > li.current_page_ancestor > a,
.header .header__nav .menu > li.current-menu-ancestor > a {
color: #999999;
}
.header .header__nav .menu > li > a:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
width: 0;
height: 2px;
transition: 0.5s;
background-color: #de0012;
}
.header .header__nav .menu > li:hover > a:before,
.header .header__nav .menu > li.current-menu-item > a:before,
.header .header__nav .menu > li.current_page_item > a:before,
.header .header__nav .menu > li.current_page_ancestor > a:before,
.header .header__nav .menu > li.current-menu-ancestor > a:before {
width: 100%;
}
.header .header__nav ul ul {
display: none !important;
position: absolute;
top: calc(100% - 15px);
left: 15px;
margin: 0 !important;
white-space: nowrap;
}
.header .header__nav ul ul li {
float: none;
padding: 0 !important;
}
.header .header__nav ul ul li a {
color: #fff;
background-color: #de0012;
display: block;
padding: 15px 30px;
position: relative;
text-transform: uppercase;
font-size: 14px;
}
.header .header__nav ul ul li a:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: calc(100% - 60px);
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
}
.header .header__nav ul ul li:last-child a:before {
display: none;
}
.header .header__nav ul ul li a:hover,
.header .header__nav ul ul li.current_page_item > a,
.header .header__nav ul ul li.current-menu-item > a,
.header .header__nav ul ul li.current_page_ancestor > a,
.header .header__nav ul ul li.current-menu-ancestor > a {
color: #fff;
background-color: #c61423;
}
.header .header__nav ul ul ul {
top: 0;
left: 100%;
}
.header .header__nav ul li:hover > ul {
display: block !important;
}
.header .header__hamburger button {
border: 0;
background-color: transparent;
}
.header .header__hamburger img {
max-height: 24px;
}
.menu-mobile {
display: none;
position: fixed;
top: 90px;
left: 0;
width: 100%;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
background-color: #de0012;
padding: 15px 0;
text-align: right;
max-height: calc(100vh - 90px);
overflow-y: scroll;
z-index: 400;
}
.menu-mobile ul {
list-style-type: none;
}
.menu-mobile a {
color: #fff;
display: block;
padding: 15px 0;
position: relative;
text-transform: uppercase;
}
.menu-mobile li:hover > a,
.menu-mobile li.current_page_item > a,
.menu-mobile li.current-menu-item > a,
.menu-mobile li.current_page_ancestor > a,
.menu-mobile li.current_page_ancestor > a,
.menu-mobile li.current-menu-ancestor > a,
.menu-mobile li.current-menu-ancestor > a {
color: #fff;
}
.menu-mobile a:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
}
.menu-mobile .menu > li:last-child > a:after {
display: none;
}
.menu-mobile .menu-item-has-children > a {
position: relative;
padding-right: 24px;
}
.menu-mobile .menu-item-has-children > a:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background-image: url(//www.lucz-bud.com.pl/wp-content/themes/luczbud/img/button.png);
background-repeat: no-repeat;
width: 13px;
height: 8px;
filter: brightness(0%) invert(100%);
}
.menu-mobile .sub-menu {
display: none;
}
.home-hero {
position: relative;
}
.home-slider {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.home-slider.slick-initialized {
visibility: visible;
opacity: 1;
}
.home-slider .animated {
transition: all 0.5s ease;
}
.home-slider [data-animation-in] {
opacity: 0;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
transition: opacity 0.5s ease 0.3s;
}
@-webkit-keyframes zoomInImage {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
@keyframes zoomInImage {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
to {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
.zoomInImage {
-webkit-animation-name: zoomInImage;
animation-name: zoomInImage;
}
@-webkit-keyframes zoomOutImage {
from {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes zoomOutImage {
from {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.zoomOutImage {
-webkit-animation-name: zoomOutImage;
animation-name: zoomOutImage;
}
.home-slider .slick-dots {
display: flex;
justify-content: center;
left: 160px;
bottom: 34px;
}
@media only screen and (max-width: 1200px) {
.home-slider .slick-dots {
left: 30px;
justify-content: flex-start;
}
}
@media only screen and (max-width: 768px) {
.home-slider .slick-dots {
left: 15px;
}
}
.home-slider .slick-dots li {
margin-right: 15px;
width: 12px;
height: 12px;
display: flex;
transition: all 0.5s;
}
.home-slider .slick-dots li.slick-active,
.home-slider .slick-dots li:hover {
width: 50px;
}
.home-slider .slick-dots li:last-child {
margin-right: 0;
}
.home-slider .slick-dots li button {
padding: 0;
display: inline-block;
width: 12px;
height: 12px;
box-sizing: border-box;
background-color: #fff;
border-radius: 12px;
transition: 0.5s;
}
.home-slider .slick-dots li.slick-active button,
.home-slider .slick-dots li:hover button {
width: 50px;
}
.home-slider .slick-dots li button:before {
display: none;
}
.home-hero .home-slider__arrows {
position: absolute;
left: 0;
bottom: 0;
display: flex;
}
@media only screen and (max-width: 1200px) {
.home-hero .home-slider__arrows {
display: none;
}
}
.home-hero .home-slider__arrow {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f4f4f4;
}
.home-hero .home-slider__arrow:first-child {
background-color: #fff;
}
.home-hero .home-slider__arrow:hover {
cursor: pointer;
}
.home-hero .home-slider__arrow svg {
height: 20px;
}
.home-hero .home-slider__arrow svg path {
fill: #999999;
transition: all 0.5s;
}
.home-hero .home-slider__arrow:hover svg path {
fill: #de0012;
}
.home-hero .home-slider__arrow--prev svg {
transform: rotate(180deg);
}
.home-hero .home-slider__img > img {
width: 100%;
height: calc(100% - 30px);
object-fit: cover;
object-position: center;
opacity: 1 !important;
-webkit-animation-duration: 3s;
animation-duration: 3s;
transition: all 1s ease;
}
.home-hero .home-hero__mask {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: calc(100% + 30px);
}
.home-hero .home-hero__mask > div,
.home-hero .home-hero__mask img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.banner-page {
position: relative;
height: 120px;
background-color: #f8f8f8;
overflow: hidden;
}
.banner-page .banner-page__img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%);
width: 330px;
height: 300px;
}
.banner-page .banner-page__img > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media only screen and (max-width: 1200px) {
.home-our-numbers .section__header,
.home-why-us .section__header,
.home-news .section__header {
text-align: center;
}
.home-our-numbers .section__title,
.home-why-us .section__title,
.home-news .section__title {
display: inline-block;
}
}
.home-our-numbers .home-our-numbers__boxes {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: -15px;
}
.home-our-numbers .home-our-numbers__box {
width: 25%;
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.home-our-numbers .home-our-numbers__box {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.home-our-numbers .home-our-numbers__box {
width: 100%;
}
}
.home-our-numbers .home-our-numbers__title {
text-align: center;
}
.home-our-numbers .home-our-numbers__title span {
display: block;
}
.home-our-numbers .home-our-numbers__title--counter {
font-weight: 600;
font-size: 48px;
color: #de0012;
}
@media only screen and (max-width: 1440px) {
.home-our-numbers .home-our-numbers__title--counter {
font-size: 40px;
}
}
@media only screen and (max-width: 768px) {
.home-our-numbers .home-our-numbers__title--counter {
font-size: 32px;
}
}
@media only screen and (max-width: 480px) {
.home-our-numbers .home-our-numbers__title--counter {
font-size: 24px;
}
}
.home-our-numbers .home-our-numbers__title--desc {
color: #999999;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
}
@media only screen and (max-width: 768px) {
.home-our-numbers .home-our-numbers__title--desc {
font-size: 14px;
}
}
.home-about-us,
.why-us {
position: relative;
}
.home-about-us:before,
.why-us:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: calc(((100% - 1380px) / 2) + 920px);
height: 100%;
background-color: #f4f4f4;
}
@media only screen and (max-width: 1440px) {
.home-about-us:before,
.why-us:before {
width: calc(((100% - 1140px) / 2) + 760px);
}
}
@media only screen and (max-width: 1200px) {
.home-about-us:before,
.why-us:before {
width: 100%;
}
}
.home-about-us .home-about-us__columns {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.home-about-us .home-about-us__column {
width: 50%;
padding: 15px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.home-about-us .home-about-us__column {
width: 100%;
}
}
.home-our-offer {
margin-top: 90px;
position: relative;
}
.home-our-offer:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: calc(((100% - 1380px) / 2) + 920px);
height: 100%;
background-color: #f4f4f4;
}
@media only screen and (max-width: 1440px) {
.home-our-offer:before {
width: calc(((100% - 1140px) / 2) + 760px);
}
}
@media only screen and (max-width: 1200px) {
.home-our-offer:before {
width: 100%;
}
}
.home-our-offer .section__row {
position: relative;
}
.home-our-offer .home-our-offer__boxes,
.page-realizations .page-realizations__boxes {
display: flex;
flex-wrap: wrap;
}
.home-our-offer .home-our-offer__boxes,
.home-our-realizations .home-our-realizations__carousel,
.page-realizations .page-realizations__boxes {
margin: -15px;
}
.home-our-offer .home-our-offer__box,
.page-realizations .page-realizations__box {
width: 33.3333%;
}
@media only screen and (max-width: 1200px) {
.home-our-offer .home-our-offer__box,
.page-realizations .page-realizations__box {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.home-our-offer .home-our-offer__box,
.page-realizations .page-realizations__box {
width: 100%;
}
}
.home-our-offer .home-our-offer__box,
.home-our-realizations .home-our-realizations__item,
.page-realizations .page-realizations__box {
padding: 15px;
}
.home-our-offer .home-our-offer__img,
.home-our-realizations .home-our-realizations__img,
.page-realizations .page-realizations__img,
.home-news .home-news__img,
.page-news .page-news__img {
position: relative;
overflow: hidden;
}
.home-our-offer .home-our-offer__img:hover,
.home-our-realizations .home-our-realizations__img:hover,
.page-realizations .page-realizations__img:hover,
.home-news .home-news__img:hover,
.page-news .page-news__img:hover {
cursor: pointer;
}
.home-our-offer .home-our-offer__img > a > img,
.home-our-realizations .home-our-realizations__img > a > img,
.page-realizations .page-realizations__img > a > img,
.home-news .home-news__img > a > img,
.page-news .page-news__img > a > img {
width: 100%;
object-fit: cover;
object-position: center;
}
.home-our-offer .home-our-offer__caption,
.home-our-realizations .home-our-realizations__caption,
.page-realizations .page-realizations__caption,
.home-news .home-news__caption,
.page-news .page-news__caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #e32635;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px;
transition: all 0.5s;
transform: translateY(100%);
}
@media only screen and (max-width: 768px) {
.home-our-offer .home-our-offer__caption,
.home-our-realizations .home-our-realizations__caption,
.page-realizations .page-realizations__caption,
.home-news .home-news__caption,
.page-news .page-news__caption {
padding: 15px;
}
}
.home-our-offer .home-our-offer__caption .section__btn--white:hover,
.home-our-realizations
.home-our-realizations__caption
.section__btn--white:hover,
.page-realizations .page-realizations__caption .section__btn--white:hover,
.home-news .home-news__caption .section__btn--white:hover,
.page-news .page-news__caption .section__btn--white:hover {
border: 1px solid #fff;
background-color: #fff;
color: #e32635;
}
.home-our-offer .home-our-offer__caption .section__btn--white:hover:before,
.home-our-realizations
.home-our-realizations__caption
.section__btn--white:hover:before,
.page-realizations
.page-realizations__caption
.section__btn--white:hover:before,
.home-news .home-news__caption .section__btn--white:hover:before,
.page-news .page-news__caption .section__btn--white:hover:before {
background-color: #e32635;
}
.home-our-offer .home-our-offer__caption .section__btn--white:hover svg path,
.home-our-realizations
.home-our-realizations__caption
.section__btn--white:hover
svg
path,
.page-realizations
.page-realizations__caption
.section__btn--white:hover
svg
path,
.home-news .home-news__caption .section__btn--white:hover svg path,
.page-news .page-news__caption .section__btn--white:hover svg path {
fill: #e32635;
}
.home-our-offer .home-our-offer__img:hover .home-our-offer__caption,
.home-our-realizations
.home-our-realizations__img:hover
.home-our-realizations__caption,
.page-realizations .page-realizations__img:hover .page-realizations__caption,
.home-news .home-news__img:hover .home-news__caption,
.page-news .page-news__img:hover .page-news__caption {
transform: translateY(0%);
cursor: pointer;
}
.home-our-offer .home-our-offer__row,
.home-our-realizations .home-our-realizations__row,
.page-realizations .page-realizations__row,
.home-news .home-news__row,
.page-news .page-news__row {
margin-bottom: 15px;
}
.home-our-offer .home-our-offer__row:last-child,
.home-our-realizations .home-our-realizations__row:last-child,
.page-realizations .page-realizations__row:last-child,
.home-news .home-news__row:last-child,
.page-news .page-news__row:last-child {
margin-bottom: 0;
transition: all 0.5s;
}
.home-our-offer
.home-our-offer__box
.home-our-offer__row:first-child:hover
+ .home-our-offer__row:last-child,
.home-our-realizations
.home-our-realizations__item
> .home-our-realizations__row:first-child:hover
+ .home-our-realizations__row:last-child,
.page-realizations
.page-realizations__box
> .page-realizations__row:first-child:hover
+ .page-realizations__row:last-child,
.home-news
.home-news__box
> .home-news__row:first-child:hover
+ .home-news__row:last-child,
.page-news
.page-news__box
> .page-news__row:first-child:hover
+ .page-news__row:last-child {
opacity: 0;
}
.home-our-realizations
.home-our-realizations__item
> .home-our-realizations__row:last-child
.home-our-realizations__title,
.page-realizations
.page-realizations__box
> .page-realizations__row:last-child
.page-realizations__title {
font-size: 20px;
}
@media only screen and (max-width: 768px) {
.home-our-realizations
.home-our-realizations__item
> .home-our-realizations__row:last-child
.home-our-realizations__title,
.page-realizations
.page-realizations__box
> .page-realizations__row:last-child
.page-realizations__title {
font-size: 16px;
}
}
.home-our-offer .home-our-offer__desc {
font-size: 14px;
}
@media only screen and (max-width: 1440px) {
.home-our-offer .home-our-offer__desc {
font-size: 12px;
}
}
.home-why-us .home-why-us__boxes {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.home-why-us .home-why-us__box {
width: 25%;
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__box {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.home-why-us .home-why-us__box {
width: 100%;
}
}
.home-why-us .home-why-us__img {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1200px) {
.home-why-us .home-why-us__img {
justify-content: center;
}
}
.home-why-us .home-why-us__img > img {
margin-right: 30px;
height: 60px;
}
.home-why-us .home-why-us__title {
color: #999999;
}
.home-our-realizations {
position: relative;
color: #fff;
}
.home-our-realizations .slick-dots {
display: flex;
justify-content: center;
bottom: -105px;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .slick-dots {
bottom: -18px;
}
}
.home-our-realizations .slick-dots li {
margin: 0;
margin-right: 15px;
width: 12px;
height: 12px;
display: flex;
transition: all 0.5s;
}
.home-our-realizations .slick-dots li.slick-active,
.home-our-realizations .slick-dots li:hover {
width: 50px;
}
.home-our-realizations .slick-dots li:last-child {
margin-right: 0;
}
.home-our-realizations .slick-dots li button {
padding: 0;
display: inline-block;
width: 12px;
height: 12px;
box-sizing: border-box;
background-color: #fff;
border-radius: 12px;
transition: 0.5s;
}
.home-our-realizations .slick-dots li.slick-active button,
.home-our-realizations .slick-dots li:hover button {
width: 50px;
}
.home-our-realizations .slick-dots li button:before {
display: none;
}
.home-our-realizations .home-our-realizations__mask {
position: absolute;
top: 90px;
height: calc(100% - 260px);
width: 100%;
z-index: 100;
background-color: #000;
}
.home-our-realizations .home-our-realizations__background {
position: absolute;
top: 0;
left: 0;
width: calc(((100% - 1380px) / 2) + 1150px);
height: 100%;
z-index: 200;
}
@media only screen and (max-width: 1440px) {
.home-our-realizations .home-our-realizations__background {
width: calc(((100% - 1140px) / 2) + 950px);
}
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__background {
width: 100%;
}
}
.home-our-realizations .home-our-realizations__background > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.home-our-realizations .section__row {
position: relative;
z-index: 300;
}
.home-our-realizations .section__title {
color: #fff;
}
.home-our-realizations .home-our-realizations__title,
.page-realizations .page-realizations__title {
font-weight: 700;
}
.home-our-realizations .home-our-realizations__columns {
display: flex;
justify-content: space-between;
align-items: center;
margin: -15px;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__columns {
justify-content: center;
}
}
.home-our-realizations .home-our-realizations__column {
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__column {
margin-top: 30px;
}
.home-our-realizations .home-our-realizations__column:last-child {
display: none;
}
}
.home-our-realizations .home-our-realizations__arrows {
display: flex;
position: relative;
right: 150px;
}
@media only screen and (max-width: 1440px) {
.home-our-realizations .home-our-realizations__arrows {
right: 110px;
}
}
@media only screen and (max-width: 1200px) {
.home-our-realizations .home-our-realizations__arrows {
display: none;
}
}
.home-our-realizations .home-our-realizations__arrow {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f4f4f4;
}
.home-our-realizations .home-our-realizations__arrow:first-child {
background-color: #fff;
}
.home-our-realizations .home-our-realizations__arrow:hover {
cursor: pointer;
}
.home-our-realizations .home-our-realizations__arrow svg {
height: 20px;
}
.home-our-realizations .home-our-realizations__arrow svg path {
fill: #999999;
transition: all 0.5s;
}
.home-our-realizations .home-our-realizations__arrow:hover svg path {
fill: #de0012;
}
.home-our-realizations .home-our-realizations__arrow--prev svg {
transform: rotate(180deg);
}
.home-news .home-news__columns {
display: flex;
justify-content: space-between;
align-items: center;
margin: -15px;
}
@media only screen and (max-width: 1200px) {
.home-news .home-news__columns {
justify-content: center;
flex-wrap: wrap;
}
}
.home-news .home-news__column {
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.home-news .home-news__column {
width: 100%;
text-align: center;
}
}
.home-news .home-news__boxes,
.page-news .page-news__boxes {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.home-news .home-news__box,
.page-news .page-news__box {
width: 25%;
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.home-news .home-news__box,
.page-news .page-news__box {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.home-news .home-news__box,
.page-news .page-news__box {
width: 100%;
}
}
.home-news .home-news__title,
.page-news .page-news__title {
font-size: 16px;
font-weight: 700;
}
.home-news .home-news__btn,
.page-news .page-news__btn {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
}
.home-news .home-news__btn:hover,
.page-news .page-news__btn:hover {
background-color: #fff;
}
.home-news .home-news__btn > svg,
.page-news .page-news__btn > svg {
height: 10px;
}
.home-news .home-news__btn > svg path,
.page-news .page-news__btn > svg path {
fill: #fff;
transition: all 0.5s;
}
.home-news .home-news__btn:hover > svg path,
.page-news .page-news__btn:hover > svg path {
fill: #e32635;
}
.fifty-fifty {
position: relative;
}
.fifty-fifty .fifty-fifty__img {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50%;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__img {
position: relative;
transform: none;
top: 0;
width: 100%;
}
}
.fifty-fifty .fifty-fifty__img--right {
right: 0;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__img--right {
margin-top: 60px;
}
}
.fifty-fifty .fifty-fifty__img--left {
left: 0;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__img--left {
margin-bottom: 60px;
}
}
.fifty-fifty .fifty-fifty__img > img {
width: 100%;
object-fit: cover;
object-position: center;
}
.fifty-fifty .fifty-fifty__columns {
display: flex;
flex-wrap: wrap;
margin: 0 -60px;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__columns {
margin: 0;
}
}
.fifty-fifty .fifty-fifty__columns--right {
justify-content: flex-end;
}
.fifty-fifty .fifty-fifty__columns--left {
justify-content: flex-start;
}
.fifty-fifty .fifty-fifty__column {
width: 50%;
padding: 0 60px;
}
@media only screen and (max-width: 1200px) {
.fifty-fifty .fifty-fifty__column {
width: 100%;
padding: 0;
}
}
.why-us {
padding-bottom: 180px;
}
@media only screen and (max-width: 1200px) {
.why-us {
padding-bottom: 90px;
}
}
.why-us .section__row {
position: relative;
}
.numbers {
position: relative;
padding-top: 0;
margin-top: -90px;
}
@media only screen and (max-width: 1200px) {
.numbers {
padding-top: 90px;
margin-top: 0;
}
}
.numbers:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: calc((100% - 1380px) / 2 + 1150px);
height: 100%;
background-color: #fff;
}
@media only screen and (max-width: 1440px) {
.numbers:before {
width: calc((100% - 1140px) / 2 + 1150px);
}
}
@media only screen and (max-width: 1200px) {
.numbers:before {
width: 100%;
}
}
.numbers .numbers__content {
width: 1150px;
position: relative;
margin-left: auto;
margin-right: 0;
}
@media only screen and (max-width: 1440px) {
.numbers .numbers__content {
width: 950px;
}
}
@media only screen and (max-width: 1200px) {
.numbers .numbers__content {
width: 100%;
}
}
.numbers .numbers__content {
padding: 60px 0 0 60px;
background-color: #fff;
}
@media only screen and (max-width: 1200px) {
.numbers .numbers__content {
padding: 0;
}
}
.numbers .numbers__boxes,
.numbers .numbers__columns {
display: flex;
margin: -15px;
}
.numbers .numbers__boxes {
flex-wrap: wrap;
}
.numbers .numbers__columns {
align-items: center;
}
.numbers .numbers__box,
.numbers .numbers__column {
padding: 15px;
}
.numbers .numbers__box {
width: 50%;
}
@media only screen and (max-width: 1200px) {
.numbers .numbers__box {
width: 100%;
}
}
.numbers .numbers__row {
margin-bottom: 15px;
}
.numbers .numbers__row:last-child {
margin-bottom: 0;
}
.numbers .numbers__title {
font-weight: 700;
font-size: 20px;
color: #e32635;
}
.numbers .numbers__counter {
font-size: 120px;
font-weight: 700;
color: #f4f4f4;
line-height: 1;
display: flex;
justify-content: center;
width: 81.25px;
}
.contact-us {
background-color: #f4f4f4;
}
.contact-us .contact-us__columns {
display: flex;
justify-content: center;
align-items: center;
margin: -30px;
}
@media only screen and (max-width: 1200px) {
.contact-us .contact-us__columns {
flex-wrap: wrap;
margin: -15px;
}
}
.contact-us .contact-us__column {
padding: 30px;
}
@media only screen and (max-width: 1200px) {
.contact-us .contact-us__column {
width: 100%;
text-align: center;
padding: 15px;
}
}
.contact-us .contact-us__phone {
display: flex;
align-items: center;
position: relative;
padding-left: 30px;
}
@media only screen and (max-width: 1200px) {
.contact-us .contact-us__phone {
padding-left: 0;
justify-content: center;
}
}
.contact-us .contact-us__phone span {
display: inline-flex;
}
.contact-us .contact-us__phone span:hover {
cursor: pointer;
}
.contact-us .contact-us__phone--mask {
content: "";
position: absolute;
top: -30px;
left: 0;
width: 120px;
height: 192px;
background-color: #e32635;
}
@media only screen and (max-width: 1440px) {
.contact-us .contact-us__phone--mask {
height: 180px;
}
}
@media only screen and (max-width: 1200px) {
.contact-us .contact-us__phone--mask {
display: none;
}
}
.contact-us .contact-us__phone--mask:hover {
cursor: pointer;
}
.contact-us .contact-us__phone svg {
margin-right: 60px;
width: 60px;
height: 60px;
position: relative;
}
@media only screen and (max-width: 1440px) {
.contact-us .contact-us__phone svg {
width: 48px;
height: 48px;
}
}
@media only screen and (max-width: 768px) {
.contact-us .contact-us__phone svg {
width: 40px;
height: 40px;
margin-right: 30px;
}
}
@media only screen and (max-width: 480px) {
.contact-us .contact-us__phone svg {
width: 32px;
height: 32px;
}
}
.contact-us .contact-us__phone svg path {
fill: #fff;
}
@media only screen and (max-width: 1200px) {
.contact-us .contact-us__phone svg path {
fill: #e32635;
}
}
.contact-us .section__title,
.contact-us .contact-us__phone a {
font-family: "Titillium Web", sans-serif;
font-weight: 600;
font-size: 48px;
}
@media only screen and (max-width: 1440px) {
.contact-us .section__title,
.contact-us .contact-us__phone a {
font-size: 40px;
}
}
@media only screen and (max-width: 768px) {
.contact-us .section__title,
.contact-us .contact-us__phone a {
font-size: 32px;
}
}
@media only screen and (max-width: 480px) {
.contact-us .section__title,
.contact-us .contact-us__phone a {
font-size: 24px;
}
}
.contact-us .contact-us__phone a span {
transition: all 0.5s;
}
.contact-us .contact-us__phone a:hover,
.contact-us .contact-us__phone a:hover span {
color: #de0012 !important;
}
.contact-us .section__title:before {
display: none;
}
.popup__content {
background-color: #e32635;
color: #fff;
padding: 60px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.popup__content {
padding: 60px 30px;
}
}
.popup__content .section__title {
color: #fff;
}
.popup__content .section__title:before {
background-color: #fff;
}
.popup-modal-dismiss {
position: absolute;
top: 60px;
right: 60px;
}
@media only screen and (max-width: 1200px) {
.popup-modal-dismiss {
right: 30px;
}
}
.popup-modal-dismiss svg {
width: 24px;
height: 24px;
}
.popup-modal-dismiss svg path {
fill: #fff;
}
.popup-modal-dismiss:hover {
cursor: pointer;
}
.form__columns {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.form__column {
width: 50%;
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.form__column {
width: 100%;
}
}
.hot-menu {
border-bottom: 1px solid #dddddd;
}
.hot-menu .hot-menu__columns {
display: flex;
justify-content: space-between; margin: -30px;
}
@media only screen and (max-width: 1200px) {
.hot-menu .hot-menu__columns {
flex-wrap: wrap;
margin: -15px;
}
}
.hot-menu .hot-menu__column { padding: 30px;
}
@media only screen and (max-width: 1200px) {
.hot-menu .hot-menu__column {
padding: 15px;
width: 100%;
}
}
.hot-menu .hot-menu__column:first-child {
width: 35%;
}
@media only screen and (max-width: 1200px) {
.hot-menu .hot-menu__column:first-child {
width: 100%;
}
}
.hot-menu .hot-menu__row {
margin-bottom: 30px;
}
.hot-menu .hot-menu__row:last-child {
margin-bottom: 0;
}
.hot-menu .hot-menu__title {
font-weight: 700;
font-size: 16px;
}
.hot-menu ul {
list-style-type: none;
}
.hot-menu li {
margin-bottom: 15px;
}
.hot-menu li:last-child {
margin-bottom: 0;
}
.hot-menu a {
font-size: 14px;
color: #999999;
position: relative;
}
.hot-menu .hot-menu__nav .menu > li:hover > a,
.hot-menu .hot-menu__nav .menu > li.current-menu-item > a,
.hot-menu .hot-menu__nav .menu > li.current_page_item > a,
.hot-menu .hot-menu__nav .menu > li.current_page_ancestor > a,
.hot-menu .hot-menu__nav .menu > li.current-menu-ancestor > a {
color: #de0012;
}
.hot-menu .hot-menu__nav .menu > li > a:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
width: 0;
height: 1px;
transition: 0.5s;
background-color: #de0012;
}
.hot-menu .hot-menu__nav .menu > li:hover > a:before,
.hot-menu .hot-menu__nav .menu > li.current-menu-item > a:before,
.hot-menu .hot-menu__nav .menu > li.current_page_item > a:before,
.hot-menu .hot-menu__nav .menu > li.current_page_ancestor > a:before,
.hot-menu .hot-menu__nav .menu > li.current-menu-ancestor > a:before {
width: 100%;
}
.hot-menu .hot-menu__socials {
display: flex;
margin: -7.5px;
}
.hot-menu .hot-menu__social {
padding: 7.5px;
}
.hot-menu .hot-menu__social > a > svg {
width: 20px;
height: 20px;
}
.hot-menu .hot-menu__social > a > svg path,
.hot-menu .hot-menu__social > a > svg circle {
fill: #e53341;
transition: all 0.5s;
}
.hot-menu .hot-menu__social > a:hover > svg path,
.hot-menu .hot-menu__social > a:hover > svg circle {
fill: #666;
}
.footer {
padding: 30px 0;
color: #999999;
font-size: 14px;
}
.footer .footer__columns {
display: flex;
justify-content: space-between;
margin: -15px;
}
@media only screen and (max-width: 1200px) {
.footer .footer__columns {
flex-wrap: wrap;
margin: -7.5px;
}
}
.footer .footer__column {
padding: 15px;
}
@media only screen and (max-width: 1200px) {
.footer .footer__column {
padding: 7.5px;
width: 100%;
}
}
.footer .footer__row {
margin-bottom: 15px;
}
.footer .footer__row:last-child {
margin-bottom: 0;
}
.footer ul {
list-style-type: none;
}
.footer .footer__nav ul {
display: flex;
align-items: center;
margin: -15px;
}
@media only screen and (max-width: 1200px) {
.footer .footer__nav ul {
margin: -7.5px;
flex-wrap: wrap;
}
}
.footer .footer__nav li {
padding: 15px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.footer .footer__nav li {
padding: 7.5px;
width: 100%;
}
}
.footer .footer__nav li:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 1px;
height: 14px;
background-color: #dddddd;
}
@media only screen and (max-width: 1200px) {
.footer .footer__nav li:before {
display: none;
}
}
.footer .footer__nav li:last-child:before {
display: none;
}
.footer .footer__nav a {
position: relative;
}
.footer .footer__nav .menu > li:hover > a,
.footer .footer__nav .menu > li.current-menu-item > a,
.footer .footer__nav .menu > li.current_page_item > a,
.footer .footer__nav .menu > li.current_page_ancestor > a,
.footer .footer__nav .menu > li.current-menu-ancestor > a {
color: #de0012;
}
.footer .footer__nav .menu > li:first-child:hover > a,
.footer .footer__nav .menu > li:first-child.current-menu-item > a,
.footer .footer__nav .menu > li:first-child.current_page_item > a,
.footer .footer__nav .menu > li:first-child.current_page_ancestor > a,
.footer .footer__nav .menu > li:first-child.current-menu-ancestor > a {
color: #999;
cursor: text;
}
.footer .footer__nav .menu > li > a:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
width: 0;
height: 1px;
transition: 0.5s;
background-color: #de0012;
}
.footer .footer__nav .menu > li:first-child > a:before {
display: none;
}
.footer .footer__nav .menu > li:hover > a:before,
.footer .footer__nav .menu > li.current-menu-item > a:before,
.footer .footer__nav .menu > li.current_page_item > a:before,
.footer .footer__nav .menu > li.current_page_ancestor > a:before,
.footer .footer__nav .menu > li.current-menu-ancestor > a:before {
width: 100%;
}
.footer .footer__webdesign a {
font-weight: 700;
color: #e32635;
}
.footer .footer__webdesign a:hover {
color: #666;
}
.wpcf7-form {
text-align: left;
}
.wpcf7-form p {
margin-bottom: 15px;
}
.wpcf7-form p:last-of-type {
margin-bottom: 0;
}
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control {
padding: 15px 0;
background-color: transparent;
border: 0;
border-bottom: 2px solid #fff;
width: 100%;
display: block;
box-sizing: border-box;
outline: 0 !important;
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
.section__desc .wpcf7-form input.wpcf7-form-control,
.section__desc .wpcf7-form textarea.wpcf7-form-control {
border-bottom: 2px solid #ddd;
color: #666;
}
.your-file input {
border-bottom: 0 !important;
}
.wpcf7-form input.wpcf7-form-control::placeholder,
.wpcf7-form textarea.wpcf7-form-control::placeholder {
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
.section__desc .wpcf7-form input.wpcf7-form-control::placeholder,
.section__desc .wpcf7-form textarea.wpcf7-form-control::placeholder {
color: #666666;
}
.wpcf7-form input.wpcf7-form-control:focus,
.wpcf7-form textarea.wpcf7-form-control:focus {
outline: 0 !important;
}
.wpcf7-form input.wpcf7-form-control.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-form-control.wpcf7-not-valid {
border-bottom: 2px solid #e32635;
}
.wpcf7-form .wpcf7-not-valid > .wpcf7-list-item {
border-bottom: 2px solid #e32635;
padding: 15px;
}
.wpcf7-form .wpcf7-list-item {
margin: 0 !important;
line-height: 1.5;
font-size: 14px !important;
}
.wpcf7-form input[type="checkbox"] {
margin-right: 15px;
}
.wpcf7-form .wpcf7-response-output {
padding: 15px !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1.5;
}
.wpcf7-form .wpcf7-response-output {
margin: 30px 0 0 0 !important;
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 12px !important;
line-height: 1;
display: block;
}
.wpcf7-form label > span {
color: #fff;
}
.wpcf7-form .wpcf7-acceptance label {
display: flex;
}
.wpcf7-form input[type="checkbox"] {
position: relative;
top: 4px;
}
.wpcf7-form .wpcf7-list-item-label {
color: #fff;
}
.wpcf7-form .ajax-loader {
display: none !important;
}
.section__desc .wpcf7-submit {
border: 2px solid #e32635!important;
margin-top: 15px;
}
.gallery {
display: flex;
flex-wrap: wrap;
margin: -15px !important;
}
.gallery-item {
width: 25% !important;
padding: 15px !important;
margin-top: 0 !important;
}
@media only screen and (max-width: 1200px) {
.gallery-item {
width: 33.3333% !important;
}
}
@media only screen and (max-width: 768px) {
.gallery-item {
width: 50% !important;
}
}
@media only screen and (max-width: 480px) {
.gallery-item {
width: 100% !important;
}
}
.gallery-item img {
width: 100%;
object-fit: cover;
object-position: center;
border: 0 !important;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.gallery-item a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gallery-item a {
display: block;
position: relative;
overflow: hidden;
}
.gallery-item a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: rgba(227, 38, 53, 1);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.gallery-item a:hover::before {
height: 100%;
}
.gallery-item a::after {
content: "";
background-image: url(//www.lucz-bud.com.pl/wp-content/themes/luczbud/img/gallery-search.png);
width: 30px;
height: 30px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 200;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s;
opacity: 0;
filter: brightness(0%) invert(100%);
}
.gallery-item a:hover::after {
opacity: 1;
}
.bottom-bar {
position: fixed;
left: 0;
display: none;
bottom: 0;
width: 100%;
z-index: 300;
}
@media only screen and (max-width: 1200px) {
.bottom-bar {
display: block;
}
}
.bottom-bar ul {
list-style-type: none;
display: flex;
}
.bottom-bar ul li {
flex: 1;
text-align: center;
}
.bottom-bar ul li a {
display: block;
background-color: #333333;
padding: 15px 0;
line-height: 1;
position: relative;
}
.bottom-bar > ul > li > a > img {
margin: 0 auto 0 auto;
height: 20px;
filter: brightness(0%) invert(100%);
}
.section__pagination .nav-links {
display: flex;
justify-content: center;
align-items: center;
}
.section__pagination .page-numbers {
font-size: 16px;
position: relative;
margin-right: 30px;
display: flex !important;
align-items: center !important;
color: #666;
font-family: "Titillium Web", sans-serif;
}
.section__pagination .page-numbers:last-child {
margin-right: 0;
}
.section__pagination .page-numbers.current {
color: #e22534;
}
.section__pagination .page-numbers.prev {
padding-left: 37px;
}
.section__pagination .page-numbers.prev,
.section__pagination .page-numbers.next {
font-size: 0 !important;
margin-right: 0 !important;
}
.section__pagination .page-numbers.next {
padding-right: 7px !important;
}
.section__pagination .page-numbers.prev:before,
.section__pagination .page-numbers.next:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
content: "";
background-image: url(//www.lucz-bud.com.pl/wp-content/themes/luczbud/img/pagination_arrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 7px;
height: 10px;
}
.section__pagination .page-numbers.prev:before {
left: 0;
transform: translateY(-50%) rotate(180deg);
}
.section__pagination .page-numbers.next:before {
right: 0;
}
.page-realizations .page-realizations__nav .menu {
display: flex;
flex-wrap: wrap;
margin: -7.5px -15px;
list-style-type: none;
}
.page-realizations .page-realizations__nav .menu > li {
position: relative;
float: left;
padding: 7.5px 15px;
}
.page-realizations .page-realizations__nav .menu > li > a {
position: relative;
line-height: 1;
color: #333333;
text-transform: uppercase;
font-family: "Titillium Web",sans-serif;
font-weight: 600;
}
.page-realizations .page-realizations__nav .menu > li:hover > a {
color: #999999;
}
.page-realizations .page-realizations__nav .menu > li > a:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100%;
width: 0;
height: 2px;
transition: 0.5s;
background-color: #de0012;
}
.page-realizations .page-realizations__nav .menu > li:hover > a:before {
width: 100%;
}