@charset "UTF-8";

*, *:before, *:after {
box-sizing: border-box;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 150%;
}
body {
padding-top: 100px;
}
img {
max-width: 100%;
height: auto;
} .global-transitions, .home-contact-form .btn, #banner-home .slider-nav span, #top-menu-close .icon span, #top-menu-close > span, #menuTop .menu > li > a::after, #menuTop, .top-menu-container, .header .btn-wrapper, .header #logo-top span::before, .header, .js-gallery img, [data-url], [data-url-blank], [data-goto], .products-slider .slick-arrow::before, .products-slider .slick-arrow, .btn, button, .materials-wrapper .description .icon-close, .materials-wrapper .name span, .link::before, .link, a {
transition: 0.3s all;
}
.montserrat-light {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
.montserrat-normal {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.montserrat-bold {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
a, table,
select, input, textarea, button, ::placeholder {
font: inherit;
color: inherit;
}
button, label {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
address,
em {
font-style: normal;
}
main, article, section, aside, footer, header {
display: block;
}
.two-columns {
display: flex;
align-items: center;
}
.two-columns > div {
width: 50%;
position: relative;
}
.two-columns .column-left {
padding-right: 5vw;
}
.two-columns .column-right {
padding-left: 5vw;
}
.products-slider .item {
border-radius: 30px;
border: 1px solid #dedede;
aspect-ratio: 1.32/1;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.products-slider .slick-slide {
margin: 0 10px; }
.products-slider .slick-list {
margin: 0 -10px;
}
@media (max-width: 1199px) {
.two-columns {
flex-direction: column;
gap: var(--padding);
}
.two-columns > div {
width: 100%;
}
.two-columns .column-left, .two-columns .column-right {
padding: 0;
}
}
@font-face {
font-family: "icons";
src: url(//gumex.com.pl/wp-content/themes/swww/assets/font/icons.eot);
src: url(//gumex.com.pl/wp-content/themes/swww/assets/font/icons.eot?#iefix) format("eot"), url(//gumex.com.pl/wp-content/themes/swww/assets/font/icons.woff) format("woff"), url(//gumex.com.pl/wp-content/themes/swww/assets/font/icons.ttf) format("truetype");
}
.icon-warranty:before, .icon-versatility:before, .icon-value-chain:before, .icon-train:before, .icon-tractor:before, .icon-time-management:before, .icon-thunderbolt:before, .icon-speed:before, .icon-shopping-cart:before, .header .btn-wrapper .btn:before, .icon-scope:before, .icon-review:before, .icon-repeat:before, .icon-performance:before, .icon-operation:before, .icon-offer:before, .icon-money:before, .icon-meeting-room:before, .icon-logo-gumex:before, .icon-lift:before, .icon-idealistic:before, .icon-idea:before, .icon-hollow:before, .icon-helmet:before, .icon-hamburger:before, .icon-enzyme:before, .icon-electric-factory:before, .icon-diagonal:before, .icon-deal:before, .icon-close:before, .icon-checked:before, .checked-list li:before, .icon-check:before, .icon-change:before, .icon-car:before, .icon-boxes:before, .icon-automation:before, .icon-assurance:before, .icon-assembly-line:before, .icon-arrow2:before, #banner-home .slider .buttons a:before, #menuTop .menu > li.menu-item-has-children > a:before, .products-slider .slick-arrow:before, .read-more:before, .icon-admin-panel:before, .icon-3d-shapes:before {
font-family: "icons";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
line-height: 1em;
}
.icon-3d-shapes:before {
content: "\e001";
}
.icon-admin-panel:before {
content: "\e002";
}
.icon-arrow2:before, #banner-home .slider .buttons a:before, #menuTop .menu > li.menu-item-has-children > a:before, .products-slider .slick-arrow:before, .read-more:before {
content: "\e003";
}
.icon-assembly-line:before {
content: "\e004";
}
.icon-assurance:before {
content: "\e005";
}
.icon-automation:before {
content: "\e006";
}
.icon-boxes:before {
content: "\e007";
}
.icon-car:before {
content: "\e008";
}
.icon-change:before {
content: "\e009";
}
.icon-check:before {
content: "\e00a";
}
.icon-checked:before, .checked-list li:before {
content: "\e00b";
}
.icon-close:before {
content: "\e00c";
}
.icon-deal:before {
content: "\e00d";
}
.icon-diagonal:before {
content: "\e00e";
}
.icon-electric-factory:before {
content: "\e00f";
}
.icon-enzyme:before {
content: "\e010";
}
.icon-hamburger:before {
content: "\e011";
}
.icon-helmet:before {
content: "\e012";
}
.icon-hollow:before {
content: "\e013";
}
.icon-idea:before {
content: "\e014";
}
.icon-idealistic:before {
content: "\e015";
}
.icon-lift:before {
content: "\e016";
}
.icon-logo-gumex:before {
content: "\e017";
}
.icon-meeting-room:before {
content: "\e018";
}
.icon-money:before {
content: "\e019";
}
.icon-offer:before {
content: "\e01a";
}
.icon-operation:before {
content: "\e01b";
}
.icon-performance:before {
content: "\e01c";
}
.icon-repeat:before {
content: "\e01d";
}
.icon-review:before {
content: "\e01e";
}
.icon-scope:before {
content: "\e01f";
}
.icon-shopping-cart:before, .header .btn-wrapper .btn:before {
content: "\e020";
}
.icon-speed:before {
content: "\e021";
}
.icon-thunderbolt:before {
content: "\e022";
}
.icon-time-management:before {
content: "\e023";
}
.icon-tractor:before {
content: "\e024";
}
.icon-train:before {
content: "\e025";
}
.icon-value-chain:before {
content: "\e026";
}
.icon-versatility:before {
content: "\e027";
}
.icon-warranty:before {
content: "\e028";
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
display: none;
}
}
.fadeOut {
animation-name: fadeOut;
} .home-contact {
background-color: #d3d3d3;
}
.contact form {
padding: var(--padding) 0;
}
.form-row {
display: flex;
gap: 20px;
margin-bottom: 15px;
}
@media (max-width: 500px) {
.form-row {
flex-direction: column;
}
}
.form-col {
flex: 1;
}
.form-row textarea,
select,
.form-row input:not(.btn) {
width: 100%;
padding: 14px;
border: 2px solid #fff;
border-radius: 12px;
background: transparent;
color: #fff;
font-size: 16px;
}
option {
background-color: transparent;
color: black;
}
.form-row textarea {
min-height: 150px;
}
.form-submit {
text-align: right;
}
.wpcf7-spinner {
margin-right: -50px;
}
.wpcf7-form-control-wrap {
width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-radius: 15px;
color: #fff;
}
.codedropz-upload-handler {
font-size: 16px;
color: #fff;
}
.codedropz-upload-handler h3 {
font-size: 16px;
font-weight: normal;
}
.wpcf7-response-output {
color: #fff;
border-radius: 5px;
} a {
text-decoration: none;
outline: none;
color: inherit;
}
.link {
text-decoration: none;
outline: none;
display: inline-block;
position: relative;
color: inherit;
}
.link::before {
content: "";
position: absolute;
left: 0;
bottom: 3px;
height: 1px;
width: 100%;
}
.link:hover::before {
background-color: #000;
}
.link-underline {
text-decoration: underline;
}
.link-underline:hover {
text-decoration: none;
}
.textLight {
font-weight: 300;
}
.text12 {
line-height: 130%;
font-size: 12px;
}
.text14 {
line-height: 130%;
font-size: 14px;
}
.text15 {
line-height: 130%;
}
.text15 {
font-size: 14px;
}
@media screen and (min-width: 360px) {
.text15 {
font-size: calc(14px + 1 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text15 {
font-size: 15px;
}
}
.text16 {
line-height: 130%;
}
.text16 {
font-size: 14px;
}
@media screen and (min-width: 360px) {
.text16 {
font-size: calc(14px + 2 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text16 {
font-size: 16px;
}
}
.text18, .items.iso strong, #menuTop .menu > li > a {
line-height: 130%;
}
.text18, .items.iso strong, #menuTop .menu > li > a {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.text18, .items.iso strong, #menuTop .menu > li > a {
font-size: calc(16px + 2 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text18, .items.iso strong, #menuTop .menu > li > a {
font-size: 18px;
}
}
.text20, .realization-process .items p, .items p, .posts-grid .post-box .post-excerpt {
line-height: 130%;
}
.text20, .realization-process .items p, .items p, .posts-grid .post-box .post-excerpt {
font-size: 16px;
}
@media screen and (min-width: 360px) {
.text20, .realization-process .items p, .items p, .posts-grid .post-box .post-excerpt {
font-size: calc(16px + 4 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text20, .realization-process .items p, .items p, .posts-grid .post-box .post-excerpt {
font-size: 20px;
}
}
.text22, .items h3, #footer-content h3 {
line-height: 130%;
}
.text22, .items h3, #footer-content h3 {
font-size: 18px;
}
@media screen and (min-width: 360px) {
.text22, .items h3, #footer-content h3 {
font-size: calc(18px + 4 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text22, .items h3, #footer-content h3 {
font-size: 22px;
}
}
.text24 {
line-height: 130%;
}
.text24 {
font-size: 20px;
}
@media screen and (min-width: 360px) {
.text24 {
font-size: calc(20px + 4 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text24 {
font-size: 24px;
}
}
.text26, .our-offer h3 {
line-height: 130%;
}
.text26, .our-offer h3 {
font-size: 21px;
}
@media screen and (min-width: 360px) {
.text26, .our-offer h3 {
font-size: calc(21px + 5 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text26, .our-offer h3 {
font-size: 26px;
}
}
.text28 {
line-height: 130%;
}
.text28 {
font-size: 22px;
}
@media screen and (min-width: 360px) {
.text28 {
font-size: calc(22px + 6 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text28 {
font-size: 28px;
}
}
.text30 {
line-height: 130%;
}
.text30 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.text30 {
font-size: calc(24px + 6 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text30 {
font-size: 30px;
}
}
.text32 {
line-height: 130%;
}
.text32 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.text32 {
font-size: calc(24px + 8 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text32 {
font-size: 32px;
}
}
.text34, .posts-grid .post-box h3 {
line-height: 130%;
}
.text34, .posts-grid .post-box h3 {
font-size: 26px;
}
@media screen and (min-width: 360px) {
.text34, .posts-grid .post-box h3 {
font-size: calc(26px + 8 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text34, .posts-grid .post-box h3 {
font-size: 34px;
}
}
.text36, .materials-wrapper .description h2 {
line-height: 130%;
}
.text36, .materials-wrapper .description h2 {
font-size: 27px;
}
@media screen and (min-width: 360px) {
.text36, .materials-wrapper .description h2 {
font-size: calc(27px + 9 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text36, .materials-wrapper .description h2 {
font-size: 36px;
}
}
.text38, #banner-home .slider .item h2 {
line-height: 130%;
}
.text38, #banner-home .slider .item h2 {
font-size: 28px;
}
@media screen and (min-width: 360px) {
.text38, #banner-home .slider .item h2 {
font-size: calc(28px + 10 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text38, #banner-home .slider .item h2 {
font-size: 38px;
}
}
.text40, .materials-wrapper .description .icon-close {
line-height: 130%;
}
.text40, .materials-wrapper .description .icon-close {
font-size: 30px;
}
@media screen and (min-width: 360px) {
.text40, .materials-wrapper .description .icon-close {
font-size: calc(30px + 10 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text40, .materials-wrapper .description .icon-close {
font-size: 40px;
}
}
.text42 {
line-height: 130%;
}
.text42 {
font-size: 32px;
}
@media screen and (min-width: 360px) {
.text42 {
font-size: calc(32px + 10 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text42 {
font-size: 42px;
}
}
.text44 {
line-height: 130%;
}
.text44 {
font-size: 34px;
}
@media screen and (min-width: 360px) {
.text44 {
font-size: calc(34px + 10 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text44 {
font-size: 44px;
}
}
.text48, .main-title {
line-height: 130%;
}
.text48, .main-title {
font-size: 36px;
}
@media screen and (min-width: 360px) {
.text48, .main-title {
font-size: calc(36px + 12 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text48, .main-title {
font-size: 48px;
}
}
.text50 {
line-height: 130%;
}
.text50 {
font-size: 38px;
}
@media screen and (min-width: 360px) {
.text50 {
font-size: calc(38px + 12 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text50 {
font-size: 50px;
}
}
.text56 {
line-height: 130%;
}
.text56 {
font-size: 40px;
}
@media screen and (min-width: 360px) {
.text56 {
font-size: calc(40px + 16 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text56 {
font-size: 56px;
}
}
.text58 {
line-height: 130%;
}
.text58 {
font-size: 42px;
}
@media screen and (min-width: 360px) {
.text58 {
font-size: calc(42px + 16 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text58 {
font-size: 58px;
}
}
.text60, .counter-top, #banner-home .slider .item h1 {
line-height: 130%;
}
.text60, .counter-top, #banner-home .slider .item h1 {
font-size: 44px;
}
@media screen and (min-width: 360px) {
.text60, .counter-top, #banner-home .slider .item h1 {
font-size: calc(44px + 16 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text60, .counter-top, #banner-home .slider .item h1 {
font-size: 60px;
}
}
.text66 {
line-height: 130%;
}
.text66 {
font-size: 46px;
}
@media screen and (min-width: 360px) {
.text66 {
font-size: calc(46px + 20 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text66 {
font-size: 66px;
}
}
.text70, .realization-process .items [class^=icon]::before, .items i::before {
line-height: 130%;
}
.text70, .realization-process .items [class^=icon]::before, .items i::before {
font-size: 46px;
}
@media screen and (min-width: 360px) {
.text70, .realization-process .items [class^=icon]::before, .items i::before {
font-size: calc(46px + 24 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text70, .realization-process .items [class^=icon]::before, .items i::before {
font-size: 70px;
}
}
.text80 {
line-height: 130%;
}
.text80 {
font-size: 34px;
}
@media screen and (min-width: 360px) {
.text80 {
font-size: calc(34px + 46 * (100vw - 360px) / 1240);
}
}
@media screen and (min-width: 1600px) {
.text80 {
font-size: 80px;
}
}
.line-height-big {
line-height: 150%;
}
.justify {
text-align: justify;
}
.colorWhite {
color: #fff;
}
.colorBlack {
color: #000;
}
.colorDarkBlue {
color: #0061A0;
}
.colorBlue {
color: #0066d5;
}
.colorGreen {
color: #b8c99d;
}
.colorGrey {
color: #7f7f7f;
}
.colorGreyText {
color: #a3a3a3;
}
.colorRed {
color: #e30613;
}
.colorOrange {
color: #f93e02;
}
.colorMaincolor {
color: #21422e;
}
.icon30 {
font-size: 30px;
line-height: 30px;
}
.icon30::before {
font-size: 30px;
}
.icon20 {
font-size: 20px;
line-height: 20px;
}
.icon20::before {
font-size: 20px;
}
.icon40 {
font-size: 40px;
line-height: 40px;
}
.icon40::before {
font-size: 40px;
}
.icon45 {
font-size: 45px;
line-height: 45px;
}
.icon45::before {
font-size: 45px;
}
.icon50 {
font-size: 50px;
line-height: 50px;
}
.icon50::before {
font-size: 50px;
}
.icon55 {
font-size: 55px;
line-height: 55px;
}
.icon55::before {
font-size: 55px;
}
.icon60 {
font-size: 60px;
line-height: 60px;
}
.icon60::before {
font-size: 60px;
}
.icon70 {
font-size: 70px;
line-height: 70px;
}
.icon70::before {
font-size: 70px;
}
.icon80 {
font-size: 70px;
line-height: 70px;
}
.icon80::before {
font-size: 70px;
}
.icon120 {
font-size: 120px;
line-height: 120px;
}
.icon120::before {
font-size: 120px;
}
.bg-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.materials-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 40px 20px;
justify-content: space-between;
flex-wrap: wrap;
}
.materials-wrapper > div {
text-align: center;
}
.materials-wrapper .name {
font-weight: 700;
text-align: center;
cursor: pointer;
width: 100px;
}
.materials-wrapper .name span {
display: inline-block;
width: 70px;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
aspect-ratio: 1/1;
border: 1px solid #21422e;
}
.materials-wrapper .name span:hover {
background-color: #21422e;
}
.materials-wrapper .descriptions-wrapper {
position: fixed;
height: 100vh;
width: 100vw;
background-color: rgba(33, 66, 46, 0.7);
top: 0;
left: 0;
display: flex;
align-items: flex-end;
justify-content: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 999999;
}
.materials-wrapper .descriptions-wrapper.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.materials-wrapper .description {
background-color: #fff;
padding: 50px;
max-width: 800px;
border-radius: 20px;
margin-bottom: 200px;
position: relative;
}
.materials-wrapper .description h2 {
margin-bottom: 50px;
}
.materials-wrapper .description .icon-close {
color: #fff;
position: absolute;
top: -60px;
right: -60px;
cursor: pointer;
}
.materials-wrapper .description .icon-close:hover {
color: #21422e;
}
.btn {
display: inline-block;
position: relative;
line-height: 1.1em;
text-align: center;
border-radius: 15px;
background-color: #21422e;
padding: 22px 60px;
color: #fff;
text-transform: uppercase;
border: none;
cursor: pointer;  }
.btn:hover {
background-color: #326446;
color: #fff;
}
.read-more {
background-color: #21422e;
position: relative;
display: block;
height: 60px;
width: 90%;
border-radius: 8px 0 0 0;
color: #fff;
padding: 15px 40px 15px 30px;
}
.read-more::before {
font-size: 20px;
position: absolute;
right: 20px;
top: calc(50% - 10px);
}
.read-more:hover {
background-color: #326446;
}
.products-slider .slick-arrow {
position: absolute;
cursor: pointer;
z-index: 5;
}
.products-slider .slick-arrow::before {
position: absolute;
font-weight: 300;
line-height: 1em;
font-size: 30px;
}
.products-slider .slick-arrow.slick-prev {
top: calc(50% + 15px);
transform: rotate(180deg);
left: -35px;
}
.products-slider .slick-arrow.slick-prev:hover {
left: -40px;
}
.products-slider .slick-arrow.slick-next {
top: calc(50% - 15px);
right: -35px;
}
.products-slider .slick-arrow.slick-next:hover {
right: -40px;
}
[data-url], [data-url-blank], [data-goto] {
cursor: pointer;
}
span[class^=icon] {
line-height: 1em;
} .radius-all {
border-radius: 25px;
}
.radius-tr-bl {
border-radius: 0 25px 0 25px;
}
.radius-tr {
border-radius: 0 25px 0 0;
}
.w-100 {
width: 100%;
}
.no-with-icon .elementor-icon-box-icon {
position: absolute;
bottom: 30px;
}
.no-with-icon .elementor-icon-box-icon i {
font-size: 55px;
}
.no-with-icon .elementor-icon-box-title {
font-size: 100px;
padding-left: 20px;
color: #e5f5fc;
}
.checked-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.checked-list li {
position: relative;
padding-left: 45px;
}
.checked-list li::before {
position: absolute;
top: -5px;
left: 0;
font-size: 30px;
color: #21422e;
}
.ls-reset, #menuTop ul, #footer-content ul, .slick-dots, ul.with-circles, .checked-list {
margin: 0;
padding-left: 0;
list-style-type: none;
}
.v-line-right {
border-right: 1px solid #000;
}
.hidden {
display: none;
}
video {
outline: none;
}
.video-wrapper {
width: 100%;
height: 0;
padding-top: 54.25%;
position: relative;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.js-gallery img:hover {
transform: scale(1.05);
}
.list-reset {
margin: 0;
padding: 0;
list-style-type: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.right {
text-align: right;
}
ul.with-circles {
margin: 40px 0;
}
ul.with-circles li {
padding-left: 50px;
margin-bottom: 30px;
display: block;
position: relative;
}
ul.with-circles li:last-child {
margin-bottom: 10px;
}
ul.with-circles li::before {
content: "";
width: 30px;
height: 30px;
position: absolute;
background: url(//gumex.com.pl/wp-content/themes/swww/assets/images/dot.png) no-repeat;
left: 0;
top: -4px;
}
ul.with-circles.align-right {
text-align: right;
}
ul.with-circles.align-right li {
padding-left: 0;
padding-right: 50px;
}
ul.with-circles.align-right li::before {
left: auto;
right: 0;
} .slick-list, .slick-track, .slick-slide {
height: 100%;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-dots {
position: absolute;
transform: translateX(-50%);
left: 50%;
bottom: 30px;
z-index: 5;
}
.slick-dots li {
color: #fff;
float: left;
margin: 0 10px;
}
.slick-dots li.slick-active {
font-weight: 700;
font-size: 20px;
}
.slick-dots li.slick-active button {
background-color: #fff;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border: 0;
outline: none;
background: #21422e;
border-radius: 50%;
z-index: 10;
}
.slick-dots li button::before {
font-family: "slick";
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} @-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
:root {
--container: 540px;
}
@media (min-width: 576px) {
:root {
--container: 540px;
}
}
@media (min-width: 768px) {
:root {
--container: 720px;
}
}
@media (min-width: 992px) {
:root {
--container: 960px;
}
}
@media (min-width: 1200px) {
:root {
--container: 1160px;
}
}
@media (min-width: 1366px) {
:root {
--container: 1320px;
}
}
@media (min-width: 1600px) {
:root {
--container: 1560px;
}
}
@media (min-width: 1800px) {
:root {
--container: 1670px;
}
}
.container {
width: 100%;
max-width: var(--container);
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
:root {
--padding: 80px;
}
@media (max-width: 767px) {
:root {
--padding: 50px;
}
}
#page-container {
overflow-x: hidden;
position: relative;
}
.page-section {
position: relative;
}
.border-top {
border-top: 1px solid #a3a3a3;
}
.border-bottom {
border-bottom: 1px solid #a3a3a3;
}
.border-left {
border-left: 1px solid #a3a3a3;
}
.border-right {
border-right: 1px solid #a3a3a3;
}
.content-padding-left {
padding-left: 40px;
}
.content-padding-right {
padding-right: 40px;
}
.full-width .container {
max-width: 100%;
padding: 0;
}
.main-title {
text-transform: uppercase;
}
.half-width-content {
display: flex;
justify-content: flex-end;
}
.half-width-content > div {
max-width: 570px;
padding-right: 40px;
}
.half-width-content.right-side {
justify-content: flex-start;
padding-left: 40px;
}
.small-width-content {
max-width: 660px;
margin: 0 auto;
text-align: center;
}
.padding-top, .products-slider, .materials-wrapper {
padding-top: var(--padding);
}
.padding-top.smaller, .smaller.products-slider, .smaller.materials-wrapper {
padding-top: 80px;
}
.padding-top.big, .big.products-slider, .big.materials-wrapper {
padding-top: 200px;
}
.padding-bottom, .products-slider {
padding-bottom: var(--padding);
}
.padding-bottom.smaller, .smaller.products-slider {
padding-bottom: 80px;
}
.margin-top {
margin-top: var(--padding);
}
.margin-top.smaller {
margin-top: 80px;
}
.margin-bottom {
margin-bottom: var(--padding);
}
.margin-bottom.smaller {
margin-bottom: 80px;
}
.no-padding-top {
padding-top: 0;
}
.no-padding-bottom {
padding-bottom: 0;
}
.no-padding-left {
padding-left: 0 !important;
}
.no-padding-right {
padding-right: 0 !important;
}
.big-padding {
padding-left: 80px;
padding-right: 80px;
}
hr {
border: none;
border-top: 1px solid #a3a3a3;
}
hr.divider {
margin: 40px 0;
}
hr.big {
border-top-width: 10px;
}
.bg-white {
background-color: #fff;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table td {
border: 1px solid #dcdcdd;
padding: 10px 20px;
}
.bg-grey {
background-color: #dedede;
} #footer-content {
background-color: #21422e;
padding: 80px 0;
color: #fff;
}
#footer-content .menu li::before {
display: none;
}
#footer-content .menu a:hover {
color: #a3a3a3;
}
#footer-content ul {
max-width: 200px;
}
#footer-content li {
margin-bottom: 15px;
}
#footer-content li:last-child {
margin-bottom: 0;
}
#footer-content h3 {
color: #fff;
margin-bottom: 25px;
text-transform: uppercase;
}
#footer-content .content {
display: flex;
gap: 2%;
}
#footer-content .content > div {
width: 20%;
font-weight: 700;
}
#footer-content .content .footer-contact {
font-weight: 400;
}
#copy {
background-color: #262626;
color: #a3a3a3;
}
#copy > div {
padding: 30px 0;
border-top: 1px solid #a3a3a3;
}
#copy .right-col {
text-align: right;
}
.header {
display: flex;
height: 100px;
position: fixed;
background-color: #fff;
top: 0;
left: 0;
width: 100%;
z-index: 99;
padding: 0 40px;
box-shadow: 0 8px 19px -12px #c8c8ca;
}
.header > div {
position: relative;
align-self: center;
}
.header #logo-top {
display: inline-block;
}
.header #logo-top span {
display: inline-block;
}
.header #logo-top span::before {
font-size: 62px;
}
.header .top-logo-wrapper { }
.header .btn-wrapper { color: #fff;
}
.header .btn-wrapper .btn {
padding-left: 75px;
padding-right: 40px;
}
.header .btn-wrapper .btn::before {
position: absolute;
font-size: 35px;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.page-banner {
display: flex;
height: 336px;
background-color: #000;
align-items: center;
justify-content: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: #fff;
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.fixed .header {
height: 60px;
}
.fixed .header #logo-top {
margin-top: 5px;
}
.fixed .header #logo-top span::before {
font-size: 50px;
}
.fixed .header .btn-wrapper .btn {
padding-top: 18px;
padding-bottom: 18px;
}
.top-menu-container {
min-width: 60%;
}
#menuTop {
align-self: center;
}
#menuTop .menu {
display: flex;
justify-content: flex-end;
margin: 0 auto;
}
#menuTop .menu > li {
display: flex;
align-items: center;
margin-right: 5%;
}
#menuTop .menu > li:last-child {
margin-right: 0;
}
#menuTop .menu > li > a {
color: #000;
display: inline-block;
position: relative;
text-align: center;
padding-bottom: 5px;
line-height: 1em;
}
#menuTop .menu > li > a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
background-color: transparent;
}
#menuTop .menu > li.menu-item-has-children {
position: relative;
}
#menuTop .menu > li.menu-item-has-children > a {
position: relative;
padding-right: 18px;
}
#menuTop .menu > li.menu-item-has-children > a::before {
color: #21422e;
position: absolute;
font-size: 15px;
transform: rotate(90deg);
right: 0;
top: calc(50% - 8px);
}
#menuTop .menu > li.menu-item-has-children > a.active {
color: #fff;
}
#menuTop .menu > li.menu-item-has-children > a.active::before {
color: #fff;
}
@media (min-width: 1366px) {
#menuTop .menu > li.menu-item-has-children:hover .sub-menu {
display: block;
opacity: 1;
visibility: visible;
}
}
#menuTop .menu > li.current-menu-item > a::after, #menuTop .menu > li.current-menu-parent > a::after, #menuTop .menu > li > a:hover::after, #menuTop .menu > li > a.active::after, #menuTop .menu > li.current-menu-ancestor > a::after {
background-color: #000;
}
#menuTop .sub-menu {
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
#menuTop .sub-menu {
display: none;
margin-top: 20px;
border: 1px solid #ddd;
border-radius: 10px;
padding: 15px 0;
position: absolute;
top: calc(100% - 5px);
background-color: #fff;
width: 250px;
}
#menuTop .sub-menu::before {
content: "";
height: 20px;
width: 100%;
position: absolute;
top: -20px;
left: 0;
}
#menuTop .sub-menu li {
margin: 10px 0;
padding: 0 30px;
}
@media (min-width: 1366px) {
#menuTop .sub-menu li:hover {
background-color: #eee;
}
}
#menuTop .sub-menu li.current-menu-item a {
color: #21422e;
font-weight: 700;
}
#menuTop .sub-menu a:hover {
color: #21422e;
}
#top-menu-close {
display: none;
position: absolute;
top: 20px;
right: 15px;
height: 30px;
text-align: right;
cursor: pointer;
display: none;
}
#top-menu-close:hover > span {
color: #21422e;
}
#top-menu-close:hover .icon span {
background-color: #21422e;
}
#top-menu-close > span {
position: absolute;
left: 0;
top: 5px;
color: #fff;
font-size: 18px;
}
#top-menu-close .icon {
width: 30px;
height: 30px;
top: 0;
right: 0;
position: absolute;
}
#top-menu-close .icon span {
top: 13px;
right: 0;
position: absolute;
display: block;
height: 4px;
background-color: #fff;
width: 30px;
}
#top-menu-close .icon span:first-child {
transform: rotate(-45deg);
}
#top-menu-close .icon span:last-child {
transform: rotate(45deg);
}
#logo-menu-mobile {
display: none;
}
#mobile-menu-buttons {
cursor: pointer;
position: fixed;
width: 60px;
height: 60px;
background-color: rgba(33, 66, 46, 0.7);
z-index: 99;
top: 20px;
right: 20px;
border: none;
display: none;
padding: 0;
}
#mobile-menu-buttons span {
text-align: center;
width: 100%;
color: #fff;
font-size: 30px;
}
#mobile-menu-buttons .icon-close {
font-size: 20px;
}
.fixed:not(.mobile-menu-open) #mobile-menu-buttons {
top: 0;
right: 0;
}
@media (max-width: 1365px) {
.header .top-menu-container {
height: 100vh;
max-width: 100%;
width: 100%;
position: fixed;
padding-right: 0;
left: 100%;
top: 0;
overflow: auto;
z-index: 999;
}
.header #menuTop {
width: 100%;
max-width: 360px;
min-height: 100%;
padding: 30px;
background-color: #21422e;
float: right;
}
.header #menuTop .menu li {
padding: 25px 0;
margin-right: 0;
border-bottom: 1px solid #a3a3a3;
display: block;
}
.header #menuTop .menu li a {
font-size: 18px;
text-align: left;
color: #fff;
}
.header #menuTop .menu li.menu-item-has-children > a::before {
color: #fff;
}
.header #menuTop .menu li.current-menu-item > a::after, .header #menuTop .menu li.current-menu-parent > a::after, .header #menuTop .menu li > a:hover::after, .header #menuTop .menu li > a.active::after, .header #menuTop .menu li.current-menu-ancestor > a::after {
display: none;
}
.header #menuTop .menu li.current-menu-item > a, .header #menuTop .menu li.current-menu-parent > a {
color: #54a875;
}
.header #menuTop .menu li.current-menu-item > a::before, .header #menuTop .menu li.current-menu-parent > a::before {
color: #54a875;
}
.header #menuTop .sub-menu {
margin-top: 0;
border: none;
border-radius: 0;
padding: 0;
padding-left: 20px;
background-color: #21422e; width: 100%;
}
.header #menuTop .sub-menu.active {
display: block;
opacity: 1;
visibility: visible;
position: relative;
}
.header #menuTop .sub-menu li {
margin: 10px 0;
}
.header #menuTop .sub-menu li:last-child {
border: none;
padding-bottom: 0;
}
.header #menuTop .sub-menu li.current-menu-item a {
color: #54a875;
font-weight: 700;
}
#mobile-menu-buttons {
display: block;
z-index: 9999;
}
#mobile-menu-buttons .icon-close {
display: none;
}
.icon-hamburger {
display: block;
}
.mobile-menu-open .mobile-menu-bg {
display: block;
}
.mobile-menu-open .top-menu-container {
left: 0;
}
.mobile-menu-open .icon-hamburger {
display: none;
}
.mobile-menu-open #mobile-menu-buttons .icon-close {
display: block;
}
#logo-menu-mobile {
color: #fff;
margin-bottom: 20px;
}
#logo-menu-mobile span::before {
font-size: 40px;
}
.mobile-menu-bg {
position: fixed;
z-index: -1;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.82, 0.01, 0.77, 0.78);
opacity: 0;
}
.mobile-menu-open #logo-menu-mobile {
display: block;
position: relative;
z-index: 1;
}
.mobile-menu-open .mobile-menu-bg {
background-color: #1a1a1a;
display: block;
opacity: 0.8;
visibility: visible;
}
#menuTop .menu {
display: block;
}
#menuTop .menu > li a {
color: #fff;
}
}
#banner-home {
color: #fff;
}
#banner-home .slider .item {
padding-bottom: 250px;
min-height: 660px;
width: calc(100vw - (100vw - var(--container)) / 2);
margin-left: calc((100vw - var(--container)) / 2);
aspect-ratio: 89/38;
background-size: cover;
background-position: center;
text-transform: uppercase;
display: flex;
align-items: center;
border-radius: 45px;
position: relative; }
#banner-home .slider .item > div {
padding-left: 150px;
z-index: 2;
}
#banner-home .slider .item h2 {
font-weight: 400;
}
#banner-home .slider .buttons {
margin-top: 5%;
display: flex;
gap: 20px;
}
#banner-home .slider .buttons a {
padding: 27px 60px;
padding-left: 70px;
}
#banner-home .slider .buttons a::before {
font-size: 20px;
position: absolute;
right: 20px;
top: calc(50% - 10px);
}
#banner-home .slider .buttons a::after {
content: "";
position: absolute;
width: 42px;
height: 42px;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
#banner-home .slider .buttons a.btn-price::after {
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/calculator.png) no-repeat center center;
}
#banner-home .slider .buttons a.btn-contact::after {
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/phone.png) no-repeat center center;
}
#banner-home .slider .btn-contact {
background-color: #0b2340;
}
#banner-home .slider .btn-contact:hover {
background-color: #123b6c;
}
#banner-home .slider-nav {
width: 90%;
max-width: 1560px;
margin-left: 135px;
position: relative;
border: 2px solid #fff;
height: 180px;
z-index: 2;
margin-top: -250px;
margin-bottom: 70px;
border-radius: 40px;
display: flex;
align-items: center;
background-color: rgba(127, 127, 127, 0.5);
}
#banner-home .slider-nav > div {
padding: 0 6%;
display: flex;
justify-content: space-between;
width: calc(var(--container) - 150px);
}
#banner-home .slider-nav span {
display: inline-block;
cursor: pointer;
position: relative;
padding-top: 55px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: 18px;
}
#banner-home .slider-nav span:hover, #banner-home .slider-nav span.active {
color: #fff;
}
#banner-home .slider-nav span::before {
font-size: 55px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#banner-home .slider-nav span.icon-car::before {
font-size: 45px;
top: 10px;
}
#banner-home .slider-nav span.icon-train::before {
font-size: 37px;
top: 18px;
}
#banner-home .slider-nav span.active::before {
color: #ffa200;
}
.our-offer .boxes {
display: flex;
justify-content: space-between;
border: #e5e5e5;
}
.our-offer .boxes > div {
position: relative;
border: 1px solid #e5e5e5;
width: 32%;
aspect-ratio: 1/0.9;
padding-bottom: 60px;
border-radius: 20px;
}
.our-offer .boxes .read-more {
position: absolute;
bottom: 0;
right: 0;
}
.our-offer .img-wrapper {
width: 100%;
aspect-ratio: 2/1;
display: flex;
align-items: center;
}
.our-offer h3 {
margin-left: 10%;
margin-top: 30px;
}
.home-contact {
padding: 6% 0;
}
.home-contact-form .fields span {
justify-content: space-between;
display: flex;
margin-bottom: 30px;
}
.home-contact-form .fields span label {
width: 48%;
}
.home-contact-form .fields span input {
width: 100%;
font-size: 20px;
border: none;
padding: 20px;
border-radius: 15px;
}
.home-contact-form .btn {
border: none;
cursor: pointer;
float: right;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
@media (max-width: 991px) {
.posts-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.posts-grid {
grid-template-columns: 1fr;
}
}
.posts-grid .post-box {
background: #fff;
transition: transform 0.3s ease;
}
.posts-grid .post-box a {
display: inline-block;
color: #21422e;
font-weight: 700;
}
.posts-grid .post-box a:hover {
color: #43865d;
}
.posts-grid .post-box h3 {
margin-bottom: 10px;
color: #707070;
width: 85%;
border-radius: 0 25px 0 0;
position: relative;
margin-top: -50px;
background-color: #fff;
min-height: 50px;
padding-top: 15px;
padding-right: 5px;
}
.posts-grid .post-box .post-excerpt {
margin-top: 35px;
}
.posts-grid .image-wrapper {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
aspect-ratio: 1.35/1;
border-radius: 25px 25px 0 0;
}
.posts-grid .description {
background-color: #fff;
}
.posts-grid .description .more {
margin-top: 30px;
}
.items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 30px;
}
.items.iso {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
justify-content: space-around;
}
.items.iso strong {
font-weight: 700;
margin-top: 5px;
}
.items > div {
text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
.items h3 {
font-size: 16px;
}
.items p {
font-size: 16px;
}
}
.items i::before {
color: #21422e;
}
.items p {
margin-top: 15px;
}
.items h3 {
text-transform: uppercase;
margin-top: 25px;
min-height: 58px;
}
.map-wrapper {
width: 100%;
height: 550px;
}
.map-wrapper iframe {
width: 100%;
height: 100%;
border: 0;
}
.contact {
position: relative;
}
.contact::after {
content: "";
z-index: -1;
width: 50%;
height: 100%;
left: 50%;
top: 0;
position: absolute;
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/form-bg.jpg) no-repeat;
background-size: cover;
background-position-y: bottom;
border-radius: 40px 0 0 0;
}
.counter {
text-align: center;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 40px;
text-align: center;
flex-wrap: wrap; }
.counter > div {
flex: 1;
min-width: 140px; }
.counter-top {
display: inline-flex;
align-items: flex-start;
font-weight: 600;
color: #21422e;
}
.counter-label {
font-size: 18px;
font-weight: 700;
line-height: 1em;
}
.contact-b2b {
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/form-bg2-v2.jpg) no-repeat center;
background-size: cover;
color: #fff;
}
.contact-b2b .column-left {
padding-right: 10%;
}
.contact-b2b .column-right {
padding-left: 0;
}
.firm-history {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
position: relative;
}
.firm-history > div {
position: relative;
display: flex;
flex-direction: column; }
.firm-history > div::before {
content: "";
position: absolute;
left: 0;
top: 35%;
width: 100%;
border-top: 2px solid #21422e;
}
.firm-history > div:nth-child(odd) {
justify-content: flex-end;
flex-direction: column-reverse;
}
.firm-history > div:last-child::after {
content: "►";
position: absolute;
right: -15px;
top: calc(35% - 17px);
font-size: 34px;
color: #21422e;
height: 34px;
width: 34px;
text-align: center;
line-height: 34px;
}
.firm-history > div .separator {
min-height: 320px;
}
.firm-history .img-wrapper {
aspect-ratio: 1/1;
width: 100px;
border: 1px solid #dedede;
border-radius: 15px;
margin: 0 auto;
}
.table-wrapper {
width: 100%;
overflow-x: auto;
}
.table-wrapper table {
text-align: center;
}
.table-wrapper table td {
border: none;
border-bottom: 1px solid #000;
width: 20% !important;
}
.table-wrapper table td:last-child {
width: 40% !important;
}
.product-table {
display: grid;
grid-template-columns: 20% 20% 20% 1fr;
grid-template-rows: repeat(7, auto);
min-width: 600px;
}
.product-table > div {
padding: 10px;
text-align: center;
border-bottom: 1px solid #000;
}
.realization-process .items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.realization-process .items {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.realization-process .items h3 {
font-size: 16px;
}
}
.realization-process .items > div {
text-align: center;
}
.realization-process .items [class^=icon]::before {
color: #21422e;
}
.realization-process .items p {
margin-top: 25px;
}
.realization-process .items h3 {
text-transform: none;
}
.tech-info {
display: flex;
margin-bottom: 40px;
}
.tech-info:last-of-type {
margin: 0;
}
.tech-info .description {
width: calc(100% - 90px);
padding-top: 10px;
}
.tech-info .icon-wrapper {
width: 90px;
}
.tech-info .icon-wrapper div::before {
font-size: 60px;
color: #21422e;
line-height: 60px;
}
.tech-info .icon-wrapper div.png-complicated, .tech-info .icon-wrapper div.png-accurate {
background-position: top left;
height: 60px;
}
.tech-info .icon-wrapper div.png-accurate {
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/accurate.png) no-repeat;
}
.tech-info .icon-wrapper div.png-complicated {
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/complicated.png) no-repeat;
}
.column-right.tech-2 .tech-info {
margin-bottom: 20px;
}
.product-price::after {
content: "";
z-index: -1;
width: 59%;
height: 100%;
left: 41%;
top: 0;
position: absolute;
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/bg-form-product-price.jpg) no-repeat;
background-size: cover;
background-position-y: top;
border-radius: 0 0 0 40px;
}
.product-price .column-left {
width: 40%;
}
.product-price .column-right {
width: 60%;
}
.certificates {
display: flex;
gap: 20px;
}
.certificates div:last-child {
padding-top: 30%;
} @media (min-width: 1200px) {
.visible-desktop {
display: block !important;
visibility: visible !important;
}
.hidden-desktop {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 1600px) {
.visible-laptop {
display: block !important;
visibility: visible !important;
}
.hidden-laptop {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 1199px) {
.visible-tablet {
display: block !important;
visibility: visible !important;
}
.hidden-tablet {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 767px) {
.visible-tabletPortrait {
display: block !important;
visibility: visible !important;
}
.hidden-tabletPortrait {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 575px) {
.visible-phone {
display: block !important;
visibility: visible !important;
}
.hidden-phone {
display: none !important;
visibility: hidden !important;
}
}
@media (max-width: 1365px) {
.header .btn-wrapper {
position: fixed;
top: 20px;
right: 100px;
}
.fixed .header .btn-wrapper {
top: 2px;
}
.firm-history {
display: block;
text-align: center;
max-width: 500px;
margin: 0 auto;
position: relative;
}
.firm-history::before {
display: none;
}
.firm-history::after {
display: none;
}
.firm-history > div {
display: block;
margin-bottom: 50px;
}
.firm-history > div::before {
display: none;
}
.firm-history > div:last-child::after {
display: none;
}
.firm-history > div .separator {
display: none;
}
}
@media (max-width: 1199px) {
#banner-home .slider .item {
margin-left: 0;
border-radius: 40px;
min-height: 410px;
padding-bottom: 12vw;
}
#banner-home .slider .item::after {
border-radius: 40px;
}
#banner-home .slider .item h1 {
font-size: 28px;
}
#banner-home .slider .item h2 {
font-size: 24px;
}
#banner-home .slider-nav {
margin-left: 0;
width: 100%;
aspect-ratio: 1200/150;
height: auto;
margin-top: -12vw;
margin-bottom: 5vw;
border-radius: 40px;
}
#banner-home .slider-nav > div {
width: 100%;
padding: 0 50px;
}
#banner-home .slider-nav > div span {
font-size: 14px;
padding-top: 40px;
}
#banner-home .slider-nav > div span::before {
font-size: 40px;
}
#banner-home .slider-nav > div span.icon-car::before {
font-size: 33px;
top: 10px;
}
#banner-home .slider-nav > div span.icon-train::before {
font-size: 28px;
top: 18px;
}
.counter {
display: grid;
grid-template-columns: 1fr 1fr;
}
#footer-content .content > div {
width: 25%;
}
}
@media (max-width: 991px) {
.fixed .header { background-color: #fff;
}
.materials-wrapper .description .icon-close {
top: 20px;
right: 20px;
color: #000;
}
.product-price .two-columns {
flex-direction: column;
}
.product-price .two-columns > div {
width: 100%;
}
.product-price::after {
display: none;
}
.product-price .column-right {
padding: var(--padding) 0;
}
.product-price .column-right::after {
content: "";
z-index: -1;
width: 100vw;
height: 100%;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute;
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/bg-form-product-price.jpg) no-repeat;
background-size: cover;
background-position-y: top;
border-radius: 0 0 0 40px;
}
.home .items {
display: flex;
flex-direction: column;
}
.home .items h3 {
min-height: unset;
}
.our-offer .boxes {
flex-direction: column;
gap: 30px;
}
.our-offer .boxes > div {
width: 100%;
aspect-ratio: auto;
}
#footer-content ul {
max-width: none;
display: inline-flex;
gap: 0 30px;
flex-wrap: wrap;
}
#footer-content .content {
justify-content: space-between;
flex-direction: column;
gap: 50px;
}
#footer-content .content > div {
width: 100%;
}
#footer-content .content .offer ul, #footer-content .content .technologies ul {
display: block;
}
}
@media (max-width: 767px) {
.border-left,
.border-right {
border: none;
}
.half-width-content {
justify-content: center;
}
.half-width-content.right-side, .half-width-content.left-side {
padding: 0;
}
.half-width-content.right-side {
margin-top: 60px;
}
.mobile-center {
text-align: center;
}
.padding-top, .products-slider, .materials-wrapper {
padding-top: 40px;
}
.padding-bottom, .products-slider {
padding-bottom: 40px;
}
.margin-top {
margin-top: 40px;
}
.margin-bottom {
margin-bottom: 40px;
}
.content-padding-left,
.content-padding-right,
.content-small-padding-left {
padding-left: 0;
padding-right: 0;
}
.header {
padding: 0;
padding-right: 100px;
}
.header .container {
max-width: 100%;
}
#banner-home .container {
max-width: 100%;
}
#banner-home .slider .item {
aspect-ratio: auto;
padding-bottom: 15vw;
}
#banner-home .slider .item > div {
padding: 30px 20px 4vw 20px;
}
#banner-home .slider-nav {
margin-top: -15vw;
}
#banner-home .slider-nav > div {
padding: 0 50px;
}
#banner-home .slider-nav > div span {
padding-top: 30px;
font-size: 0;
}
#banner-home .slider-nav > div span::before {
font-size: 30px;
}
#banner-home .slider-nav > div span.icon-car::before {
font-size: 22px;
top: 8px;
}
#banner-home .slider-nav > div span.icon-train::before {
font-size: 18px;
top: 14px;
}
#banner-home .slider-nav > div span br {
display: none;
}
.contact::after {
display: none;
}
.contact .column-right {
padding: var(--padding) 0;
}
.contact .column-right::after {
content: "";
z-index: -1;
width: 100vw;
height: 100%;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute;
background: url(//gumex.com.pl/wp-content/themes/swww/assets/img/form-bg.jpg) no-repeat;
background-size: cover;
background-position-y: top;
border-radius: 0 0 0 40px;
}
.table-wrapper table td {
padding: 5px 2px;
font-size: 12px;
line-height: 1.5em;
}
.realization-process .items {
display: flex;
flex-direction: column;
gap: 40px;
margin-bottom: 20px;
}
.realization-process .items h3 {
min-height: unset;
margin-top: 10px;
}
.realization-process .items br {
display: none;
}
}
@media (max-width: 575px) {
.header {
background-color: transparent;
border: none;
}
.header #menuTop a.button {
display: inline-block !important;
position: static !important;
margin-top: 20px !important;
background-color: #21422e;
padding: 10px !important;
}
.header .button.order {
right: 80px !important;
}
}
@media (max-width: 500px) {
body {
padding-top: 60px;
}
#mobile-menu-buttons {
top: 0;
right: 0;
}
.fixed .header #logo-top {
margin: 0;
}
.header {
height: 60px;
padding-right: 70px;
}
.header .btn-wrapper {
position: static;
top: auto;
right: auto;
}
.header .btn-wrapper .btn {
font-size: 14px;
padding: 18px 10px 18px 45px;
width: 120px;
border-radius: 5px;
}
.header .btn-wrapper .btn::before {
font-size: 20px;
}
.header #logo-top span::before {
font-size: 50px;
}
#banner-home .slider .item {
margin-left: 0;
border-radius: 40px;
aspect-ratio: auto;
padding-bottom: 100px;
min-height: unset;
}
#banner-home .slider .item::after {
border-radius: 40px;
}
#banner-home .slider .item h1 {
font-size: 20px;
}
#banner-home .slider .item h2 {
font-size: 16px;
}
#banner-home .slider-nav {
margin-top: -20vw;
margin-left: 0;
margin-bottom: 50px;
width: 100%;
aspect-ratio: 1200/200;
}
#banner-home .slider .buttons {
flex-direction: column;
}
#banner-home .slider .buttons a {
white-space: nowrap;
max-width: 280px;
padding: 15px 50px;
padding-left: 60px;
}
#banner-home .slider .buttons a::after {
background-size: 60% !important;
}
.page-banner {
height: 150px;
padding: 30px 0;
}
.page-banner .main-title, .page-banner h1 {
font-size: 22px;
}
.counter {
display: grid;
grid-template-columns: 1fr;
}
.products-slider {
width: calc(100% - 80px);
margin: 0 auto;
}
.items h3 {
min-height: auto;
}
}