:root {
--themeColor: #F9665E;
--themeColorHover: #D60812;
} #Side_slide .logo {
display: inline-block;
}
#Side_slide .logo img {
max-width: 180px;
display: inline-block;
margin: 20px 30px;
}
#Side_slide .darcekove-balicky {
position: absolute;
right: 70px;
top: 15px;
}
#Side_slide .darcekove-balicky-menu {
display: none;
}
#Top_bar a.responsive-menu-toggle {
position: initial;
margin-top: 0;
margin-left: auto;
margin-right: 30px;
}
.responsive-menu-toggle i {
line-height: 1;
}
.responsive-menu-toggle i.icon-menu-fine:before {
content: "";
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-hamburger.svg);
width: 27px;
height: 20px;
background-repeat: no-repeat;
}
#Side_slide #menu > ul > li > a {
font-size: 28px;
line-height: 34px;
text-transform: uppercase;
text-align: center;
margin: 0;
}
#Side_slide #menu > ul > li > a {
padding: 20px 40px;
}
#Side_slide.light #menu ul li {
border-top-color: #F9F9F9;
}
#Side_slide #menu ul li ul.sub-menu li a {
margin-right: 0;
padding-right: 40px;
}
#Side_slide #menu ul li.submenu .menu-toggle {
top: 33px;
transform: translateY(-50%);
right: 25px;
color: #707070;
}
#Side_slide #menu ul li.submenu .menu-toggle:after {
font-size: 40px;
line-height: 1;
}
#Side_slide.light #menu ul li ul {
background: var(--themeColor);
text-align: center;
}
#Side_slide #menu ul li ul li {
border: 0;
}
#Side_slide #menu ul li ul li a {
padding-left: 35px;
font-size: 20px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
#Side_slide #menu ul li ul li:not(:last-child) a:after {
content: "";
position: absolute;
width: 20px;
height: 1px;
background: #fff;
bottom: 0;
z-index: 2;
left: 50%;
transform: translateX(-50%);
}
#Side_slide #menu ul li ul {
padding-top: 7px;
padding-bottom: 7px;
}
#Side_slide #menu ul li a {
padding: 15px 40px;
padding-right: 0;
margin-right: 40px;
} .mcb-column-inner {
margin-left: 0;
margin-right: 0;
}
#Header .container {
padding-left: 0;
padding-right: 0;
}  #Header .top_bar_left {
display: flex;
align-items: center;
} #Top_bar .menu > li > a span:not(.description) {
padding: 0;
}
#Top_bar .menu_wrapper {
margin-left: auto;
}
#Top_bar .menu {
display: flex;
column-gap: 50px;
}
#Top_bar .menu > li {
display: flex;
align-items: center;
}
#Top_bar .menu > li > a {
padding: 0;
}
#Top_bar .menu > li.darcekove-balicky-menu > a:hover img {
filter: invert(8%) sepia(98%) saturate(6292%) hue-rotate(354deg) brightness(90%) contrast(99%);
}
#Top_bar .menu > li > a span {
text-transform: uppercase;
display: flex !important;
align-items: center;
}
#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-shop #Top_bar, .header-shop-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {
border: 0;
}
#Top_bar.is-sticky #logo img.svg {
width: auto;
}
#Top_bar.is-sticky .menu_wrapper .menu > li > a {
padding: 0;
}
#Top_bar.is-sticky .menu li ul.sub-menu:after {
top: -15px;
height: 15px;
} #Top_bar .menu li > ul {
box-shadow: 10px 10px 25px 0 rgb(0 0 0 / 30%);;
}
#Top_bar .menu li ul.sub-menu {
left: 50%;
transform: translateX(-50%);
top: calc(100% + 11px);
border-radius: 6px;
background-image: none;
text-align: center;
text-transform: uppercase;
}
#Top_bar .menu li ul.sub-menu li a {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 0;
font-weight: bold;
}
#Top_bar .menu li ul.sub-menu li a:hover {
background: transparent;
}
#Top_bar .menu li ul.sub-menu li:not(:last-child):after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
height: 1px;
width: 20px;
background: #fff;
transform: translateX(-50%);
}
#Top_bar .menu li ul.sub-menu:before {
content: "";
position: absolute;
left: 50%;
top: 0;
transform: translateY(-100%) translateX(-50%);
width: 25px;
height: 10px;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-arrow-triangle.svg);
background-size: contain;
background-repeat: no-repeat;
}
#Top_bar .menu li ul.sub-menu:after {
content: "";
position: absolute;
top: -30px;
left: 10%;
height: 30px;
width: 80%;
background: white;
opacity: 0.2;
z-index: -1;
}
#Top_bar.is-sticky .menu li ul {
top: calc(100% + 10px);
} #Subheader:after {
display: none;
}
#Subheader .title {
text-transform: uppercase;
position: relative;
}
#Subheader .title:after {
content: "";
position: absolute;
left: 50%;
bottom: -20px;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-vlna.svg);
background-size: 250px;
width: 250px;
height: 10px;
transform: translateX(-50%);
}
#Subheader .title:before {
content: "";
position: absolute;
bottom: -37px;
right: 80px;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-circle-1.svg);
background-size: 26px;
width: 26px;
height: 26px;
}
#Subheader .intro-text-wrapper {
max-width: 855px;
text-align: center;
margin-top: 65px;
font-size: 22px;
line-height: 36px;
font-weight: 800;
}
#Subheader .intro-text-wrapper.wide {
max-width: 1200px;
}
#Subheader .intro-text-wrapper p {
margin-bottom: 0;
}  .hp-banner-section {
background: #ECECEC;
height: calc(100vh - 115px);
min-height: 960px;
max-height: calc(1440px - 115px);
}
.hp-banner-section > .section_wrapper:after {
content: "";
position: absolute;
right: 0;
transform: translateX(60%);
bottom: 55px;
width: 1440px;
height: 1440px;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/banner-circle.svg);
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
visibility: visible;
}
.hp-banner-section > .section_wrapper {
align-items: center;
align-content: center;
}
.hp-banner-section > .section_wrapper .midle {
text-align: center;
}
.hp-banner-section > .section_wrapper .midle .logo {
width: 100%;
}
.hp-banner-section > .section_wrapper .top,
.hp-banner-section > .section_wrapper .bottom {
font-size: 20px;
line-height: 28px;
font-weight: 400;
}
.hp-banner-section > .section_wrapper .top {
display: flex;
align-items: flex-end;
}
.hp-banner-section > .section_wrapper .top .left {
font-size: 79px;
line-height: 90px;
font-weight: 400;
padding-left: 100px;
}
.hp-banner-section > .section_wrapper .right {
margin-left: auto;
margin-bottom: 135px;
position: relative;
}
.hp-banner-section > .section_wrapper .bottom {
margin-left: 30%;
margin-top: 190px;
position: relative;
}
.hp-banner-section > .section_wrapper .right:before,
.hp-banner-section > .section_wrapper .bottom:before {
content: "";
position: absolute;
left: -10px;
top: 70%;
transform: translateX(-100%);
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-point-arrow-1.svg);
background-size: cover;
width: 70px;
height: 110px;
}
.hp-banner-section > .section_wrapper .bottom:before {
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-point-arrow-2.svg);
top: 50%;
transform: translateY(-100%) translateX(-100%);
left: -15px;
width: 120px;
height: 120px;
} .hp-kto-sme {
padding-top: 50px;
padding-bottom: 190px;
}
.hp-kto-sme .text-wrapper-left:before {
content: "";
position: absolute;
left: -120px;
top: 60%;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-circle-1.svg);
background-size: contain;
width: 18px;
height: 18px;
visibility: visible;
}
.hp-kto-sme .section-title{
margin-bottom: 50px;
}
.hp-kto-sme .text-wrapper-left {
padding-right: 105px;
}
.hp-kto-sme .text-wrapper-right {
padding-left: 105px;
}
.hp-kto-sme .text-wrapper-left:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-vlnka.svg);
width: 15px;
height: 100px;
background-size: cover;
visibility: visible;
} .hp-komplexne-sluzby {
padding-top: 90px;
padding-bottom: 90px;
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(173,195,209,0.2) 100%);
}
.hp-komplexne-sluzby:before {
content: "";
position: absolute;
left: -10%;
top: -30%;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-line-arrow-1.svg);
background-size: contain;
background-repeat: no-repeat;
width: 800px;
height: 760px;
}
.hp-komplexne-sluzby .bg-wrapper:after {
content: "";
position: absolute;
right: 0;
top: 58%;
transform: translateY(-50%) translateX(90%);
width: 750px;
height: 750px;
background: var(--themeColor);
border-radius: 50%;
visibility: visible;
z-index: -1;
}
.hp-komplexne-sluzby .title {
font-size: 26px;
line-height: 40px;
color: #707070;
margin-bottom: 30px
}
.hp-komplexne-sluzby .title .higlight {
font-size: 60px;
line-height: 1;
text-transform: uppercase;
font-weight: 900;
color: #ADC3D1;
}
.hp-komplexne-sluzby .bg-wrapper > .mcb-wrap-inner {
background-size: cover;
position: absolute;
width: 1200px;
height: 850px;
top: 50%;
transform: translateY(-50%) translateX(-20%);
left: 10px;
} .hp-co-robime {
padding-top: 80px;
padding-bottom: 150px;
}
.hp-co-robime .section-title {
margin-bottom: 70px;
}
.hp-co-robime .services-wrapper .column_icon_box_2 .title {
font-size: 60px;
line-height: 68px;
color: #CECECE;
font-weight: 400;
font-family: "Reenie Beanie"; }
.hp-co-robime .services-wrapper .mcb-wrap-inner {
row-gap: 60px;
}
.hp-co-robime .services-wrapper .column_icon_box_2 {
padding-left: 40px;
padding-right: 40px;
}
.hp-co-robime .services-wrapper .column_icon_box_2 .desc {
color: #707070;
}
.hp-co-robime .services-wrapper .column_icon_box_2 .desc:after {
content: "...";
position: absolute;
left: 50%;
transform: translateX(-50%);
display: block;
color: var(--themeColor);
}
.hp-co-robime .services-wrapper .column_icon_box_2 .icon-wrapper img { }
.hp-co-robime .services-wrapper .column_icon_box_2:hover .icon-wrapper img {
filter: invert(53%) sepia(13%) saturate(2519%) hue-rotate(314deg) brightness(104%) contrast(99%); }
.hp-co-robime .services-wrapper .column_icon_box_2:hover .title {
color: #000; }
.mfn-icon-box-top.mfn-icon-box-center .icon-wrapper, .mfn-icon-box-bottom.mfn-icon-box-center .icon-wrapper {
width: 100%;
} .hp-number-sections {
padding-top: 90px;
padding-bottom: 90px;
}
.hp-number-sections .number {
font-size: 100px;
line-height: 120px;
font-weight: bold;
margin-bottom: 0;
}
.hp-number-sections .mcb-column-inner {
text-align: center;
}
.hp-number-sections .midle-number .number {
font-size: 160px;
line-height: 190px;
color: #fff;
}
.hp-number-sections .midle-number .desc {
font-size: 31px;
line-height: 37px;
color: #fff;
}
.hp-number-sections .midle-number .mfn-inline-editor {
background: var(--themeColor);
display: inline-flex;
flex-direction: column;
padding: 75px;
border-radius: 50%;
position: relative;
}
.hp-number-sections .midle-number .mfn-inline-editor:after {
content: "";
position: absolute;
width: calc(100% - 14px);
height: calc(100% - 14px);
border: 5px dashed #fff;
border-radius: 50%;
left: 7px;
top: 7px;
} .loga-partnerov-slider {
margin-top: 80px;
}
.loga-partnerov .gallery-item {
width: 100% !important;
}
.loga-partnerov .gallery-item .gallery-icon {
width: 100%;
margin: 0 !important;
}
.loga-partnerov .gallery-item img {
filter: grayscale(1);
}
.loga-partnerov .gallery-item:hover img {
filter: grayscale(0);
}
.loga-partnerov .owl-stage-outer:hover {
cursor: pointer;
}
.loga-partnerov .owl-dots {
display: none;
} .hp-darcekove-balicky {
padding-bottom: 120px;
padding-top: 120px;
}
.hp-darcekove-balicky .bg-wrapper:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) translateX(90%);
width: 750px;
height: 750px;
background: var(--themeColor);
border-radius: 50%;
visibility: visible;
z-index: -1
}
.hp-darcekove-balicky .title {
font-size: 38px;
line-height: 46px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
display: inline-flex;
width: 360px;
height: 360px;
border-radius: 50%;
align-items: center;
justify-content: center;
background: var(--themeColor);
color: #fff;
position: relative;
}
.hp-darcekove-balicky .title:after {
content: "";
position: absolute;
left: 20px;
bottom: 15px;
border: 4px dashed #fff;
width: 100%;
height: 100%;
border-radius: 50%;
}
.hp-darcekove-balicky .text-wrapper {
text-align: center;
margin-left: auto;
}
.hp-darcekove-balicky .text-wrapper .link {
font-size: 40px;
line-height: 48px;
font-weight: 800;
color: #000;
margin-top: 5px;
}
.hp-darcekove-balicky .text-wrapper .desc {
font-size: 24px;
line-height: 32px;
color: #000;
margin-bottom: 25px;
}
.hp-darcekove-balicky .bg-wrapper > .mcb-wrap-inner {
background-size: cover;
position: absolute;
width: 1200px;
height: 1100px;
bottom: -30%;
left: -25%;
}  .showroom-grid .gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 5px;
}
.showroom-grid .gallery .gallery-item {
width: 100% !important;
}
.showroom-grid .gallery .gallery-item:first-child {
grid-row-start: 1;
grid-row-end: span 2;
}
.showroom-grid .gallery .gallery-item * {
display: flex;
height: 100%;
}
.showroom-grid .gallery .gallery-item img {
object-fit: cover
}
.showroom-grid .gallery .gallery-item:hover img {
transform: scale(1.1) !important;
} .contact-page-map-section {
background: #F9F9F9;
margin-bottom: 100px;
z-index: 3
}
.contact-page-map-section .map-wrapper {
border-right: 8px solid var(--themeColor);
}
.contact-page-map-section .showroom-wrapper {
padding: 50px;
}
.contact-page-map-section .showroom-wrapper .title {
font-size: 45px;
line-height: 54px;
font-weight: 800;
text-transform: uppercase;
position: relative;
margin-bottom: 35px;
padding-left: 27px;
}
.contact-page-map-section .showroom-wrapper .title:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-arrow-right.svg);
background-size: cover;
width: 17px;
height: 30px;
}
.contact-page-map-section .showroom-wrapper .title a {
position: relative;
}
.contact-page-map-section .showroom-wrapper .title a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #000;
transition: all .3s ease-in-out;
}
.contact-page-map-section .showroom-wrapper .title a:hover {
color: var(--themeColor);
}
.contact-page-map-section .showroom-wrapper .title a:hover::after {
width: 100%;
transition: all .3s ease-in-out;
background: var(--themeColor);
}
.contact-page-map-section .showroom-wrapper .title-xs {
font-size: 15px;
font-weight: 500;
color: #CDCECE;
margin-bottom: 0;
}
.contact-page-map-section .showroom-wrapper .address {
font-size: 22px;
line-height: 28px;
}
.contact-page-map-section .showroom-wrapper ul.contact-info-group {
list-style: none;
margin: 0;
padding: 0;
}
.contact-page-map-section .showroom-wrapper ul.contact-info-group li {
font-size: 22px;
line-height: 26px;
font-weight: bold;
}
.contact-page-map-section .showroom-wrapper ul.contact-info-group li:not(:last-child) {
margin-bottom: 7px;
}
.contact-page-map-section .showroom-wrapper ul.contact-info-group li a {
color: #707070;
}
.contact-page-map-section .showroom-wrapper ul.contact-info-group li a:hover {
color: var(--themeColor);
}
.contact-page-map-section .showroom-wrapper .office-img img {
max-width: 615px;
} .ako-pracujeme-box {
max-width: 960px;
background: #F5F5F5;
border-radius: 24px;
padding: 20px;
text-align: center;
}
.ako-pracujeme-box .desc {
margin-bottom: 55px;
}
.ako-pracujeme-box .btn-wrapper {
margin-bottom: -37px;
} .hp-povedali-onas {
padding-top: 120px;
}
.hp-povedali-onas .section-title {
margin-bottom: 45px;
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .owl-stage {
display: flex;
align-items: stretch;
margin-bottom: 60px;
padding-top: 20px;
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .owl-item {
display: flex;
background: #fff;
border-radius: 24px;
box-shadow: 15px 15px 40px rgb(0 0 0 / 10%);
padding-bottom: 30px;
height: auto;
width: 450px;
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .testimonials-item {
display: flex !important;
flex-direction: column;
height: 100%;
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .testimonials-item .bq_wrapper {
background: none;
padding: 150px 65px 60px;
margin: 0;
}
.hp-povedali-onas .blockquote blockquote {
margin: 0;
font-size: 24px;
line-height: 32px;
text-align: center !important;
text-decoration: none !important;
color: #707070;
}
.hp-povedali-onas .blockquote .mfn-blockquote-icon {
position: absolute;
left: 50%;
top: -50px;
transform: translate(-50%,-50%);
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .testimonials-item .author {
margin-top: auto;
text-align: center;
padding: 0 30px;
}
.hp-povedali-onas .author .name,
.hp-povedali-onas .author .company {
font-size: 24px;
line-height: 32px;
font-weight: bold;
margin: 0;
color: var(--themeColor) !important;
}
.hp-povedali-onas .author .company {
font-weight: 500;
font-size: 18px;
line-height: 26px;
}
.hp-povedali-onas .testimonials_slider .owl-dots {
display: none;
}
.testimonials_slider.single-photo .owl-prev, .testimonials_slider.single-photo .owl-next {
display: flex !important;
}
.testimonials_slider .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.testimonials_slider .owl-prev, .testimonials_slider .owl-next {
top: 50%;
transform: translate(-100%, -50%);
margin: 0;
position: absolute;
}
.testimonials_slider .owl-next {
transform: translate(0, -50%);
left: calc(100% + 25px);
}
.testimonials_slider .owl-prev span,
.testimonials_slider .owl-next span {
width: 60px;
height: 60px;
align-items: center;
justify-content: center;
border-radius: 40px 0 0 40px;
background: #EBEBEB;
color: #fff;
font-size: 20px;
position: relative;
transition: all .3s ease-in-out;
}
.testimonials_slider .owl-next span {
border-radius: 0 40px 40px 0;
}
.testimonials_slider .owl-prev span > img,
.testimonials_slider .owl-next span > img {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.testimonials_slider .owl-prev:hover span,
.testimonials_slider .owl-next:hover span {
background: #000;
transition: all .3s ease-in-out;
} .katalogy-narrow-info-section {
background: #F5F5F5;
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
}
.katalogy-narrow-info-section .section_wrapper {
max-width: 930px;
}
.katalogy-section-wrapper {
padding-top: 80px;
padding-bottom: 150px;
}
.katalogy-section-wrapper .katalogy-filter-wrapper {
margin-bottom: 70px;
}
.katalogy-section-wrapper ul.filter-item-wrapper {
margin: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(4, 1fr);
row-gap: 15px;
}
.katalogy-section-wrapper ul.filter-item-wrapper li {
margin: 0;
font-size: 20px;
line-height: 1;
font-weight: bold;
padding-left: 10px;
position: relative;
}
.katalogy-section-wrapper ul.filter-item-wrapper li:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 2px;
background: var(--themeColor);
}
.katalogy-section-wrapper ul.filter-item-wrapper li  a {
color: #707070;
}
.katalogy-section-wrapper ul.filter-item-wrapper li  a.active {
color: var(--themeColor);
}
.katalogy-section-wrapper .category-title {
font-size: 40px;
line-height: 1;
text-transform: uppercase;
color: #707070;
margin-bottom: 55px;
}
.katalogy-section-wrapper .category-title > .themecolor {
font-weight: bold;
}
.katalogy-section-wrapper .katalogy-listing-wrapper {
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 10px;
row-gap: 40px;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper {
display: flex;
flex-direction: column;
text-align: center;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper .katalog-img {
box-shadow: 4px 4px 30px rgb(0 0 0 / 15%);
display: block;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper .category {
font-size: 16px;
line-height: 27px;
font-weight: 800;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper .content-wrapper {
margin-top: 13px;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper a {
position: relative;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
background: rgb(0 0 0 / 60%);
opacity: 0;
transition: all .3s ease-in-out;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper a:hover::before {
opacity: 1;
transition: all .3s ease-in-out;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper .content-wrapper {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
padding: 0 5px;
opacity: 0;
transition: all .3s ease-in-out;
text-align: center;
width: 100%;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper a .katalog-desc,
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper a .katalog-title {
font-size: 13px;
line-height: 24px;
color: #fff;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper a .katalog-title {
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper a:hover .content-wrapper {
opacity: 1;
transition: all .3s ease-in-out;
} .partneri-grid .gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.partneri-grid .gallery .gallery-item {
width: 100% !important;
margin: 0 !important;
padding: 40px;
border-bottom: 1px solid rgb(0 0 0 / 10%);
border-right: 1px solid rgb(0 0 0 / 10%);
}
.partneri-grid .gallery .gallery-item img {
max-width: 200px;
display: block;
margin: 0 auto;
filter: grayscale(1);
transition: all .3s ease-in-out;
}
.partneri-grid .gallery .gallery-item:hover img {
filter: grayscale(0);
transition: all .3s ease-in-out;
}
.partneri-grid .gallery .gallery-item:nth-child(4n) {
border-right: 0;
}
.partneri-grid .gallery .gallery-item:nth-last-child(-n + 4 ) {
border-bottom: 0;
}  a.btn {
display: inline-block;
font-size: 20px;
line-height: 24px;
font-weight: 600;
padding: 15px 20px;
}
a.btn.btn-round {
border-radius: 59px;
}
a.btn.btn-theme {
background: var(--themeColor);
color: #fff;
}
a.btn.btn-theme:hover {
background: var(--themeColorHover);
color: #fff;
} ul.contact-info-group li img {
margin-right: 7px;
} a, a:hover {
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.decorative-font {
font-family: "Reenie Beanie";
}
.text-upper {
text-transform: uppercase;
}
.ta-center {
text-align: center;
}
.section-title {
font-size: 74px;
line-height: 89px;
font-weight: 800;
text-transform: uppercase;
} .wpcf7-form p:empty {
display: none;
}
.wpcf7 form .wpcf7-response-output {
clear: both;
color: #fff;
padding: 15px 20px !important;
width: 100%;
margin: 0;
float: left;
font-size: 18px;
line-height: 24px;
border-radius: 24px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
background: #ffb900;
}
select:focus {
background-color: #fafafa!important;
}
.wpcf7-spinner {
position: absolute;
right: -50px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
background: #46b450;
}
.grecaptcha-badge{visibility:hidden}  .content-page {
padding-top: 80px;
padding-bottom: 80px;
}
.content-page .section_wrapper {
max-width: 1000px;
text-align: justify;
}
.content-page h1 {
font-size: 35px;
line-height: 45px;
margin-bottom: 30px;
}
.content-page h2 {
font-size: 25px;
line-height: 35px;
}
.content-page h3 {
font-size: 20px;
line-height: 30px;
} .mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-45 {
margin-bottom: 45px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.pb-0 {
padding-bottom: 0px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
.pt-50 {
padding-top: 50px;
}
.pb-190 {
padding-top: 190px;
} .section-title-desc {
padding-bottom: 120px;
}
.section-title-desc .section_wrapper .section-title {
font-weight: 500;
}
.section-title-desc .desc {
padding: 20px;
border-radius: 24px;
margin-bottom: 0;
background: #F5F5F5;
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
}
.section-title-desc .section_wrapper {
align-items: center;
}
.section-title-desc .section_wrapper .section-title {
text-transform: uppercase;
font-size: 30px;
line-height: 36px;
color: #707070;
margin-bottom: 0;
text-align: right;
padding-right: 50px;
}
.section-title-desc .section_wrapper .section-title > strong {
color: var(--themeColor);
}
.section-title-desc .section_wrapper .one-fourth:last-child  {
text-align: right;
}
.section-title-desc .section_wrapper .one-fourth:last-child .section-title {
padding-left: 50px;
text-align: left;
}
.section-title-desc .section_wrapper .three-fourth:first-child .desc {
text-align: right;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
}
.section-title-desc .section_wrapper .three-fourth:first-child .desc:after {
content: "";
position: absolute;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-triangle.svg);
background-repeat: no-repeat;
background-size: 40px;
width: 40px;
height: 46px;
top: 50%;
left: calc(100% - 10px);
transform: translateY(-50%);
}
.section-title-desc .section_wrapper .three-fourth:last-child .desc::before {
content: "";
position: absolute;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-triangle.svg);
background-repeat: no-repeat;
background-size: 40px;
width: 40px;
height: 46px;
top: 50%;
right: calc(100% - 10px);
transform: translateY(-50%) rotate(180deg);
}  .page-id-14 .prefooter-services {
display: none;
}
.prefooter-services {
padding-top: 65px;
padding-bottom: 65px;
margin-bottom: 75px;
z-index: 3;
background: var(--themeColor);
}
.prefooter-services .title {
color: #F2C3C1;
font-family: "Reenie Beanie";
font-size: 44px;
line-height: 50px;
font-weight: 400;
}
.prefooter-services .mcb-wrap-inner {
display: flex;
justify-content: space-between;
}
.prefooter-services .mcb-wrap-inner .one-fifth {
width: auto;
}
.prefooter-services .mfn-icon-box-top.mfn-icon-box-center .icon-wrapper, .prefooter-services.mfn-icon-box-bottom.mfn-icon-box-center .icon-wrapper {
width: 100%;
}
.prefooter-services .column_icon_box_2:hover .icon-wrapper img {
filter: brightness(0) invert(1);
}
.prefooter-services .column_icon_box_2:hover .title {
color: #fff;
} .prefooter-contact .title {
font-size: 40px;
line-height: 45px;
margin-bottom: 45px;
font-weight: 400;
color: #707070;
} .prefooter-contact .section_wrapper:before {
content: "";
position: absolute;
left: 30%;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-circle-1.svg);
background-size: 26px;
width: 26px;
height: 26px;
top: -73px;
}
.prefooter-contact:before {
content: "";
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
border: 2px dashed #707070;
right: calc(-300px / 2);
top: 0;
transform: translateY(-80%);
z-index: 2;
}
.prefooter-contact {
background: rgb(206 206 206 / 15%);
padding-top: 60px;
padding-bottom: 60px;
}
.prefooter-contact p:empty {
display: none;
}
.prefooter-contact .form-wrapper {
padding: 40px 35px;
background: #fff;
box-shadow: 15px 15px 60px rgb(0 0 0 / 16%);
border-radius: 24px;
}
.prefooter-contact .form-wrapper .wpcf7-form {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
}
.prefooter-contact .form-wrapper .wpcf7-form .row-wrapper {
display: flex;
column-gap: 15px;
width: 100%;
}
.prefooter-contact .form-wrapper .wpcf7-form .column {
padding: 0;
}
.prefooter-contact .form-wrapper .wpcf7-form .column p {
margin: 0;
}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .wp-block-search input[type="search"], .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea {
font-size: 18px;
line-height: 24px;
padding: 14px 23px;
font-weight: 500;
color: #707070;
}
.prefooter-contact .form-wrapper .wpcf7-form input[type="submit"] {
border-radius: 24px;
padding: 10px 80px;
text-transform: uppercase;
font-weight: bold;
background: #CECECE;
box-shadow: none;
font-size: 24px;
line-height: 29px;
float: right;
}
.prefooter-contact .form-wrapper .wpcf7-form input[type="submit"]:hover {
background: var(--themeColor);
}
.prefooter-contact .form-wrapper .wpcf7-form .gdpr .wpcf7-list-item {
margin: 0;
}
.prefooter-contact .form-wrapper .wpcf7-form .gdpr .wpcf7-list-item a {
color: #707070;
}
.prefooter-contact .form-wrapper .wpcf7-form .gdpr .wpcf7-list-item > label {
display: flex;
align-items: flex-start;
}
.prefooter-contact .form-wrapper .wpcf7-form .gdpr .wpcf7-list-item > label > input {
margin-top: 10px;
margin-right: 10px;
} .prefooter-contact:after {
content: "";
position: absolute;
width: 850px;
height: 850px;
border-radius: 50%;
background: #fff;
right: calc(-850px / 2);
top: 50%;
transform: translateY(-50%);
}
.prefooter-contact .socials-wrapper {
padding-top: 60px;
position: relative;
}
.prefooter-contact .socials-wrapper:before {
content: "";
position: absolute;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-socials-text.png);
background-repeat: no-repeat;
background-size: cover;
width: 160px;
height: 220px;
display: block;
left: 50px;
bottom: -65%;
visibility: visible;
}
.prefooter-contact .socials-wrapper ul.social-icons {
list-style: none;
margin: 0;
display: inline-flex;
flex-direction: column;
row-gap: 40px;
align-items: center;
float: right;
padding-right: 30px;
}
.prefooter-contact .socials-wrapper ul.social-icons li {
margin: 0;
}
.prefooter-contact .socials-wrapper ul.social-icons li a:hover img {
filter: invert(53%) sepia(13%) saturate(2519%) hue-rotate(314deg) brightness(104%) contrast(99%);
}  #Footer .widget {
margin: 0;
}
#Footer ul.contact-info-group li {
font-size: 24px;
line-height: 29px;
font-weight: bold;
}
#Footer ul.contact-info-group li:not(:last-child) {
margin-bottom: 7px;
}
#Footer ul.contact-info-group li a:hover {
color: var(--themeColor);
}
#Footer .widget-title {
font-size: 12px;
line-height: 24px;
color: #CECECE;
margin-bottom: 0;
}
#Footer .widgets_wrapper .container {
display: flex;
}
#Footer .widgets_wrapper .one-fourth:nth-child(1) {
width: 40%;
flex: 0 0 40%;
display: flex;
align-items: center;
}
#Footer .widgets_wrapper .one-fourth:nth-child(2) {
width: 17.5%;
flex: 0 0 17.5%;
}
#Footer .widgets_wrapper .one-fourth:nth-child(3) {
width: 17.5%;
flex: 0 0 17.5%;
}
#Footer .widgets_wrapper .one-fourth:nth-child(4) {
width: 25%;
flex: 0 0 25%;
}
#Footer .widgets_wrapper .one-fourth {
position: relative;
}
#Footer .widgets_wrapper .one-fourth:not(:first-child):before {
content: "";
position: absolute;
left: -25px;
top: 0;
height: 100%;
width: 1px;
background: var(--themeColor);
} #Footer .footer_copy .one {
margin-bottom: 0;
min-height: auto;
padding-top: 35px;
padding-bottom: 35px;
border-top: 1px solid #CECECE;
}
#Footer .footer_copy .one .mcb-column-inner {
margin: 0;
}
#Footer .footer_copy ul.copyrigt-info {
display: flex;
}
#Footer .footer_copy ul.copyrigt-info li {
padding-right: 20px;
position: relative;
color: #CECECE;
font-size: 16px;
line-height: 19px;
}
#Footer .footer_copy ul.copyrigt-info li a {
color: #CECECE;
}
#Footer .footer_copy ul.copyrigt-info li a:hover {
color: #707070;
}
#Footer .footer_copy ul.copyrigt-info li:not(:first-child) {
padding-left: 20px;
}
#Footer .footer_copy ul.copyrigt-info li:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 30px;
width: 1px;
background: var(--themeColor);
}
#Footer .footer_copy .recapcha-text {
font-size: 16px;
line-height: 19px;
margin-bottom: 0;
margin-top: 10px;
color: #CECECE;
}
#Footer .footer_copy .recapcha-text a {
color: #CECECE;
}
#Footer .footer_copy .recapcha-text a:hover {
color: #707070;
} @media only screen and (min-width: 1920px) {
.prefooter-contact:after {
width: 1500px;
height: 1500px;
right: calc(-1500px / 2);
}
}
@media only screen and (max-width: 1920px) {
.hp-komplexne-sluzby:before {
width: 600px;
height: 560px;
}
}
@media only screen and (max-width: 1660px) { .section-title-desc {
padding-bottom: 100px;
} .hp-banner-section {
min-height: 860px;
}
.hp-banner-section > .section_wrapper .midle .logo {
width: 90%;
}
.hp-kto-sme {
padding-bottom: 160px;
}
.hp-povedali-onas {
padding-top: 80px;
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .testimonials-item .bq_wrapper {
padding: 130px 45px 50px;
}
.hp-povedali-onas .blockquote blockquote {
font-size: 22px;
line-height: 30px;
}
.hp-darcekove-balicky .bg-wrapper > .mcb-wrap-inner {
width: 1000px;
height: 910px;
bottom: -5%;
left: -25%;
}
.hp-komplexne-sluzby .bg-wrapper > .mcb-wrap-inner {
width: 1000px;
height: 750px;
transform: translateY(-50%) translateX(-25%);
}
.hp-darcekove-balicky .bg-wrapper:after,
.hp-komplexne-sluzby .bg-wrapper:after {
transform: translateY(-50%) translateX(50%);
}
.hp-komplexne-sluzby:before {
width: 500px;
height: 460px;
} .prefooter-contact:after {
width: 750px;
height: 750px;
}
}
@media only screen and (max-width: 1440px) {
.section-title {
font-size: 64px;
line-height: 79px;
} #Subheader {
padding: 75px 0 115px;
}
.section-title-desc {
padding-bottom: 80px;
}
.section, #Footer, #Top_bar .container {
padding-left: 15px;
padding-right: 15px;
}
.content-page {
padding-top: 60px;
padding-bottom: 60px;
}
.content-page h1 {
font-size: 30px;
line-height: 40px;
}
.content-page h2 {
font-size: 22px;
line-height: 32px;
}
.content-page h3 {
font-size: 18px;
line-height: 28px;
} .hp-banner-section {
min-height: 800px;
}
.hp-banner-section > .section_wrapper .midle .logo {
width: 80%;
}
.hp-banner-section > .section_wrapper .top .left {
font-size: 69px;
line-height: 80px;
margin-left: 90px;
}
.hp-banner-section > .section_wrapper .bottom {
margin-top: 130px;
}
.testimonials_slider.single-photo .owl-nav {
display: none !important;
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .owl-stage {
margin-bottom: 40px;
}
.hp-povedali-onas .testimonials_slider .owl-dots {
display: block;
text-align: center;
}
.hp-povedali-onas .testimonials_slider .owl-dots .owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
border: 2px solid #CECECE;
}
.hp-povedali-onas .testimonials_slider .owl-dots .owl-dot.active:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 11px;
height: 11px;
background: var(--themeColor);
border-radius: 50%;
border: 2px solid #fff;
}
.hp-darcekove-balicky .text-wrapper {
margin-left: 0;
}
.hp-darcekove-balicky {
padding-bottom: 100px;
} .prefooter-contact:after {
width: 650px;
height: 650px;
} #Footer ul.contact-info-group li {
font-size: 20px;
line-height: 26px;
}
#Footer .widgets_wrapper .one-fourth {
width: 25% !important;
flex: 0 0 25% !important;
}
}
@media only screen and (max-width: 1239px) {
.section-title {
font-size: 54px;
line-height: 69px;
} #Subheader .intro-text-wrapper br {
display: none;
} .content-page .section_wrapper {
max-width: 940px;
}
.section-title-desc .section_wrapper .one-fourth {
width: 35%;
}
.section-title-desc .section_wrapper .three-fourth {
width: 65%;
} .hp-banner-section {
min-height: 750px;
}
.hp-banner-section > .section_wrapper .top .left {
font-size: 50px;
line-height: 70px;
margin-left: 130px;
padding-left: 0;
}
.hp-banner-section > .section_wrapper:after {
width: 1140px;
height: 1140px;
}
.hp-number-sections .number {
font-size: 80px;
line-height: 100px;
}
.hp-number-sections .midle-number .number {
font-size: 140px;
line-height: 1;
}
.hp-number-sections .midle-number .mfn-inline-editor {
padding: 0;
justify-content: center;
width: 300px;
height: 300px;
}
.hp-number-sections .midle-number .desc {
font-size: 25px;
line-height: 33px;
}
.hp-kto-sme {
padding-bottom: 120px;
}
.hp-darcekove-balicky .bg-wrapper > .mcb-wrap-inner {
width: 900px;
height: 830px;
bottom: 10%;
}
.hp-komplexne-sluzby .bg-wrapper > .mcb-wrap-inner {
width: 800px;
height: 700px;
transform: translateY(-50%) translateX(-15%);
}
.hp-darcekove-balicky .bg-wrapper:after,
.hp-komplexne-sluzby .bg-wrapper:after {
transform: translateY(-50%) translateX(80%);
width: 550px;
height: 550px;
}
.hp-darcekove-balicky {
padding-bottom: 40px;
}
.hp-kto-sme .text-wrapper-left {
padding-right: 40px;
}
.hp-kto-sme .text-wrapper-right {
padding-left: 40px;
}
.hp-co-robime .services-wrapper .column_icon_box_2 .desc br {
display: none;
} .katalogy-section-wrapper ul.filter-item-wrapper {
grid-template-columns: repeat(3, 1fr);
}
.katalogy-section-wrapper .katalogy-listing-wrapper {
grid-template-columns: repeat(5, 1fr);
} .prefooter-contact .socials-wrapper:before {
left: 30px;
} #Footer .widgets_wrapper .one-fourth:nth-child(1) {
display: none;
}
#Footer .widgets_wrapper .one-fourth {
width: 33.33% !important;
flex: 0 0 33.33% !important;
}
#Footer .widgets_wrapper .one-fourth:nth-child(2):before {
display: none;
}
}
@media only screen and (max-width: 959px) {
body {
font-size: 18px;
line-height: 28px;
}
.section-title {
font-size: 44px;
line-height: 59px;
} .content-page .section_wrapper {
max-width: 706px;
}
.section-title-desc {
padding-bottom: 70px;
}
.section-title-desc .section_wrapper .one-fourth {
width: 45%;
}
.section-title-desc .section_wrapper .three-fourth {
width: 55%;
} .hp-banner-section {
height: calc(90vh - 115px);
}
.hp-banner-section {
min-height: 700px;
}
.hp-banner-section > .section_wrapper .top .left {
margin-left: 0;
}
.hp-number-sections .section_wrapper {
flex-direction: column;
justify-content: center;
row-gap: 50px;
}
.hp-banner-section > .section_wrapper .right:before {
left: 80px;
top: 100%;
}
.hp-banner-section > .section_wrapper .bottom {
margin-top: 90px;
}
.hp-number-sections .section_wrapper:after {
display: none;
}
.hp-number-sections .section_wrapper .wrap.one-third {
width: 100%;
}
.hp-darcekove-balicky .text-wrapper,
.hp-darcekove-balicky .bg-wrapper {
width: 50%;
}
.hp-darcekove-balicky .bg-wrapper > .mcb-wrap-inner {
width: 700px;
height: 800px;
left: -60%;
}
.hp-darcekove-balicky .bg-wrapper:after,
.hp-komplexne-sluzby .bg-wrapper:after {
width: 450px;
height: 450px;
}
.hp-darcekove-balicky {
padding-top: 80px;
}
.hp-kto-sme .text-wrapper-left:before {
left: -30px;
top: -100px;
}
.hp-banner-section > .section_wrapper .midle .logo {
width: 100%;
}
.hp-co-robime .services-wrapper .column_icon_box_2 {
padding-left: 20px;
padding-right: 20px;
}
.hp-co-robime .services-wrapper .column_icon_box_2 .title {
font-size: 55px;
line-height: 65px;
} .ako-pracujeme-box .desc br {
display: none;
} .katalogy-section-wrapper .katalogy-listing-wrapper {
grid-template-columns: repeat(4, 1fr);
} .prefooter-services .title {
font-size: 38px;
line-height: 44px;
} .prefooter-services .mcb-wrap-inner .one-fifth {
flex: 0 0 33.33%
}
.prefooter-services .mcb-wrap-inner {
row-gap: 40px;
}
.prefooter-contact .form-wrapper {
padding: 30px 25px;
}
.prefooter-contact .socials-wrapper ul.social-icons li img {
max-width: 80%;
}
.prefooter-contact .socials-wrapper:before {
left: 20px;
bottom: -75%;
}
.prefooter-contact .socials-wrapper ul.social-icons {
padding-right: 0;
}
.prefooter-contact .socials-wrapper {
padding-top: 40px;
}
.prefooter-contact .form-wrapper .wpcf7-form input[type="submit"] {
padding: 10px 50px;
}
}
@media only screen and (max-width: 767px) {
html .mobile-sticky #Top_bar.is-sticky #logo, html .mobile-sticky #Top_bar.is-sticky .custom-logo-link,
#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
margin: 25px 30px !important;
height: auto !important;
line-height: initial !important;
text-align: left;
}
#Top_bar #logo img.svg {
width: 140px;
}
a.btn {
font-size: 18px;
}
.section-title {
font-size: 34px;
line-height: 49px;
text-align: center;
} #Subheader {
padding: 290px 0 75px;
}
#Subheader .title:before {
display: none;
}
#Subheader:before {
left: 50% !important;
width: 230px !important;;
height: 210px !important;;
transform: translateX(-50%) !important;;
top: 40px !important;;
}
#Subheader .intro-text-wrapper {
font-size: 20px;
line-height: 30px;
}
.section, #Footer, #Top_bar {
padding-left: 0;
padding-right: 0;
} .content-page {
padding-top: 40px;
padding-bottom: 40px;
}
.content-page .section_wrapper {
text-align: left;
}
.content-page .section_wrapper {
max-width: 550px;
}
.section-title-desc .section_wrapper .one-fourth,
.section-title-desc .section_wrapper .three-fourth {
width: 100%;
}
.section-title-desc {
padding-bottom: 40px;
}
.section-title-desc .desc {
padding: 40px 30px;
}
.section-title-desc .desc,
.section-title-desc .section_wrapper .three-fourth:first-child .desc {
text-align: center;
}
.section-title-desc .section_wrapper .one-fourth:last-child .section-title,
.section-title-desc .section_wrapper .section-title,
.section-title-desc .section_wrapper .one-fourth:last-child .section-title {
text-align: center;
padding-left: 0;
padding-right: 0;
padding-bottom: 45px;
}
.section-title-desc .section_wrapper .one-fourth {
order: 1;
}
.section-title-desc .section_wrapper .three-fourth {
order: 2;
}
.section-title-desc .section_wrapper .three-fourth:first-child .desc {
background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
}
.section-title-desc .desc {
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
}
.section-title-desc .section_wrapper .three-fourth:last-child .desc::before,
.section-title-desc .section_wrapper .three-fourth:first-child .desc:after {
top: 0;
left: 50%;
right: auto;
transform: translateX(-50%) translateY(-70%) rotate(270deg);
} .partneri-grid .gallery {
grid-template-columns: repeat(3, 1fr);
}
.partneri-grid .gallery .gallery-item:nth-child(4n) {
border-right: 1px solid rgb(0 0 0 / 10%);
}
.partneri-grid .gallery .gallery-item:nth-child(3n) {
border-right: 0;
}
.partneri-grid .gallery .gallery-item {
padding: 30px;
}
.partneri-grid .gallery .gallery-item:nth-last-child(-n + 4 ) {
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.partneri-grid .gallery .gallery-item:nth-last-child(-n + 3) {
border-bottom: 0;
} .hp-banner-section > .section_wrapper:after {
width: 540px;
height: 540px;
top: 50%;
transform: translateY(-50%) translateX(70%);
left: 0;
bottom: auto;
}
.hp-banner-section > .section_wrapper .top {
flex-direction: column-reverse;
align-items: center;
}
.hp-banner-section > .section_wrapper .top, .hp-banner-section > .section_wrapper .bottom {
font-size: 18px;
line-height: 24px;
}
.hp-banner-section > .section_wrapper .top .left {
margin-right: auto;
font-size: 40px;
line-height: 50px;
padding-left: 30px;
margin-top: 200px;
}
.hp-banner-section > .section_wrapper .right {
margin: 0;
}
.hp-banner-section {
min-height: auto;
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.hp-banner-section > .section_wrapper .bottom {
margin-left: 0;
text-align: center;
margin-top: 150px;
}
.hp-banner-section > .section_wrapper .right {
text-align: center;
}
.hp-banner-section > .section_wrapper .bottom:before {
top: -20px;
transform: translateY(-100%) translateX(-50%);
left: 50%;
width: 70px;
height: 70px;
}
.hp-banner-section > .section_wrapper .right:before {
top: auto;
bottom: -30px;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-arrow-mobile-down.svg);
left: 50%;
transform: translateX(-50%) translateY(100%);
background-repeat: no-repeat;
}
.hp-banner-section > .section_wrapper .bottom:before {
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-arrow-mobile-up.svg);
}
.hp-co-robime {
padding-bottom: 20px;
}
.hp-co-robime.single-page-co-robime {
padding-top: 40px;
padding-bottom: 80px;
}
.hp-number-sections {
padding-top: 70px;
padding-bottom: 70px;
}
.home .prefooter-services {
display: none;
}
.hp-kto-sme {
padding-bottom: 50px;
}
.hp-darcekove-balicky .text-wrapper {
width: 100%;
}
.hp-darcekove-balicky .bg-wrapper {
display: none;
}
.hp-darcekove-balicky .title {
font-size: 35px;
line-height: 45px;
margin-bottom: 40px;
}
.hp-darcekove-balicky .text-wrapper .link {
font-size: 30px;
line-height: 38px;
}
.hp-darcekove-balicky .text-wrapper .desc {
font-size: 21px;
line-height: 32px;
}
.hp-darcekove-balicky {
margin-bottom: 400px;
padding-bottom: 20px;
}
.hp-darcekove-balicky:after {
content: "";
position: absolute;
left: 20%;
bottom: 0;
width: 500px;
height: 550px;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-darcekove-balicky-mobile.svg);
transform: translateY(100%);
background-repeat: no-repeat;
}
.hp-komplexne-sluzby .bg-wrapper:after {
display: none;
}
.hp-komplexne-sluzby .bg-wrapper > .mcb-wrap-inner { background-image: url(//bestad-sk.com/wp-content/uploads/2026/06/bestad-notebok-copy443x363.webp) !important;
width: 440px;
height: 340px;
transform: none;
top: 20px;
left: 0;
}
.hp-komplexne-sluzby .title,
.hp-komplexne-sluzby .btn-wrapper {
text-align: center;
}
.hp-komplexne-sluzby:before {
width: 400px;
height: 330px;
left: -20%;
top: -150px;
}
.hp-komplexne-sluzby {
padding-top: 70px;
padding-bottom: 300px;
margin-bottom: 20px;
}
.hp-komplexne-sluzby .title .higlight {
font-size: 57px;
}
.hp-komplexne-sluzby .title {
font-size: 24px;
}
.hp-co-robime .services-wrapper .column_icon_box_2 {
padding-left: 0px;
padding-right: 0px;
}
.hp-povedali-onas {
padding-top: 80px;
}
.hp-kto-sme .text-wrapper-left,
.hp-kto-sme .text-wrapper-right {
text-align: center;
}
.hp-kto-sme .text-wrapper-left {
padding-right: 0;
}
.hp-kto-sme .text-wrapper-right {
padding-left: 0;
}
.hp-kto-sme .text-wrapper-left {
margin-bottom: 90px;
}
.hp-kto-sme .text-wrapper-left:after {
top: calc(100%);
left: 50%;
transform: translateX(-50%) rotate(90deg);
}
.hp-kto-sme .text-wrapper-left .big {
font-size: 30px;
line-height: 40px;
}
.hp-kto-sme .section-title {
margin-bottom: 25px;
}
.hp-kto-sme .text-wrapper-left p.mb-20 {
margin-bottom: 0 !important;
}
.hp-kto-sme .text-wrapper-left:before {
top: -70px;
} .ako-pracujeme-box {
margin-bottom: 20px !important;
}
.ako-pracujeme-box .desc {
margin-bottom: 45px;
} .katalogy-section-wrapper {
padding-top: 60px;
padding-bottom: 100px;
}
.katalogy-section-wrapper .katalogy-listing-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.katalogy-section-wrapper .category-title {
font-size: 33px;
line-height: 43px;
text-align: center;
}
.katalogy-section-wrapper ul.filter-item-wrapper {
grid-template-columns: repeat(1, 1fr);
max-height: 45px;
overflow: hidden;
transition: all 0.5s ease-in-out;
}
.katalogy-section-wrapper ul.filter-item-wrapper.open {
max-height: 999px;
transition: all 0.5s ease-in-out;
}
.katalogy-section-wrapper ul.filter-item-wrapper.open li a {
display: block;
}
.katalogy-section-wrapper ul.filter-item-wrapper li:before {
display: none;
}
.katalogy-section-wrapper ul.filter-item-wrapper li {
padding: 10px 20px;
text-align: center;
border: 1px solid #CECECE;
border-radius: 60px;
height: 45px;
overflow: hidden;
}
.katalogy-section-wrapper .katalogy-filter-wrapper {
margin-bottom: 50px;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper .category {
font-size: 18px;
line-height: 28px;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper .content-wrapper .katalog-desc {
font-size: 16px;
line-height: 24px;
}
.katalogy-section-wrapper .category-title > .themecolor {
display: block;
} .prefooter-services {
padding-top: 100px;
padding-bottom: 100px;
}
.prefooter-services .mcb-wrap-inner {
flex-direction: column;
align-items: center;
row-gap: 80px;
}
.prefooter-services .mcb-wrap-inner .one-fifth {
width: 100%;
flex: auto;
}
.prefooter-services .title {
font-size: 60px;
line-height: 68px;
} .contact-page-map-section .map-wrapper {
border: 0;
} .prefooter-contact .title {
text-align: center;
font-size: 35px;
line-height: 40px;
}
.prefooter-contact .form-wrapper .wpcf7-form .row-wrapper {
flex-direction: column;
row-gap: 20px;
}
.prefooter-contact .form-wrapper .wpcf7-form input[type="submit"] {
width: 100%;
padding: 15px 0;
}
.prefooter-contact .section_wrapper:before {
display: none;
}
.prefooter-contact .title:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-circle-1.svg);
background-size: 20px;
width: 20px;
height: 20px;
transform: translateY(60%);
}
.prefooter-contact:before {
display: none;
}
.prefooter-services {
margin-bottom: 0
}
.prefooter-contact {
padding-top: 50px;
padding-bottom: 80px;
}
.prefooter-contact:after {
right: auto;
left: 60%;
top: auto;
bottom: -13%;
transform: none;
}
.prefooter-contact .socials-wrapper {
padding-top: 100px;
}
.prefooter-contact .socials-wrapper ul.social-icons {
padding-right: 20px;
row-gap: 30px;
}
.prefooter-contact .socials-wrapper ul.social-icons li img {
max-height: 33px;
}
.prefooter-contact .socials-wrapper:before {
left: 40px;
bottom: auto;
background: url(//bestad-sk.com/wp-content/uploads/svg/icons/icon-social-no-arrow.png);
background-repeat: no-repeat;
background-size: cover;
width: 230px;
height: 35px;
top: 60%;
} #Footer .widgets_wrapper {
padding-bottom: 0;
}
#Footer .widget-title {
font-size: 20px;
line-height: 28px;
}
#Footer .widgets_wrapper .container {
flex-wrap: wrap;
text-align: center;
}
#Footer ul.contact-info-group li {
font-size: 24px;
line-height: 29px;
}
#Footer .widgets_wrapper .one-fourth:nth-child(1) {
display: block;
}
#Footer .widgets_wrapper .one-fourth {
width: 100% !important;
flex: 0 0 100% !important;
padding-top: 48px;
padding-bottom: 48px;
}
#Footer .widgets_wrapper .one-fourth:not(:first-child) {
border-top: 1px solid var(--themeColor);
}
#Footer .widgets_wrapper .one-fourth:before {
display: none;
} #Footer .footer_copy ul.copyrigt-info li {
font-size: 18px;
line-height: 22px;
}
#Footer .footer_copy ul.copyrigt-info {
flex-direction: column;
row-gap: 15px;
}
#Footer .footer_copy ul.copyrigt-info li:first-child {
order: 3;
margin-top: 35px;
}
#Footer .footer_copy ul.copyrigt-info li,
#Footer .footer_copy ul.copyrigt-info li:not(:first-child) {
padding: 0;
}
#Footer .footer_copy ul.copyrigt-info li:not(:last-child)::after {
display: none;
}
#Footer .footer_copy .recapcha-text {
font-size: 14px;
}
}
@media only screen and (max-width: 600px) {
.hp-povedali-onas .testimonials_slider .testimonials-slider .owl-stage {
display: block;
}
.hp-povedali-onas .testimonials_slider .testimonials-slider .owl-item {
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
padding-bottom: 30px;
display: block;
}
.hp-povedali-onas .testimonials_slider .owl-carousel .owl-stage-outer {
padding-bottom: 60px;
}
.hp-povedali-onas .testimonials_slider .owl-dots {
margin-top: 30px;
}
}
@media only screen and (max-width: 479px) {
a.btn {
font-size: 16px;
line-height: 19px;
}
.section-title {
font-size: 28px;
line-height: 34px;
} #Subheader {
padding: 290px 0 40px;
}
#Subheader .intro-text-wrapper {
font-size: 18px;
line-height: 28px;
}
#Subheader .intro-text-wrapper {
padding-bottom: 40px !important;
} .section-title-desc .section_wrapper .section-title {
font-size: 28px;
line-height: 34px;
}
.sm-pb-40 {
padding-bottom: 40px !important
}
.katalogy-narrow-info-section {
padding-bottom: 60px !important;
} .partneri-grid .gallery .gallery-item {
padding: 15px;
} .hp-banner-section > .section_wrapper .top .left {
font-size: 30px;
line-height: 35px;
margin-top: 170px;
}
.hp-banner-section > .section_wrapper .bottom p br:first-child {
display: none;
}
.hp-banner-section {
padding-top: 40px;
padding-bottom: 40px;
}
.hp-number-sections .midle-number .number {
font-size: 120px;
}
.hp-number-sections .midle-number .desc {
font-size: 24px;
line-height: 29px;
}
.hp-number-sections {
padding-top: 50px;
padding-bottom: 50px;
}
.hp-darcekove-balicky {
padding-top: 50px;
}
.hp-darcekove-balicky .text-wrapper .link {
font-size: 28px;
line-height: 34px;
}
.hp-darcekove-balicky .text-wrapper .desc {
font-size: 18px;
line-height: 28px;
}
.hp-komplexne-sluzby .title .higlight {
font-size: 45px;
}
.hp-komplexne-sluzby .title {
font-size: 22px;
}
.hp-komplexne-sluzby {
padding-top: 50px;
}
.hp-povedali-onas {
padding-top: 40px;
}
.hp-kto-sme .text-wrapper-left:before {
left: -10px;
}
.hp-co-robime .section-title {
margin-bottom: 50px;
} .ako-pracujeme-box .desc {
margin-bottom: 35px;
} .katalogy-section-wrapper .category-title {
font-size: 28px;
line-height: 38px;
}
.katalogy-section-wrapper .katalogy-filter-wrapper {
margin-bottom: 30px;
}
.katalogy-section-wrapper .katalogy-listing-wrapper .single-katalog-wrapper .content-wrapper .katalog-desc {
font-size: 14px;
line-height: 18px;
}
.katalogy-section-wrapper {
padding-top: 40px;
padding-bottom: 40px;
} .prefooter-contact .title {
font-size: 30px;
line-height: 34px;
}
.prefooter-contact .socials-wrapper:before {
width: 180px;
height: 27px;
left: 20px;
}
}
@media only screen and (max-width: 400px) {
.hp-darcekove-balicky .title {
font-size: 30px;
line-height: 40px;
margin-bottom: 40px;
width: 320px;
height: 320px;
}
.hp-kto-sme .text-wrapper-left .big {
font-size: 27px;
line-height: 38px;
}
}
@media only screen and (max-width: 379px) {
.hp-number-sections .midle-number .number {
font-size: 100px;
}
.hp-number-sections .midle-number .mfn-inline-editor {
width: 280px;
height: 270px;
}
.hp-number-sections .midle-number .desc {
font-size: 22px;
}
.prefooter-contact .title:after {
background-size: 15px;
width: 15px;
height: 15px;
}
.section_wrapper, .container, .four.columns .widget-area {
padding-left: 16px!important;
padding-right: 16px!important;
}
.hp-komplexne-sluzby .title .higlight {
font-size: 40px;
}
.hp-darcekove-balicky:after {
left: 20px;
}
.hp-darcekove-balicky .title {
font-size: 25px;
line-height: 32px;
margin-bottom: 40px;
width: 250px;
height: 250px;
}
.hp-darcekove-balicky .title:after {
left: 10px;
bottom: 5px;
border: 3px dashed #fff;
} .partneri-grid .gallery {
grid-template-columns: repeat(2, 1fr);
}
.partneri-grid .gallery .gallery-item:nth-child(3n) {
border-right: 1px solid rgb(0 0 0 / 10%);
}
.partneri-grid .gallery .gallery-item:nth-child(2n) {
border-right: 0;
}
.partneri-grid .gallery .gallery-item:nth-last-child(-n + 3) {
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.partneri-grid .gallery .gallery-item:nth-last-child(-n + 2) {
border-bottom: 0;
}
}#Subheader:before {
content: "";
position: absolute;
left: 0;
top: 0;
background-size: contain;
background-repeat: no-repeat;
width: 600px;
height: 600px;
} .page-id-45 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-katalogy.svg);
} .page-id-18 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-kontakt.svg);
} .page-id-20 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-katalogy.svg);
} .page-id-32 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-online-mix.svg);
width: 320px;
height: 450px;
} .page-id-28 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-branding.svg);
left: -50px;
width: 520px;
height: 420px;
} .page-id-26 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-produkcia.svg);
left: -70px;
width: 510px;
height: 510px;
} .page-id-24 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-grafika.svg);
transform: translateX(-30%);
width: 650px;
height: 530px;
} .page-id-30 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-marketing.svg);
left: -30px;
width: 500px;
height: 500px;
} .page-id-22 #Subheader:before,
.page-id-275 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-reklama.svg);
left: -100px;
width: 610px;
height: 560px;
} .page-id-16 #Subheader:before {
background-image: url(//bestad-sk.com/wp-content/uploads/2023/01/subheader-ako-spolupracujeme.svg);
left: -100px;
width: 600px;
height: 410px;
}
@media only screen and (max-width: 1660px) {
#Subheader:before {
width: 500px;
height: 500px;
} .page-id-32 #Subheader:before {
width: 220px;
height: 350px;
} .page-id-26 #Subheader:before {
width: 410px;
height: 410px;
} .page-id-24 #Subheader:before {
width: 450px;
height: 430px;
} .page-id-30 #Subheader:before {
width: 400px;
height: 400px;
} .page-id-22 #Subheader:before,
.page-id-275 #Subheader:before {
width: 510px;
height: 460px;
} .page-id-16 #Subheader:before {
width: 500px;
height: 310px;
}
}
@media only screen and (max-width: 1239px) {
#Subheader:before {
width: 400px;
height: 400px;
} .page-id-32 #Subheader:before {
width: 220px;
height: 250px;
} .page-id-26 #Subheader:before {
width: 310px;
height: 310px;
} .page-id-24 #Subheader:before {
width: 350px;
height: 330px;
} .page-id-30 #Subheader:before {
width: 300px;
height: 300px;
} .page-id-22 #Subheader:before,
.page-id-275 #Subheader:before {
width: 410px;
height: 360px;
} .page-id-16 #Subheader:before {
width: 400px;
height: 210px;
}
}
@media only screen and (max-width: 959px) {
#Subheader:before {
width: 300px;
height: 300px;
} .page-id-28 #Subheader:before {
width: 320px;
height: 220px;
} .page-id-26 #Subheader:before {
width: 310px;
height: 310px;
} .page-id-24 #Subheader:before {
width: 350px;
height: 330px;
} .page-id-30 #Subheader:before {
width: 300px;
height: 300px;
} .page-id-22 #Subheader:before,
.page-id-275 #Subheader:before {
width: 410px;
height: 360px;
} .page-id-16 #Subheader:before {
width: 400px;
height: 210px;
}
}