@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
line-height: 1.15;
overflow-x: hidden;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
overflow-x: hidden;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #43484D;
background-color: #fff;
padding-top: 106px;
}
@media only screen and (max-width : 1200px) {
body {
font-size: 14px;
padding-top: 64px;
padding-bottom: 50px;
}
}
body.home {
padding-top: 0;
}
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 {
font-weight: 400;
}
h1 {
font-size: 48px;
}
@media only screen and (max-width : 1440px) {
h1 {
font-size: 32px;
}
}
@media only screen and (max-width : 768px) {
h1 {
font-size: 24px;
}
}
@media only screen and (max-width : 480px) {
h1 {
font-size: 16px;
}
}
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;
}
}
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%;
font-weight: 400;
}
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,
.home-slider__nav {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 30px;
}
@media only screen and (max-width : 1440px) {
.container,
.home-slider__nav {
max-width: 1200px;
}
}
@media only screen and (max-width : 768px) {
.container,
.home-slider__nav {
padding: 0 15px;
}
}
.section {
padding: 60px 0;
position: relative;
}
@media only screen and (max-width : 1200px) {
.section {
text-align: center;
}
}
.section__row {
margin-bottom: 30px;
}
.section__row:last-child {
margin-bottom: 0;
}
.section__title {
padding-left: 20px;
border-left: 10px solid #77A700;
line-height: 1;
font-weight: 300;
display: inline-block;
}
.section__img {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: calc(50% - 15px);
height: calc(100% - 120px);
padding: 60px 0;
}
@media only screen and (max-width : 1200px) {
.section__img {
display: none;
}
}
.page-about-us .section__img {
bottom: 60px;
top: inherit;
transform: inherit;
height: calc(100% - 120px);
}
@media only screen and (max-width : 1200px) {
.page-about-us .section__img {
display: none;
}
} .section__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.section__columns {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
#tab-inwestycje .section__columns,
#tab-projekty-unijne .section__columns {
justify-content: center;
}
.section__column {
flex: 0 0 50%;
max-width: 50%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.section__column {
flex: 0 0 100%;
max-width: 100%;
}
}
#tab-inwestycje .section__column,
#tab-projekty-unijne .section__column {
flex: 0 0 66.6667%;
max-width: 66.6667%;
}
.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: 20px;
}
.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;
}
.page-product .tab-content .section__desc {
text-align: center;
}
.section__desc table {
border-collapse: collapse;
}
.page-product .section__desc table {
margin-left: auto;
margin-right: auto;
}
.section__desc table tr th,
.section__desc table tr td {
padding: 15px;
text-align: left;
border: 1px solid rgba(0,0,0, 0.1);
}
@media only screen and (max-width : 1200px) {
.section__desc table tr th,
.section__desc table tr td {
padding: 10px;
}
}
.section__desc ul,
.section__desc ol {
padding-left: 16px;
}
@media only screen and (max-width : 1200px) {
.section__desc ul,
.section__desc ol {
text-align: left;
display: inline-block;
}
}
.page-product ul,
.page-product ol {
text-align: left;
display: inline-block;
}
.section__desc a {
position: relative;
font-weight: 700;
color: #77A700;
}
.section__desc a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background-color: #77A700;
transition: all 0.5s;
}
.section__desc a:hover:before {
width: 100%;
}
.section__btn,
.wpcf7-submit {
display: inline-block;
padding: 15px 30px;
font-weight: 400;
}
@media only screen and (max-width : 1200px) {
.section__btn,
.wpcf7-submit {
padding: 10px 20px;
}
}
.section__btn--green,
.wpcf7-submit {
background-color: #77A700;
color: #fff;
line-height: 1;
border-radius: 46px;
}
.section__btn--green:hover,
.wpcf7-submit:hover {
background-color: #43484D;
}
.section__btn--white {
background-color: #fff;
color: #43484D;
line-height: 1;
border-radius: 46px;
}
.section__btn--white:hover {
background-color: #77A700;
color: #fff;
}
.header {
padding: 30px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 500;
background-color: #fff;
}
@media only screen and (max-width : 1200px) {
.header {
padding: 15px 0;
}
}
.header.home {
background-color: transparent;
}
.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__logo img {
max-height: 30px;
}
.header .header__column:nth-child(2) {
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__nav ul {
list-style-type: none;
display: flex;
margin: 0 -15px;
}
.header .header__nav li {
padding: 0 15px;
float: left;
position: relative;
}
.header .header__nav .menu > li > a {
position: relative;
font-weight: 400;
}
.header .header__nav .menu > li > a:hover,
.header .header__nav .menu > li.current_page_item > a,
.header .header__nav .menu > li.current-menu-item > a,
.header .header__nav .menu > li.current_page_ancestor > a,
.header .header__nav .menu > li.current-menu-ancestor > a {
color: #77A700;
}
.header .header__nav .menu > li > a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
transition: all 0.5s;
background-color: #77A700;
}
.header .header__nav .menu > li:hover > a:before,
.header .header__nav .menu > li.current_page_item > a:before,
.header .header__nav .menu > li.current-menu-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% - 4px);
left: 15px;
margin: 0!important;
white-space: nowrap;
z-index: 400;
}
.header .header__nav ul ul li {
float: none;
padding: 0!important;
}
.header .header__nav ul ul li a {
color: #fff;
display: block;
padding: 15px 30px;
font-size: 14px;
transition: all 0.5s;
font-weight: 400;
background-color: #77A700;
}
.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, .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 {
background-color: #A62511;
}
.header .header__nav ul ul ul {
top: 0;
left: 100%
}
.header .header__nav ul li:hover > ul {
display: block!important;
}
.header .header__button {
display: inline-flex;
padding: 15px 30px;
align-items: center;
background-color: #A62511;
line-height: 1;
border-radius: 46px;
font-weight: 400;
}
@media only screen and (max-width : 1200px) {
.header .header__button {
padding: 10px 20px;
border-radius: 36px;
}
}
.header .header__lang {
margin-right: 30px;
color: #fff;
}
@media only screen and (max-width : 1200px) {
.header .header__lang {
margin-right: 0;
}
.header .header__search {
display: none;
}
}
.header .header__hamburger {
line-height: 1;
}
.header .header__hamburger button {
border: 0;
background-color: transparent;
}
.header .header__hamburger img {
filter: brightness(0%) invert(0%);
max-height: 24px;
}
.menu-mobile {
display: none;
position: fixed;
top: 64px;
left: 0;
width: 100%;
background-color: #77A700;
padding: 20px 0;
z-index: 400;
text-align: right;
overflow-y: scroll;
max-height: calc(100vh - 114px);
}
.menu-mobile ul {
list-style-type: none;
}
.menu-mobile a {
color: #fff;
display: block;
padding: 10px 0;
position: relative;
font-size: 16px;
font-weight: 400;
}
.menu-mobile a:hover,
.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: #43484D;
}
.menu-mobile a:after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100%;
height: 1px;
background-color: rgba(255,255,255, .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(//zakrem.pl/wp-content/themes/zakrem/img/button.png);
background-repeat: no-repeat;
width: 13px;
height: 8px;
filter: brightness(0%) invert(100%);
}
.menu-mobile .sub-menu {
display: none;
}
.menu-mobile .sub-menu a {
font-weight: 400;
font-size: 14px;
}
.home-banner {
position: relative;
}
.header__dotation {
position: absolute;
top: 110px;
right: 0;
z-index: 400;
}
@media only screen and (max-width : 1200px) {
.header__dotation {
top: 72px;
}
}
.home-slider__for.
.home-slider__nav {
opacity: 0; transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.home-slider__for.slick-initialized.
.home-slider__nav.slick-initialized {
visibility: visible;
opacity: 1;
}
.home-slider__for .animated.
.home-slider__nav .animated {
transition: all 0.5s ease;
}
.home-slider__for [data-animation-in].
.home-slider__nav [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.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes zoomOutImage {
from {
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.zoomOutImage {
-webkit-animation-name: zoomOutImage;
animation-name: zoomOutImage;
}
.home-slider__for { width: 50%;
margin-right: 0;
margin-left: auto;
}
@media only screen and (max-width : 1440px) {
.home-slider__for { width: 50%;
}
}
@media only screen and (max-width : 1200px) {
.home-slider__for {
width: 100%;
}
}
.home-slider__for .home-slider__img {
position: relative; }
.home-slider__for .home-slider__img img { width: 100%;
height: 100vh;
object-fit: cover;
object-position: center;
}
@media only screen and (max-width : 1200px) {
.home-slider__for .home-slider__img img {
height: calc(100% - 114px);
}
}
.home-slider__nav .slick-dots {
position: absolute;
left: 30px;
bottom: inherit;
text-align: left;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 50%;
display: flex;
flex-direction: column;
}
@media only screen and (max-width : 1200px) {
.home-slider__nav .slick-dots {
left: 15px;
display: none;
}
}
.home-slider__nav .slick-dots li {
position: relative;
display: block;
flex: 1;
width: 3px;
height: auto;
margin: 0;
padding: 0;
cursor: pointer;
background-color: #D5D5D5;
}
.home-slider__nav .slick-dots li.slick-active {
background-color: #77A700;
}
.home-slider__nav .slick-dots li button {
display: none;
}
.home-slider__content {
position: absolute;
top: calc(50% + 53px);
left: 0;
right: 0;
transform: translateY(-50%);
}
@media only screen and (max-width : 1200px) {
.home-slider__content {
top: calc(50% + 32px);
}
}
.home-slider__nav .home-slider__columns {
display: flex;
align-items: center;
margin: 0 -30px;
}
.home-slider__nav .home-slider__column {
flex: 0 0 50%;
max-width: 50%;
padding: 0 30px;
display: flex;
align-items: center;
}
@media only screen and (max-width : 1200px) {
.home-slider__nav .home-slider__column {
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (max-width : 1200px) {
.home-slider__nav .home-slider__column:last-child {
display: none;
}
}
.home-slider__nav .home-slider__item {
position: relative;
}
.home-slider__nav .home-slider__img {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 50%;
height: 100%;
}
.home-slider__nav .home-slider__img img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.home-slider__nav .home-slider__row {
margin-bottom: 30px;
padding-left: 33px;
}
@media only screen and (max-width : 1200px) {
.home-slider__nav .home-slider__row {
color: #fff;
padding-left: 0;
text-align: center;
}
}
.home-slider__nav .home-slider__row:last-child {
margin-bottom: 0;
}
.home-slider__nav .home-slider__title {
font-weight: 300;
font-size: 60px;
line-height: 1;
}
@media only screen and (max-width : 1440px) {
.home-slider__nav .home-slider__title {
font-size: 48px;
}
}
@media only screen and (max-width : 1200px) {
.home-slider__nav .home-slider__title {
font-size: 40px;
}
.home-slider__nav .section__btn {
background-color: #fff!important;
color: #43484D!important;
}
}
@media only screen and (max-width : 768px) {
.home-slider__nav .home-slider__title {
font-size: 32px;
}
}
@media only screen and (max-width : 480px) {
.home-slider__nav .home-slider__title {
font-size: 24px;
}
}
.home-slider__arrows {
position: absolute;
left: calc((100% - 1380px - 16px) / 2);
top: calc(75% + 90px);
display: flex;
z-index: 100;
}
@media only screen and (max-width : 1440px) {
.home-slider__arrows {
left: calc((100% - 1140px - 16px) / 2);
}
}
@media only screen and (max-width : 1200px) {
.home-slider__arrows {
left: 0;
right: 0;
justify-content: center;
margin: 0 auto;
top: inherit;
bottom: -62px;
height: 32px;
display: none;
}
.home-slider__arrow {
height: 32px;
}
}
.home-slider__arrow:first-child {
padding-right: 15px;
}
@media only screen and (max-width : 1200px) {
.home-slider__arrow img {
filter: brightness(0%) invert(100%);
}
}
.home-banner__social {
position: absolute;
top: calc(50% + 53px);
right: calc((100% - 1380px) / 2);
transform: translateY(-50%);
}
@media only screen and (max-width : 1440px) {
.home-banner__social {
right: calc((100% - 1140px) / 2);
}
}
.home-banner__social ul {
list-style-type: none;
}
.home-banner__social li {
margin-bottom: 30px;
}
.home-banner__social li:last-child {
margin-bottom: 0;
}
.page-banner {
background-color: #77A700;
position: relative;
}
.pagingInfo .one {
position: absolute;
top: calc(25% - 30px - 8px);
transform: translateY(-25%);
left: calc((100% - 1380px - 9.28px) / 2);
z-index: 100;
font-weight: bold;
color: #77A700;
line-height: 1;
}
@media only screen and (max-width : 1440px) {
.pagingInfo .one {
left: calc((100% - 1140px - 9.28px) / 2);
}
}
.pagingInfo .two {
position: absolute;
top: calc(75% + 30px + 8px);
transform: translateY(-75%);
left: calc((100% - 1380px - 9.28px) / 2);
z-index: 100;
font-weight: bold;
color: #77A700;
line-height: 1;
}
@media only screen and (max-width : 1440px) {
.pagingInfo .two {
left: calc((100% - 1140px - 9.28px) / 2);
}
}
@media only screen and (max-width : 1200px) {
.pagingInfo {
display: none;
}
} .page-banner .page-banner__columns {
display: flex;
margin: 0 -15px;
}
.page-banner .page-banner__column {
flex: 0 0 50%;
max-width: 50%;
padding: 0 15px;
}
.page-banner .page-banner__img {
position: absolute;
top: 0;
right: 0;
width: calc(50% - 15px);
height: 100%;
}
.page-banner .page-banner__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.page-banner .page-banner__title {
color: #fff;
}
.breadcrumbs {
padding: 15px 0;
border-bottom: 1px solid rgba(0,0,0, 0.1);
font-weight: 400;
font-size: 14px;
}
@media only screen and (max-width : 1200px) {
.breadcrumbs {
padding: 10px 0;
font-size: 12px;
}
}
.breadcrumbs .separator {
padding: 0 15px;
display: inline-block;
}
@media only screen and (max-width : 1200px) {
.breadcrumbs .separator {
padding: 0 10px;
}
}
.home-products {
position: relative;
}
.home-products .home-products__fixed {
position: absolute;
top: 0;
left: 0;
width: calc((100% - 1440px) / 2);
height: 100%;
opacity: 0.5;
}
@media only screen and (max-width : 1200px) {
.home-products .home-products__fixed {
display: none;
}
}
.home-products .home-products__fixed:before {
content: '';
background-color: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: color;
}
.home-products .home-products__fixed img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.home-products .section__header,
.home-products .home-products__btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #43484D;
height: 100%;
}
.home-products .section__title {
color: #fff;
border-left: 10px solid #fff;
}
.home-products .home-products__boxes {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -15px;
}
.home-products .home-products__box {
flex: 0 0 25%;
max-width: 25%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.home-products .home-products__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media only screen and (max-width : 768px) {
.home-products .home-products__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.home-products .home-products__box {
flex: 0 0 100%;
max-width: 100%;
}
}
.home-products .home-products__img,
.category__img > a {
position: relative;
}
.home-products .home-products__img:before,
.category__img > a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 46px;
height: 100%;
background-color: #43484D;
}
.home-products .home-products__img > a {
display: block;
border: 1px solid rgba(0,0,0, 0.1);
position: relative;
z-index: 100;
padding: 15px 15px 15px 61px;
}
.home-products .home-products__img > a > img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.home-products .home-products__caption {
position: absolute;
top: 0;
left: 0;
height: 100%;
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: rotate(-90deg) translate(-50%, 50%);
-moz-transform: rotate(-90deg) translate(-50%, 50%);
-ms-transform: rotate(-90deg) translate(-50%, 50%);
-o-transform: rotate(-90deg) translate(-50%, 50%);
transform: rotate(-90deg) translate(-50%, 50%);
}
.home-products .home-products__title {
font-size: 16px;
}
@media only screen and (max-width : 1440px) {
.home-products .home-products__title {
font-size: 12px;
}
}
.home-products .home-products__title a {
display: block;
padding: 15px 30px;
line-height: 1;
color: #fff;
}
.home-about-us {
position: relative;
padding-left: calc((100% - 1380px) / 2);
}
@media only screen and (max-width : 1200px) {
.home-about-us {
padding-left: calc((100% - 1140px) / 2);
}
}
@media only screen and (max-width : 1200px) {
.home-about-us {
padding-top: 0;
text-align: center;
padding-left: 0;
}
}
.home-about-us .home-about-us__columns {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.home-about-us .home-about-us__column {
flex: 0 0 50%;
max-width: 50%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.home-about-us .home-about-us__column {
flex: 0 0 100%;
max-width: 100%;
}
}
.home-about-us .home-about-us__fixed {
position: relative;
width: 100%;
}
@media only screen and (max-width : 1200px) {
.home-about-us .home-about-us__fixed {
display: none;
}
}
.home-about-us .home-about-us__mask {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 50%;
height: calc(100% + 120px);
background-color: #77A700;
z-index: 100;
}
.home-about-us .home-about-us__fixed img {
width: 100%;
object-fit: cover;
object-position: center;
position: relative;
z-index: 200;
}
.home-about-us .home-about-us__row {
margin-bottom: 30px;
}
.home-about-us .home-about-us__row:last-child {
margin-bottom: 0;
}
.home-about-us .home-about-us__img {
text-align: center;
}     .home-about-us .home-about-us__img img {
width: 64px;
margin: 0 auto 20px auto;
}
.home-about-us .home-about-us__title {
color: #77A700;
font-weight: 700;
font-size: 20px;
}
.home-news {
position: relative;
}
.home-news:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: calc((100% - 1380px)/ 2);
height: 100%;
background-color: #fff;
}
@media only screen and (max-width : 1440px) {
.home-news:before {
width: calc((100% - 1140px)/ 2);
}
}
@media only screen and (max-width : 1200px) {
.home-news {
text-align: center;
}
.home-news:before {
display: none;
}
}
.home-news__arrows {
display: flex;
justify-content: flex-end;
margin: -7.5px;
line-height: 1;
padding-top: 30px;
}
@media only screen and (max-width : 1200px) {
.home-news__arrows {
justify-content: center;
}
}
.home-news__arrow {
padding: 7.5px;
line-height: 1;
position: relative;
z-index: 400;
}
@media only screen and (max-width : 1200px) {
.home-news__arrow img {
filter: brightness(0%) invert(100%);
}
}
.home-news .home-news__fixed {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
z-index: -100;
background-color: #43484D;
}
@media only screen and (max-width : 1200px) {
.home-news .home-news__fixed {
width: 100%;
}
}
.home-news .home-news__fixed img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.25;
}
.home-news .section__title {
color: #fff;
border-left: 10px solid #fff;
}
.home-news .section__desc {
color: #fff;
}
.home-news .home-news__columns {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.home-news .home-news__column {
padding: 15px;
}
.home-news .home-news__column:first-child {
flex: 0 0 25%;
max-width: 25%;
}
@media only screen and (max-width : 1200px) {
.home-news .home-news__column:first-child {
flex: 0 0 100%;
max-width: 100%;
}
}
.home-news .home-news__column:last-child {
flex: 0 0 75%;
max-width: 75%;
}
@media only screen and (max-width : 1200px) {
.home-news .home-news__column:last-child {
flex: 0 0 100%;
max-width: 100%;
}
}
.home-news .home-news__content {
padding: 60px 0 0 60px;
background-color: #fff;
position: relative;
margin-top: -60px;
}
@media only screen and (max-width : 1200px) {
.home-news .home-news__content {
padding: 0;
margin-top: 0;
background-color: transparent;
color: #fff;
}
}
.home-news .home-news__carousel {
margin: -15px;
}
.home-news .home-news__item {
padding: 15px;
}
.home-news .home-news__img > a {
display: block;
position: relative;
margin-bottom: 15px;
}
.home-news .home-news__img > a > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.home-news .home-news__date {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 15px 30px;
line-height: 1;
color: #fff;
background-color: rgba(166, 37, 17, 0.75);
text-align: center;
font-weight: 400;
}
.home-news .home-news__title {
font-weight: 400;
text-align: center;
font-size: 16px;
}
.home-commercial-brokers {
position: relative;
}
.home-commercial-brokers .home-commercial-brokers__content {
padding: 60px 0;
}
.home-commercial-brokers .section__title {
color: #fff;
border-left: 10px solid #fff;
}
.home-commercial-brokers .section__desc {
color: #fff;
}
.home-commercial-brokers .home-commercial-brokers__map {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: calc(50% + 200px);
height: calc(100% - 120px);
}
@media only screen and (max-width : 1440px) {
.home-commercial-brokers .home-commercial-brokers__map {
width: calc(50% + 160px);
}
}
@media only screen and (max-width : 1200px) {
.home-commercial-brokers .home-commercial-brokers__map {
position: relative;
transform: inherit;
width: 100%;
height: 100%;
top: -60px;
}
}
.home-commercial-brokers .home-commercial-brokers__map iframe {
width: 100%;
height: 100%;
}
.home-commercial-brokers .home-commercial-brokers__columns {
display: flex;
justify-content: flex-end;
margin: -30px;
}
.home-commercial-brokers .home-commercial-brokers__column {
flex: 0 0 33.3333%;
max-width: 33.3333%;
padding: 30px;
}
@media only screen and (max-width : 1200px) {
.home-commercial-brokers .home-commercial-brokers__column {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
}
.home-commercial-brokers .home-commercial-brokers__fixed {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: #77A700;
z-index: -100;
}
@media only screen and (max-width : 1200px) {
.home-commercial-brokers .home-commercial-brokers__fixed {
width: 100%;
}
}
.home-commercial-brokers .home-commercial-brokers__fixed img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.25;
}
.page-default,
.page-home {
border-bottom: 1px solid rgba(0,0,0, 0.1);
}
.page-offer .page-offer__columns {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
@media only screen and (max-width : 1200px) {
.page-offer .page-offer__columns {
justify-content: center;
margin: -30px;
}
}
.page-offer .page-offer__column {
padding: 15px;
}
.page-offer .page-offer__column:first-child {
flex: 0 0 25%;
max-width: 25%;
}
@media only screen and (max-width : 1200px) {
.page-offer .page-offer__column:first-child {
flex: 0 0 50%;
max-width: 50%;
padding: 30px;
}
}
@media only screen and (max-width : 768px) {
.page-offer .page-offer__column:first-child {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.page-offer .page-offer__column:first-child {
flex: 0 0 100%;
max-width: 100%;
}
}
.page-offer .page-offer__column:last-child {
flex: 0 0 75%;
max-width: 75%;
}
@media only screen and (max-width : 1200px) {
.page-offer .page-offer__column:last-child {
flex: 0 0 100%;
max-width: 100%;
padding: 30px;
}
}
.page-services {
text-align: center;
}
.page-services .page-services__boxes {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -15px;
}
.page-services .page-services__box {
flex: 0 0 25%;
max-width: 25%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.page-services .page-services__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media only screen and (max-width : 768px) {
.page-services .page-services__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.page-services .page-services__box {
flex: 0 0 100%;
max-width: 100%;
}
}
.page-services .page-services__img > a {
margin-bottom: 15px;
display: block;
border: 1px solid rgba(0,0,0, 0.1);
}
.page-services .page-services__img > a > img {
width: 100%;
object-fit: cover;
object-position: center;
}
.page-services .page-services__title {
text-align: center;
font-size: 16px;
}
.sidebar ul {
list-style-type: none;
}
@media only screen and (max-width : 1200px) {
.sidebar {
background-color: #43484D;
padding: 30px;
text-align: left;
color: #fff;
}
}
.sidebar .menu > li {
margin-bottom: 15px;
}
.sidebar .menu > li:last-child {
margin-bottom: 0;
}
.sidebar .menu > li > .sub-menu {
display: none;
}
.sidebar .menu > li.menu-item-has-children.current-menu-item > .sub-menu,
.sidebar .menu > li.menu-item-has-children.current-product_cat-ancestor.current-menu-ancestor.current-menu-parent.current-product_cat-parent > .sub-menu {
display: block;
}
.sidebar .menu li a {
margin-bottom: 15px;
display: inline-block;
}
.sidebar .menu li:last-child a {
margin-bottom: 0;
}
.sidebar .menu > li > a {
font-weight: 400;
position: relative;
display: inline-block;
padding-right: 26px;
font-size: 14px;
text-transform: uppercase;
}
@media only screen and (max-width : 1200px) {
.sidebar .menu > li > a {
font-size: 12px;
}
}
.sidebar .menu > li.menu-item-has-children > a:before,
.sidebar .menu > li.menu-item-has-children > a:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #4F493E;
}
@media only screen and (max-width : 1200px) {
.sidebar .menu > li.menu-item-has-children > a:before,
.sidebar .menu > li.menu-item-has-children > a:after {
background-color: #fff;
}
}
.sidebar .menu > li.menu-item-has-children > a:before {
width: 14px;
height: 2px;
right: 0;
}
.sidebar .menu > li.menu-item-has-children > a:after {
width: 2px;
height: 14px;
right: 6px;
}
.sidebar .menu > li.menu-item-has-children.current-menu-item > a:after,
.sidebar .menu > li.menu-item-has-children.current-product_cat-ancestor.current-menu-ancestor.current-menu-parent.current-product_cat-parent > a:after {
display: none;
}
.sidebar .menu > li.current-menu-item > a,
.sidebar .menu > li.current-product_cat-ancestor > a,
.sidebar .menu > li > .sub-menu > li.current-menu-item > a {
color: #77A700;
}
.products__boxes,
.category__boxes {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
@media only screen and (max-width : 1200px) {
.products__boxes,
.category__boxes {
justify-content: center;
}
}
.product__box,
.category__box {
flex: 0 0 25%;
max-width: 25%;
padding: 15px;
}
.product__box,
.page-offer__column .category__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
@media only screen and (max-width : 1200px) {
.product__box,
.category__box,
.page-offer__column .category__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media only screen and (max-width : 768px) {
.product__box,
.category__box,
.page-offer__column .category__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.product__box,
.category__box,
.page-offer__column .category__box {
flex: 0 0 100%;
max-width: 100%;
}
}
.product__img > a,
.category__img > a {
display: block;
overflow: hidden;
margin-bottom: 15px;
border: 1px solid rgba(0,0,0, 0.1);
padding: 15px 15px 15px 61px;
}
.product__img > a {
padding: 15px;
}
.category__img > a {
position: relative;
}
.category__icon {
position: absolute;
top: 50%;
left: 7px;
transform: translateY(-50%);
}
.category__icon img {
filter: brightness(0%) invert(100%);
}
.product__img > a > img,
.category__img > a > img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.product__title,
.category__title {
text-align: center;
font-size: 16px;
}
.page-product .page-product__columns {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
.page-product .page-product__column {
flex: 0 0 50%;
max-width: 50%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.page-product .page-product__column {
flex: 0 0 100%;
max-width: 100%;
padding: 15px;
text-align: center;
}
}
.page-product .page-product__row {
margin-bottom: 15px;
}
.page-product .page-product__row:last-child {
margin-bottom: 0;
}
.page-product .slider-for .slider-for__img > a {
padding: 30px;
display: block;
border: 1px solid rgba(0,0,0, 0.1);
}
.page-product .slider-nav .slider-nav__img {
padding: 15px;
border: 1px solid rgba(0,0,0, 0.1);
}
.page-product .slider-for .slider-for__img img,
.page-product .slider-nav .slider-nav__img img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.page-product .slider-nav {
margin: -7.5px;
}
.page-product .slider-nav .slick-active.slick-current .slider-nav__img {
border-bottom: 5px solid #77A700;
}
.page-product .slider-nav .slider-nav__item {
padding: 7.5px;
}
.page-product ul.tabs {
padding-top: 30px;
}
@media only screen and (max-width : 1200px) {
ul.tabs.about {
padding-top: 60px;
}
}
.page-product .tab-content.current {
padding-top: 60px;
}
.page-product .page-product__boxes {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
@media only screen and (max-width : 1200px) {
.page-product .page-product__boxes {
justify-content: center;
}
}
.page-product .page-product__box {
flex: 0 0 20%;
max-width: 20%;
padding: 15px;
}
@media only screen and (max-width : 1440px) {
.page-product .page-product__box {
flex: 0 0 25%;
max-width: 25%;
}
}
@media only screen and (max-width : 1200px) {
.page-product .page-product__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media only screen and (max-width : 768px) {
.page-product .page-product__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.page-product .page-product__box {
flex: 0 0 100%;
max-width: 100%;
}
}
.page-product .page-product__img > a {
display: block;
overflow: hidden;
padding: 15px;
border: 1px solid rgba(0,0,0, 0.1);
margin-bottom: 15px;
}
.page-product .page-product__img > a > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.page-product .tab-content .page-product__row {
margin-bottom: 15px;
}
.page-product .tab-content .page-product__row:last-child {
margin-bottom: 0;
}
.page-product .page-product__title {
font-size: 16px;
text-align: center;
}
.page-product .page-product__desc {
text-align: center;
}
.slick-list {
margin: 0!important;
}
.home-news .slick-dots {
text-align: center;
bottom: -30px;
height: 15px;
line-height: 15px;
}
.home-news .slick-dots li {
margin: 0 15px;
display: inline-block;
width: 15px;
line-height: 15px;
height: 15px;
box-sizing: border-box;
background: #4F493E;
border: 2px solid transparent;
border-radius: 50%;
-webkit-transform: scale(0.83333);
transform: scale(0.83333);
transition: 0.3s;
}
.home-news .slick-dots li button {
padding: 0;
width: 15px;
line-height: 15px;
height: 15px;
box-sizing: border-box;
background: #4F493E;
border: 2px solid transparent;
border-radius: 50%;
-webkit-transform: scale(0.83333);
transform: scale(0.83333);
transition: 0.3s;
display: none;
}
.home-news .slick-dots li.slick-active,
.home-news .slick-dots li:hover {
background: #fff;
border-color: #4F493E;
-webkit-transform: scale(1);
transform: scale(1);
}
.home-news .slick-dots li button:before {
display: none;
}
.home-news .slick-dots li:only-child {
display: none!important;
}
.page-commercial-brokers__map {
position: relative;
padding-top: 60px;
}
.page-commercial-brokers__map iframe {
width: 100%;
}
.page-commercial-brokers__caption {
padding: 40px;
position: absolute;
bottom: -40px;
left: calc((100% - 1380px) / 2);
background-color: #77A700;
color: #fff;
width: 640px;
}
@media only screen and (max-width : 1440px) {
.page-commercial-brokers__caption {
left: calc((100% - 1140px) / 2);
width: 570px;
}
}
@media only screen and (max-width : 1200px) {
.page-commercial-brokers__caption {
left: 0;
width: 100%;
position: relative;
bottom: 0;
padding: 60px 15px;
}
}
.page-commercial-brokers {
padding-top: 120px;
}
@media only screen and (max-width : 1200px) {
.page-commercial-brokers {
padding-top: 60px;
}
}
.page-commercial-brokers .section__header {
text-align: center;
}
.page-details .page-details__title {
color: #77A700;
text-align: center;
}
.page-details .page-details__row {
margin-bottom: 30px;
}
.page-details .page-details__row:last-child {
margin-bottom: 0;
}
.page-details .page-details__boxes {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -15px;
}
@media only screen and (max-width : 1200px) {
.page-details .page-details__boxes {
justify-content: center;
}
}
.page-details .page-details__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.page-details .page-details__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 768px) {
.page-details .page-details__box {
flex: 0 0 100%;
max-width: 100%;
}
}
.page-details .page-details__info ul {
list-style-type: none;
}
.page-details .page-details__info > ul > li {
margin-bottom: 15px;
display: flex;
align-items: center;
}
@media only screen and (max-width : 1200px) {
.page-details .page-details__info > ul > li {
justify-content: center;
}
}
.page-details .page-details__info > ul > li:last-child {
margin-bottom: 0;
}
.page-details .page-details__info > ul > li > img {
height: 16px;
margin-right: 15px;
}
.page-details .page-details__content {
padding: 30px;
border: 1px solid rgba(0,0,0, 0.1);
}
.page-contact {
position: relative;
}
.page-contact .page-contact__map {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
}
@media only screen and (max-width : 1200px) {
.page-contact .page-contact__map {
width: 100%;
position: relative;
top: -60px;
}
}
.page-contact .page-contact__map iframe {
width: 100%;
height: 100%;
}
.page-contact .page-contact__columns {
display: flex;
flex-wrap: wrap;
margin: -30px;
justify-content: flex-end;
}
.page-contact .page-contact__column {
flex: 0 0 50%;
max-width: 50%;
padding: 30px;
}
@media only screen and (max-width : 1200px) {
.page-contact .page-contact__column {
flex: 0 0 100%;
max-width: 100%;
}
}
.slick-dotted.slick-slider {
margin-bottom: 0!important;
}
.blog__columns {
display: flex;
flex-wrap: wrap;
margin: -30px;
}
.blog__column {
padding: 30px;
}
.blog__column:first-child {
flex: 0 0 75%;
max-width: 75%;
}
@media only screen and (max-width : 1200px) {
.blog__column:first-child {
flex: 0 0 100%;
max-width: 100%;
}
}
.blog__column:last-child {
flex: 0 0 25%;
max-width: 25%;
}
@media only screen and (max-width : 1200px) {
.blog__column:last-child {
flex: 0 0 100%;
max-width: 100%;
}
}
.blog__column:last-child .blog__box {
margin-bottom: 30px;
}
.blog__column:last-child .blog__box:last-child {
margin-bottom: 0;
}
.page-home .blog__boxes {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
@media only screen and (max-width : 1200px) {
.page-home .blog__boxes {
justify-content: center;
}
}
.page-home .blog__box {
flex: 0 0 25%;
max-width: 25%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.page-home .blog__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media only screen and (max-width : 768px) {
.page-home .blog__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.page-home .blog__box {
flex: 0 0 100%;
max-width: 100%;
}
}
.page-catalog .page-catalog__boxes {
display: flex;
flex-wrap: wrap;
margin: -15px;
}
@media only screen and (max-width : 1200px) {
.page-catalog .page-catalog__boxes {
justify-content: center;
}
}
.page-catalog .page-catalog__box {
flex: 0 0 25%;
max-width: 25%;
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.page-catalog .page-catalog__box {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media only screen and (max-width : 768px) {
.page-catalog .page-catalog__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.page-catalog .page-catalog__box {
flex: 0 0 100%;
max-width: 100%;
}
}
.page-catalog .page-catalog__img {
padding: 30px;
border: 1px solid rgba(0,0,0, 0.1);
}
.page-catalog .page-catalog__img > a > img {
margin: 0 auto 30px auto;
max-width: 64px;
}
.page-catalog .page-catalog__title {
text-align: center;
font-size: 16px;
}
.blog__img > a {
position: relative;
display: block;
margin-bottom: 15px;
}
.blog__column:last-child .blog__date,
.page-home .blog__date {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px 20px;
background-color: rgba(166, 37, 17, 0.75);
text-align: center;
color: #fff;
}
.blog__img > img,
.blog__img > a > img {
width: 100%;
object-fit: cover;
object-position: center;
margin-bottom: 15px;
}
.blog__img > img {
object-fit: contain;
}
.blog__row {
margin-bottom: 10px;
}
.blog__row:last-child {
margin-bottom: 0;
}
.blog__title {
color: #77A700;
}
.blog__column:last-child .blog__title,
.page-home .blog__title {
font-size: 16px;
color: inherit;
text-align: center;
}
ul.tabs {
margin: 60px 0 0 0px;
padding: 0px;
list-style: none;
display: flex;
justify-content: center;
}
@media only screen and (max-width : 1200px) {
ul.tabs {
flex-wrap: wrap;
margin: -7.5px;
}
}
ul.tabs > li {
display: inline-block;
padding: 15px 30px;
cursor: pointer;
line-height: 1;
border: 1px solid #77A700;
border-right: 0;
color: #77A700;
font-weight: 400;
}
@media only screen and (max-width : 1200px) {
ul.tabs > li {
padding: 10px 20px;
border-right: 1px solid #77A700;
margin: 7.5px;
}
}
ul.tabs > li:last-child {
border-right: 1px solid #77A700;
}
ul.tabs > li.current {
background: #77A700;
color: #fff;
}
.tab-content {
display: none;
padding: 0;
}
.tab-content.current {
display: inherit;
}
[data-content] {
line-height: 1.5;
}
[data-control],
[data-content] > * {
border-bottom: 1px solid rgba(0,0,0, 0.1);
padding: 15px;
}
[data-accordion] [data-control] {
position: relative;
padding-right: 30px;
}
[data-accordion] > [data-control]:after {
top: 16px;
}
.wpcf7 {
text-align: center;
}
.page-product .wpcf7 {
width: 50%;
margin: 0 auto;
}
@media only screen and (max-width : 1200px) {
.page-product .wpcf7 {
width: 100%;
}
}
.wpcf7-form > p {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -7.5px -15px;
}
.wpcf7-form-control-wrap {
flex: 0 0 100%;
max-width: 100%;
padding: 7.5px 15px;
}
.wpcf7-form-control-wrap.your-name {
flex: 0 0 50%;
max-width: 50%;
}
.wpcf7-text,
.wpcf7-textarea {
padding: 15px 0;
border: 0;
width: 100%;
border-bottom: 2px solid #43484D;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
color: #43484D;
text-align: left;
background-color: transparent;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
outline: 0;
}
.wpcf7-text::placeholder,
.wpcf7-textarea::placeholder {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
color: #43484D;
text-align: left;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output {
font-size: 12px!important;
font-family: 'Lato', sans-serif;
font-weight: 400;
text-align: left;
}
.wpcf7-response-output {
padding: 30px!important;
width: 100%!important;
margin: 30px 0 0 0!important;
color: #43484D;
}
.wpcf7-submit {
position: relative;
transition: all 0.5s;
font-family: 'Lato', sans-serif;
font-weight: 400;
margin-top: 15px;
border: 0;
right: -20px;
}
.wpcf7-submit:focus {
outline: 0;
}
.hot-menu {
padding: 60px 0;
border-top: 1px solid rgba(0,0,0, 0.1);
border-bottom: 1px solid rgba(0,0,0, 0.1);
font-size: 14px;
}
@media only screen and (max-width : 1200px) {
.hot-menu {
font-size: 12px;
}
.hot-menu .hot-menu__logo img {
margin: 0 auto;
}
}
.hot-menu .hot-menu__columns {
display: flex;
justify-content: space-between;
margin: -15px;
}
@media only screen and (max-width : 1200px) {
.hot-menu .hot-menu__columns {
flex-wrap: wrap;
}
}
.hot-menu .hot-menu__column {
padding: 15px;
}
@media only screen and (max-width : 1200px) {
.hot-menu .hot-menu__column {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
}
.hot-menu .hot-menu__img {
display: flex;
}
@media only screen and (max-width : 1200px) {
.hot-menu .hot-menu__img {
justify-content: center;
}
}
.hot-menu .hot-menu__img img {
margin-right: 15px;
height: 32px;
}
.hot-menu .hot-menu__caption {
font-weight: 400;
}
.hot-menu .hot-menu__nav ul {
list-style-type: none;
}
.hot-menu .hot-menu__nav li {
margin-bottom: 15px;
}
.hot-menu .hot-menu__nav li:last-child {
margin-bottom: 0;
}
.hot-menu .hot-menu__nav a {
font-weight: 400;
}
.hot-menu a,
.footer a {
position: relative;
}
.hot-menu a:hover,
.footer a:hover {
color: #77A700;
}
.hot-menu a:before,
.footer a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
transition: all 0.5s;
background-color: #77A700;
}
.hot-menu a:hover:before,
.footer a:hover:before {
width: 100%;
}
.footer {
padding: 15px 0;
text-align: center;
font-size: 12px;
}
.floating-button {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 300;
}
@media only screen and (max-width : 1200px) {
.floating-button {
display: none;
}
}
.floating-button ul {
list-style-type: none;
}
.floating-button ul li {
line-height: 1;
}
.floating-button > ul > li {
display: flex;
align-items: center;
position: relative;
transform: translateX(calc(100% - 54px));
max-height: 54px;
transition: all 0.5s;
background: #43484D;
}
.floating-button > ul > li.active {
transform: translateX(0);
}
.floating-button > ul > li:first-child {
background-color: #77A700;
}
.floating-button > ul > li:nth-child(2) {
background-color: #43484D;
}
.floating-button > ul > li:nth-child(3) {
background-color:  #A62511;
}
.floating-button > ul > li:last-child {
background-color: #3b5998;
}
.floating-button .floating-button__item {
padding: 15px;
}
.floating-button .floating-button__item:first-child {
cursor: pointer;
}
.floating-button .floating-button__item:nth-child(2) {
padding-left: 0;
}
.floating-button img {
filter: brightness(0%) invert(100%);
max-height: 24px;
}
.floating-button a {
color: #fff;
font-weight: 400;
position: relative;
}
a.glink:first-child {
margin-right: 15px;
}
.search-bar {
position: fixed;
top: 106px;
left: 0;
width: 100%;
z-index: 500;
background-color: #77A700;
padding: 15px 0;
display: none;
}
@media only screen and (max-width : 1200px) {
.search-bar {
top: 64px;
padding: 10px 0;
}
}
.search-bar .dgwt-wcas-search-wrapp {
max-width: 100%!important;
min-width: 100%!important;
}
.search-bar .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
width: inherit!important;
height: inherit!important;
font-size: 14px!important;
padding: 0 0 10px 0!important;
background: transparent!important;
border: 0!important;
border-bottom: 2px solid #fff!important;
border-radius: 0!important;
-webkit-border-radius: 0!important;
color: #fff!important;
}
.search-bar .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
outline: 0!important;
box-shadow: none!important;
}
.search-bar .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
font-size: 14px!important;
color: #fff!important;
font-style: normal!important;
}
.search-bar .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier,
.search-bar .dgwt-wcas-preloader.dgwt-wcas-close {
display: none!important;
}
.bottom-bar {
position: fixed;
left: 0;
display: none;
bottom: 0;
width: 100%;
z-index: 500;
}
@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: 0 0 25%;
max-width: 25%;
text-align: center;
color: #fff;
font-size: 12px;
position: relative;
}
.bottom-bar ul li a,
.bottom-bar ul li span {
display: block;
background-color: #77A700;
padding: 15px 0;
line-height: 1;
}
.bottom-bar img {
filter: brightness(0%) invert(100%);
margin: 0 auto;
height: 20px!important;
}
#map,
#map2 {
width: 100%;
height: 100%;
}
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -15px!important;
}
@media only screen and (max-width : 1200px) {
.gallery {
justify-content: center;
}
}
.gallery-item {
flex: 0 0 25%;
max-width: 25%;
padding: 20px;
margin-top: 0!important;
width: inherit!important;
}
@media only screen and (max-width : 1200px) {
.gallery-item {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media only screen and (max-width : 768px) {
.gallery-item {
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width : 480px) {
.gallery-item {
flex: 0 0 100%;
max-width: 100%;
}
}
.gallery-item img {
width: 100%;
object-fit: cover;
object-position: center;
border: 0!important;
}
.gallery-item a {
display: block;
position: relative;
}
.gallery-item a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(119, 167, 0, 0.75);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
opacity: 0;
}
.gallery-item a::after {
content: '';
background-image: url(//zakrem.pl/wp-content/themes/zakrem/img/baseline-search-24px.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;
}
.gallery-item a:hover::before,
.gallery-item a:hover::after {
opacity: 1;
}
.section__cols {
display: flex;
flex-wrap: wrap;
margin: -30px;
}
@media only screen and (max-width : 1200px) {
.section__cols {
margin: 0;
}
}
.section__col {
flex: 0 0 50%;
max-width: 50%;
padding: 30px;
}
@media only screen and (max-width : 1200px) {
.section__col {
flex: 0 0 100%;
max-width: 100%;
padding: 0 15px;
}
.section__col:last-child {
display: none;
}
}
.seo_title{
font-size: 36px;
}
.home-slider__item,
.home-slider__item:focus,
.home-slider__item:visited {
outline: 0!important;
}
.banner-promo {
background-color: #A62511;
color: #fff;
font-weight: 700;
padding: 15px 0;
text-align: center;
font-size: 20px;
text-transform: uppercase;
}
.see-also {
text-align: center;
padding-top: 0;
}
.section-blog__boxes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin: -15px;
}
.section-blog__boxes .section-blog__box {
width: 33.3333%;
padding: 15px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
@media only screen and (max-width : 1200px) {
.section-blog__boxes .section-blog__box {
text-align: left!important;
}
}
@media only screen and (max-width : 768px) {
.section-blog__boxes .section-blog__box {
width: 50%;
text-align: left!important;
}
}
@media only screen and (max-width : 425px) {
.section-blog__boxes .section-blog__box {
width: 100%;
}
}
.section-blog__boxes .section-blog__title_auto_height {
font-size: 18px;
display: flex;
align-items: flex-start;
}
.section-blog__product a:hover:before{
display: none;
}
.section-blog__boxes .section-blog__img {
padding: 7.5px;
border: 1px solid #ccc;
margin-top: 15px;
}
.section-blog__boxes .section-blog__img:hover {
border: 1px solid #77A700;
}
.section-blog__boxes img{
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
object-position: center;
display: block;
}
.section-blog__boxes br{
display: none;
}