@charset "UTF-8";

@-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes zoom {
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes zoom {
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(0.9) rotate(-8deg) translateY(-3%);
transform: scale(0.9) rotate(-8deg) translateY(-3%);
}
70% {
-webkit-transform: scale(1.03) rotate(8deg) translateY(-7%);
transform: scale(1.03) rotate(8deg) translateY(-7%);
}
60% {
-webkit-transform: scale(1.05) rotate(-8deg) translateY(-10%);
transform: scale(1.05) rotate(-8deg) translateY(-10%);
}
70% {
-webkit-transform: scale(1.04) rotate(-5deg) translateY(-7%);
transform: scale(1.04) rotate(-5deg) translateY(-7%);
}
80% {
-webkit-transform: scale(1.03) rotate(-3deg) translateY(-3%);
transform: scale(1.03) rotate(-3deg) translateY(-3%);
}
90% {
-webkit-transform: scale(1.01) rotate(-2deg) translateY(-1%);
transform: scale(1.01) rotate(-2deg) translateY(-1%);
}
100% {
-webkit-transform: scale(1) rotate(-1deg) translateY(0);
transform: scale(1) rotate(-1deg) translateY(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
20% {
-webkit-transform: scale(0.9) rotate(-8deg) translateY(-3%);
transform: scale(0.9) rotate(-8deg) translateY(-3%);
}
70% {
-webkit-transform: scale(1.03) rotate(8deg) translateY(-7%);
transform: scale(1.03) rotate(8deg) translateY(-7%);
}
60% {
-webkit-transform: scale(1.05) rotate(-8deg) translateY(-10%);
transform: scale(1.05) rotate(-8deg) translateY(-10%);
}
70% {
-webkit-transform: scale(1.04) rotate(-5deg) translateY(-7%);
transform: scale(1.04) rotate(-5deg) translateY(-7%);
}
80% {
-webkit-transform: scale(1.03) rotate(-3deg) translateY(-3%);
transform: scale(1.03) rotate(-3deg) translateY(-3%);
}
90% {
-webkit-transform: scale(1.01) rotate(-2deg) translateY(-1%);
transform: scale(1.01) rotate(-2deg) translateY(-1%);
}
100% {
-webkit-transform: scale(1) rotate(-1deg) translateY(0);
transform: scale(1) rotate(-1deg) translateY(0);
}
}
@-webkit-keyframes vertical {
0% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
4% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
8% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
12% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
16% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
20% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes vertical {
0% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
4% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
8% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
12% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
16% {
-webkit-transform: translate(0, -3px);
transform: translate(0, -3px);
}
20% {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes wrench {
0% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
5% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
8% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
10% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
18% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
20% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
28% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
30% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
38% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
40% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
48% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
50% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
58% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
60% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
68% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes wrench {
0% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
5% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
8% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
10% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
18% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
20% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
28% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
30% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
38% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
40% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
48% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
50% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
58% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
60% {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
68% {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@font-face {
font-family: "Montserrat";
src: local("Montserrat Regular"), local("Montserrat-Regular"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-Regular.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: local("Montserrat Bold"), local("Montserrat-Bold"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-Bold.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-ExtraBold.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Montserrat-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: local("Inter Light"), local("Inter-Light"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-Light.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: local("Inter Regular"), local("Inter-Regular"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-Regular.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: local("Inter SemiBold"), local("Inter-SemiBold"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-SemiBold.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: local("Inter Bold"), local("Inter-Bold"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-Bold.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Inter-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Khand";
src: local("Khand Semibold"), local("Khand-Semibold"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Khand-Semibold.woff2) format("woff2"), url(//sadrofit.cz/wp-content/themes/sadrofit/assets/fonts/Khand-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
html {
font-size: 10px;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
margin: 0;
padding: 0;
outline: none;
line-height: inherit;
min-width: 0;
min-height: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.clearfix:after,
.clearfix:before {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote::before,
blockquote::after {
content: "";
content: none;
}
q::before,
q::after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
body {
background-color: #fff;
font-weight: normal;
font-size: 1.8rem;
font-family: "Inter", sans-serif;
color: #000;
position: relative;
min-width: 320px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
main {
position: relative;
}
.site-container {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
position: relative;
width: 100%;
}
p:last-child {
margin-bottom: 0;
}
a {
text-decoration: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.site-fluid {
max-width: 1920px;
margin-right: auto;
margin-left: auto;
}
.full-bg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.container {
max-width: 1320px;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 20px;
padding-left: 20px;
}
.section-width .container {
max-width: 1200px;
}
.box-modal {
display: none;
}
.box-video,
.box-map {
position: relative;
background: transparent;
width: 100%;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.box-video video,
.box-video .video,
.box-video iframe {
position: absolute;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.box-map video,
.box-map .video,
.box-map iframe {
position: absolute;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.block-bg {
position: relative;
}
.block-bg .container {
position: relative;
}
.block-bg .block-bg__img {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.block-bg .block-bg__img img {
display: block;
width: 100%;
}
.title {
font-weight: 600;
font-size: 4rem;
color: #000;
text-transform: uppercase;
position: relative;
display: block;
line-height: 1.1;
margin-bottom: 35px;
}
.title--center {
text-align: center;
}
a.title {
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
a.title:hover {
color: #FF8B00;
}
.title--2 {
font-weight: 700;
font-size: 2.4rem;
color: #000;
display: block;
margin-bottom: 35px;
}
.title-3 {
font-weight: 700;
font-size: 2.4rem;
color: #000;
display: block;
line-height: 1.3;
margin-bottom: 23px;
}
.block-btn {
text-align: center;
margin-top: 40px;
}
.btn {
background-color: #FF8B00;
font-weight: 700;
font-size: 1.6rem;
color: #fff;
text-transform: uppercase;
display: inline-block;
text-align: center;
line-height: 45px;
padding: 5px 30px;
cursor: pointer;
border-radius: 10px;
border: 1px solid transparent;
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn:hover {
background-color: #282828;
border-color: #FF8B00;
}
.btn--2 {
background-color: #282828;
}
.btn--2:hover {
background-color: #FF8B00;
border-color: #282828;
}
.hide,
#back-top {
display: none;
}
@media (max-width: 991px) {
body {
font-size: 1.6rem;
}
.title {
font-size: 3.6rem;
}
}
@media (max-width: 767px) {
.title {
font-size: 3rem;
}
}
@media (max-width: 575px) {
body {
font-size: 1.5rem;
}
.title--2 {
margin-bottom: 25px;
}
.title-3 {
margin-bottom: 14px;
}
}
@media (max-width: 460px) {
body {
font-size: 1.4rem;
}
.title {
margin-bottom: 25px;
}
.title--2 {
margin-bottom: 20px;
}
.read-more {
font-size: 2rem;
padding-right: 55px;
}
.read-more::before {
width: 30px;
height: 30px;
top: -3px;
}
.yButton {
display: none !important;
}
}
@media (max-width: 380px) {
body {
font-size: 1.1rem;
}
}
@media (max-width: 350px) {
.title {
font-size: 3rem;
}
}
.slick-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slick-slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: auto;
}
.slick-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.b-nav {
position: absolute;
width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
bottom: 0;
right: 5px;
}
.b-nav .slick-arrow {
position: relative;
}
.slick-arrow {
background: transparent;
font-size: 0;
position: absolute;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
z-index: 5;
border: none;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slick-arrow::after {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
content: "";
width: 35px;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slick-prev:hover::after {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
.slick-prev::after {
background-image: url(//sadrofit.cz/wp-content/themes/sadrofit/assets/img/prev.png);
}
.slick-next:hover::after {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.slick-next::after {
background-image: url(//sadrofit.cz/wp-content/themes/sadrofit/assets/img/next.png);
}
.slick-dots {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
}
.slick-dots li {
margin: 0 7px;
}
.slick-dots .slick-active button {
background: #FF8B00;
cursor: default;
opacity: 1;
}
.slick-dots button {
background: #282828;
font-size: 0;
display: block;
width: 10px;
height: 10px;
border: none;
border-radius: 50%;
cursor: pointer;
opacity: 0.25;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slick-dots button:hover {
opacity: 1;
}
@media (max-width: 575px) {
.b-nav {
width: 55px;
}
.slick-arrow::after {
width: 23px;
height: 23px;
}
}
@media (max-width: 460px) {
.slick-dots {
margin-top: 25px;
}
}
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 5;
padding: 55px 0 25px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header.sticky {
background: rgba(40, 40, 40, 0.95);
padding: 15px 0;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.header.sticky .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header.sticky .col--logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 130px;
flex: 0 0 130px;
}
.header .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.header .col--logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 185px;
flex: 0 0 185px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.logo {
display: inline-block;
line-height: 0;
}
.header-narrow .logo {
margin-top: -20px;
}
@media (max-width: 991px) {
.header-narrow .logo {
margin-top: 0;
}
}
.header-narrow.sticky .logo {
margin-top: 0;
}
.header-second {
-webkit-box-flex: 0;
-ms-flex: 0 0 370px;
flex: 0 0 370px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.block-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.block-social a {
display: block;
min-width: 32px;
width: 32px;
height: 32px;
line-height: 0;
}
.block-social a:hover img {
-webkit-animation: vertical 4s ease infinite;
animation: vertical 4s ease infinite;
}
.block-social a img {
-o-object-fit: cover;
object-fit: cover;
}
.block-contact a {
color: #fff;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.block-contact a:hover {
color: #FF8B00;
}
.block-contact .link-phone {
font-weight: 800;
font-size: 2.4rem;
}
.block-contact .link-email {
font-size: 1.6rem;
margin-top: 10px;
}
.block-contact--header {
margin-left: 60px;
}
.main-menu {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-wrap: wrap;
gap: 0 20px;
width: 100%;
}
.main-menu li a {
position: relative;
display: inline-block;
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.main-menu>li {
position: relative;
}
.main-menu>li>a {
font-weight: 700;
font-size: 1.8rem;
color: #fff;
text-transform: uppercase;
line-height: 1;
}
.main-menu>li>a:hover {
color: #FF8B00;
}
.main-menu>li>a:hover::before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.main-menu>li>a::before {
background: #FF8B00;
position: absolute;
display: block;
content: "";
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-menu .main-menu__sub>a::after {
@media (max-width: 991px) {
background: url(//sadrofit.cz/wp-content/themes/sadrofit/assets/img/menu.png) no-repeat center;
position: absolute;
display: block;
content: "";
width: 10px;
height: 8px;
top: 8px;
right: -20px;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
.main-menu .main-menu__sub li:not(:last-child) {
margin-bottom: 5px;
}
.main-menu .main-menu__sub li a {
font-size: 1.6rem;
}
.main-menu .current-page-ancestor a,
.main-menu .current-menu-ancestor a,
.main-menu .current-menu-parent a,
.main-menu .current-page-parent a,
.main-menu .current_page_parent a,
.main-menu .current_page_ancestor a,
.main-menu .current-menu-item a {
color: #FF8B00;
}
.main-menu .current-page-ancestor a::before,
.main-menu .current-menu-ancestor a::before,
.main-menu .current-menu-parent a::before,
.main-menu .current-page-parent a::before,
.main-menu .current_page_parent a::before,
.main-menu .current_page_ancestor a::before,
.main-menu .current-menu-item a::before {
display: none;
}
.main-menu .current-menu-item:not(.main-menu__sub) a {
cursor: default;
}
.button-menu {
background-color: transparent;
position: relative;
display: none;
line-height: 30px;
-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
padding: 0;
border: none;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button-menu:focus,
.button-menu:hover {
background-color: transparent;
}
.button-menu span {
background-color: #282828;
position: relative;
display: inline-block;
width: 100%;
height: 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.button-menu span:before,
.button-menu span:after {
background-color: inherit;
position: absolute;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.button-menu span:before {
-webkit-transform: translate3d(0, -225%, 0);
transform: translate3d(0, -225%, 0);
}
.button-menu span:after {
-webkit-transform: translate3d(0, 225%, 0);
transform: translate3d(0, 225%, 0);
}
.close-menu {
background-color: transparent;
font-weight: 700;
font-size: 2.4rem;
color: #FF8B00;
position: fixed;
top: 25px;
right: 20px;
cursor: pointer;
opacity: 0;
border: none;
z-index: 901;
}
@media (max-width: 1200px) {
.header .col--logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
}
.main-menu li {
margin-left: 20px;
}
.main-menu li a {
font-size: 1.6rem;
}
.main-menu .main-menu__sub>a::after {
width: 7px;
height: 6px;
top: 5px;
right: -11px;
}
.header-second {
-webkit-box-flex: 0;
-ms-flex: 0 0 340px;
flex: 0 0 340px;
}
.block-contact--header {
margin-left: 25px;
}
}
@media (min-width: 992px) {
.main-menu .main-menu__sub:hover ul {
height: auto;
-webkit-transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1);
transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1);
height: auto;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .main-menu__sub .menu-dropdown {
position: absolute;
left: 0;
padding-top: 20px;
z-index: 5;
}
.main-menu .main-menu__sub ul {
background-color: #fff;
padding: 40px;
width: 260px;
border-radius: 15px;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
height: 0;
position: relative;
padding: 20px;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.main-menu .main-menu__sub li a {
color: #000;
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.main-menu .main-menu__sub li a:hover {
color: #FF8B00;
}
}
@media (max-width: 991px) {
body.no-scroll {
height: 1000px;
overflow: hidden;
}
.header {
padding: 25px 0;
}
.header .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header-second {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.header .col--center {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
height: 0;
padding: 0;
}
.button-menu {
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
margin: -8px 0 0 25px;
}
.box-main-menu {
background: #282828;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
right: 0;
width: 100vw;
min-height: 100%;
height: 100vh;
padding: 60px 20px 30px;
z-index: 900;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
overflow: hidden;
overscroll-behavior-y: contain;
overflow-y: auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.box-main-menu.open {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.box-main-menu .wrapp-inner {
position: relative;
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.main-menu {
display: block;
text-align: center;
}
.main-menu>li {
margin: 27px 0;
}
.main-menu>li>a {
font-size: 2.4rem;
padding: 5px 0;
}
.main-menu>li>a::before {
display: none;
}
.main-menu .main-menu__sub.active>a::after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.main-menu .main-menu__sub>a::after {
width: 10px;
height: 8px;
top: 14px;
right: -40px;
}
.main-menu .main-menu__sub ul {
padding: 20px 0 23px;
}
.main-menu .main-menu__sub ul li {
margin: 5px 0;
}
.main-menu .main-menu__sub ul li a {
font-weight: 400;
font-size: 2rem;
color: #FF8B00;
text-transform: none;
line-height: 1.3;
padding: 0;
}
.close-menu {
display: inline-block;
}
.close-menu.active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@media (min-width: 576px) {
.box-main-menu .block-contact--mobil {
display: none;
}
.button-menu span {
background: #fff;
}
}
@media (max-width: 575px) {
.block-contact--desctop {
display: none;
}
.header {
background: #fff;
position: sticky;
padding: 50px 0 32px;
}
.header.sticky .button-menu span {
background: #fff;
}
.header .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header .col--logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: center;
}
.header .header-second {
position: absolute;
width: 100%;
top: 25px;
left: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.box-main-menu .box-main-menu__head {
width: 100%;
padding-bottom: 42px;
border-bottom: 1px solid #ccc;
margin-bottom: 50px;
}
.block-contact--mobil {
display: block;
text-align: center;
margin-left: 0;
}
.block-contact--mobil .link-email {
margin-top: 6px;
}
.button-menu {
margin: 0;
}
}
@media screen and (min-width: 381px) and (max-width: 575px) {
.block-contact--mobil .link-phone {
font-size: 3.2rem;
}
.block-contact--mobil .link-email {
font-size: 2rem;
}
}
@media (max-width: 380px) {
.header {
padding: 30px 0 25px;
}
.header .col--logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
}
.box-main-menu .box-main-menu__head {
padding-bottom: 25px;
margin-bottom: 25px;
}
.main-menu>li {
margin: 20px 0;
}
.main-menu>li>a {
font-size: 2rem;
}
.main-menu .main-menu__sub ul {
padding: 15px 0 5px;
}
.main-menu .main-menu__sub ul li a {
font-size: 1.8rem;
}
.button-menu {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
.button-menu span {
height: 5px;
}
.block-social--header .item-social {
-webkit-box-flex: 0;
-ms-flex: 0 0 35px;
flex: 0 0 35px;
}
}
.section-premier {
background-image: url(//sadrofit.cz/wp-content/themes/sadrofit/assets/img/content/premier.jpg);
min-height: 170px;
}
@media (max-width: 991px) {
.section-premier {
min-height: 137px;
}
}
@media (max-width: 575px) {
.section-premier {
min-height: 170px;
}
}
.item-premier {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
max-width: 500px;
min-height: 565px;
padding: 200px 0 65px;
}
.item-premier .item-premier__title {
font-weight: 600;
font-size: 3.4rem;
color: #fff;
display: inline-block;
line-height: 1.4;
}
.home h1:first-of-type::after {
margin-top: 20px !important;
}
.item-premier .item-premier__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 34px;
}
.item-premier .item-premier__btn .btn:last-child {
margin: 0;
}
@media (max-width: 991px) {
.item-premier {
max-width: 550px;
min-height: 465px;
}
.item-premier .item-premier__title {
font-size: 3rem;
}
}
@media (max-width: 575px) {
.item-premier {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 1px;
padding: 50px 0 35px;
}
.item-premier .item-premier__title {
font-size: 2.4rem;
}
}
@media (max-width: 380px) {
.item-premier .item-premier__title {
font-size: 2rem;
}
.item-premier .item-premier__btn .btn {
font-size: 1.8rem;
line-height: 45px;
}
}
.section-about {
margin-top: 50px;
}
.section-about .row--about {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-about .col--img {
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
padding-left: 35px;
}
.section-about .col--img .row {
margin: 0 -8px;
}
.section-about .col--img .row .col {
padding: 0 8px;
}
.section-about .col--img img {
width: 100%;
}
.section-about .text-about {
padding-left: 20px;
}
.about-gallery .about-gallery__link {
display: block;
height: 100%;
line-height: 0;
overflow: hidden;
}
.about-gallery .about-gallery__link:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.about-gallery .about-gallery__link img {
border-radius: 10px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.text-about h2 {
margin-bottom: 20px;
}
.text-about p {
font-size: 16px;
line-height: 1.45;
margin-bottom: 20px;
}
.text-about p:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.section-about .col--img {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.section-about .col--img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 50px;
}
.section-about .text-about {
padding-left: 0;
}
}
@media (max-width: 575px) {
.section-about {
margin-top: 36px;
}
.section-about .col--img {
margin-top: 20px;
}
.section-about .col--img .row {
margin: 0 -3px;
}
.section-about .col--img .row .col {
padding: 0 3px;
}
.text-about p {
line-height: 1.35;
}
}
.section-generic {
margin-top: 50px;
}
.section-generic .col--digits {
-webkit-box-flex: 0;
-ms-flex: 0 0 350px;
flex: 0 0 350px;
}
.section-generic .col--img {
-webkit-box-flex: 0;
-ms-flex: 0 0 350px;
flex: 0 0 350px;
}
.section-generic .col--img .row {
margin: 0 -8px;
}
.section-generic .col--img .row .col {
padding: 0 8px;
}
.section-generic .col--img img {
width: 100%;
}
.section-generic h1,
.section-generic h2,
.section-generic h3,
.section-generic h4,
.section-generic h5,
.section-generic h6 {
margin-top: 0;
margin-bottom: 2rem;
font-family: "Montserrat", Arial, Helvetica, sans-serif;
color: #000;
}
@media (max-width: 768px) {
.section-generic h1,
.section-generic h2,
.section-generic h3,
.section-generic h4,
.section-generic h5,
.section-generic h6 {
margin-bottom: 1rem;
}
}
.section-generic h1 a,
.section-generic h2 a,
.section-generic h3 a,
.section-generic h4 a,
.section-generic h5 a,
.section-generic h6 a {
color: #000;
}
.section-generic h1 {
font-size: 5rem;
}
.section-generic h2 {
font-size: 4rem;
}
.section-generic h3 {
font-size: 3rem;
}
.section-generic h4 {
font-size: 2.4rem;
}
.section-generic h5 {
font-size: 2rem;
}
.section-generic h6 {
font-size: 1.8rem;
}
@media (max-width: 992px) {
.section-generic h1 {
font-size: 3.6rem;
}
.section-generic h2 {
font-size: 3rem;
}
.section-generic h3 {
font-size: 2.5rem;
}
.section-generic h4 {
font-size: 2rem;
}
.section-generic h5 {
font-size: 1.8rem;
}
.section-generic h6 {
font-size: 1.6rem;
}
}
.section-generic p {
margin-top: 0;
}
.section-generic blockquote {
background-color: #f5f5f5;
padding: 45px 35px 30px 40px;
border-radius: 30px;
font-style: italic;
font-size: 1.1em;
}
.section-generic blockquote cite {
display: block;
text-align: right;
}
.section-generic code {
padding: 0.2rem 0.5rem;
margin: 0 0.2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px;
}
.section-generic pre>code {
display: block;
padding: 1rem 1.5rem;
white-space: pre;
overflow: auto;
}
.section-generic ul {
list-style: disk inside;
}
.section-generic ol {
list-style: decimal inside;
}
.section-generic ol,
.section-generic ul {
padding-left: 0;
margin-top: 0;
}
.section-generic ul ul,
.section-generic ul ol,
.section-generic ol ol,
.section-generic ol ul {
margin: 1.5rem 0 1.5rem 3rem;
}
.section-generic li {
margin-bottom: 1rem;
}
.section-generic dl {
margin-bottom: 1rem;
}
.section-generic dt {
font-weight: bold;
}
.section-generic dd {
padding-left: 3rem;
}
.section-generic table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.section-generic th,
.section-generic td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1;
}
@media (max-width: 576px) {
.section-generic th,
.section-generic td {
padding: 0.25rem 0.5rem;
}
}
.section-generic th:first-child,
.section-generic td:first-child { }
.section-generic th:last-child,
.section-generic td:last-child {
padding-right: 0;
}
.section-generic hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #5b412d;
}
.section-generic picture,
.section-generic img {
max-width: 100%;
}
.section-generic video,
.section-generic iframe {
max-width: 100%;
}
.section-generic button,
.section-generic .button {
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.section-generic button,
.section-generic .button {
margin-bottom: 0.875rem;
}
}
.section-generic input,
.section-generic textarea,
.section-generic select,
.section-generic fieldset {
margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
.section-generic input,
.section-generic textarea,
.section-generic select,
.section-generic fieldset {
margin-bottom: 1rem;
}
}
.section-generic pre,
.section-generic blockquote,
.section-generic dl,
.section-generic figure,
.section-generic table,
.section-generic p,
.section-generic ul,
.section-generic ol,
.section-generic form {
margin-bottom: 2.5rem;
}
.section-generic .block-activity p {
margin-bottom: 0;
}
@media (max-width: 768px) {
.section-generic pre,
.section-generic blockquote,
.section-generic dl,
.section-generic figure,
.section-generic table,
.section-generic p,
.section-generic ul,
.section-generic ol,
.section-generic form {
margin-bottom: 1.25rem;
}
.section-generic .block-activity p {
margin-bottom: 0;
}
}
.section-generic blockquote>*:last-child {
margin-bottom: 0;
}
.section-generic pre {
overflow: auto;
}
.section-generic audio {
max-width: 100%;
}
.digits-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
.digits-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.8rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 10px 20px 30px;
background-color: #efeeee;
}
.digits-list__value {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-family: "Khand", Arial, Helvetica, sans-serif;
font-size: 7.8rem;
font-weight: 600;
line-height: 1;
color: #FF8B00;
text-align: right;
margin-top: 5px;
vertical-align: middle;
}
.digits-list__description {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 2rem;
font-weight: 600;
line-height: 1.7;
vertical-align: middle;
color: #282828;
}
.generic-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
.generic-gallery__link {
display: block;
height: 100%;
line-height: 0;
overflow: hidden;
}
.generic-gallery__link:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.generic-gallery__link img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.text-generic {
line-height: 1.5;
}
.text-generic a {
color: #FF8B00;
}
.text-generic a:hover {
color: #000;
}
.text-generic p {
text-align: justify;
line-height: 1.5;
margin-bottom: 27px;
}
.text-generic:last-child {
margin-bottom: 0;
}
.text-generic ul {
list-style: disc;
}
.text-generic ol {
list-style: decimal;
}
.text-generic ul,
.text-generic ol {
margin-left: 2.5rem;
}
@media (min-width: 992px) {
.text-generic {
font-size: 1.6rem;
}
}
@media (max-width: 1240px) {
.section-generic .col--digits {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
}
.section-generic .col--img {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
}
.digits-list__item {
gap: 1.8rem;
padding: 15px 10px 15px 20px;
}
.digits-list__value {
font-size: 6rem;
}
.digits-list__description {
font-size: 1.6rem;
}
}
@media (max-width: 991px) {
.section-generic .col--digits {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.digits-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 20px;
}
.digits-list__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 10px;
}
.digits-list__value {
font-size: 5rem;
}
.digits-list__description {
font-size: 1.3rem;
}
}
@media (max-width: 767px) {
.section-generic .col--img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 50px;
}
.digits-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.digits-list__item {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
@media (max-width: 575px) {
.section-generic {
margin-top: 36px;
}
.section-generic .col--img {
margin-top: 20px;
}
.section-generic .col--img .row {
margin: 0 -3px;
}
.section-generic .col--img .row .col {
padding: 0 3px;
}
.text-generic p {
line-height: 1.35;
}
.digits-list__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.section-service {
margin-top: 50px;
padding: 40px 0;
background: #F5F5F5;
}
.list-service {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 991px) {
.list-service {
grid-template-columns: repeat(2, 1fr);
}
}
.list-service .col {}
.item-service .item-service__wrapp {
background: #4F4F4F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
min-height: 80px;
height: 100%;
padding: 10px 15px;
overflow: hidden;
border: none;
border-radius: 10px;
transition: .3s ease;
}
.item-service .item-service__wrapp:hover {
background: #8C8C8C;
box-shadow: 8px 8px 8px 0 #0000001A;
transform: translateY(-5px);
}
.item-service .item-service__title {
font-weight: 700;
font-size: 1.8rem;
color: #FF8B00;
text-transform: uppercase;
display: inline-block;
line-height: 1.4;
transition: all 0.3s ease-in-out;
}
.item-service .item-service__wrapp:hover .item-service__title {
color: #fff;
}
@media screen and (min-width: 661px) and (max-width: 767px) {
.item-service .item-service__wrapp {
padding: 10px;
}
.item-service .item-service__title {
font-size: 1.4rem;
}
}
@media (max-width: 767px) {
.item-service .item-service__wrapp {
min-height: 90px;
}
}
@media (max-width: 460px) {
.item-service .item-service__wrapp {
min-height: 70px;
}
.item-service .item-service__title {
font-size: 1.4rem;
}
}
@media (max-width: 380px) {
.item-service .item-service__wrapp {
min-height: 70px;
}
.item-service .item-service__title {
font-size: 1.2rem;
}
}
.section-reference {
margin-top: 50px;
}
.section-reference .block-style {
height: 100%;
}
.row--reference {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
@media (max-width: 991px) {
.row--reference {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.row--reference {
grid-template-columns: 1fr;
gap: 20px;
}
}
.row--reference .item-reference {
height: 100%;
display: flex;
flex-direction: column;
}
.row--reference>.col {
padding: 0 10px;
}
.box-slider--reference {
margin: 0 -5px;
}
.box-slider--reference .item-reference {
padding: 0 5px;
}
.block-style {
background: #f5f5f5;
padding: 45px 35px 30px 40px;
border-radius: 30px;
}
.block-style.block-style--reference {
background: none;
border-radius: 0;
padding: 0;
}
.box-slider {
position: relative;
}
.item-reference .item-reference__img {
position: relative;
display: block;
width: 100%;
padding-bottom: 46.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 30px;
}
.item-reference .item-reference__img:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.item-reference .item-reference__img img {
position: absolute;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.item-reference .item-reference__title {
font-weight: 700;
font-size: 2rem;
color: #000;
display: inline-block;
line-height: 1.35;
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
margin-bottom: 20px;
}
.item-reference .item-reference__title:hover {
color: #FF8B00;
}
.list-reference .list-reference__item {
font-weight: 400;
font-size: 2rem;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.3;
margin-bottom: 10px;
}
.list-reference .list-reference__item:last-child {
margin-bottom: 0;
}
.list-reference .list-reference__name {
font-weight: 400;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin-right: 25px;
}
.list-select {
margin-top: 40px;
}
.list-select .list-select__item {
font-size: 1.8rem;
position: relative;
line-height: 1.25;
padding-left: 48px;
margin-bottom: 25px;
}
.list-select .list-select__item:last-child {
margin-bottom: 0;
}
.list-select .list-select__item::before {
background: url(//sadrofit.cz/wp-content/themes/sadrofit/assets/img/check.png) no-repeat center center;
background-size: cover;
position: absolute;
display: block;
content: "";
width: 22px;
height: 22px;
top: 2px;
left: 0;
}
@media (max-width: 991px) {
.block-style {
padding: 45px 20px 30px 25px;
}
.item-reference .item-reference__title {
font-size: 1.7rem;
}
.list-reference .list-reference__item {
font-size: 1.7rem;
}
.list-reference .list-reference__name {
-webkit-box-flex: 0;
-ms-flex: 0 0 75px;
flex: 0 0 75px;
}
.list-select .list-select__item {
font-size: 1.5rem;
}
}
@media (max-width: 767px) {
.row--reference>.col {}
.row--reference>.col:last-child {
margin-bottom: 0;
}
.block-style {}
}
@media (max-width: 575px) {
.section-reference {
margin-top: 35px;
}
}
@media (max-width: 420px) {
.section-reference {
margin-top: 30px;
}
.row--reference>.col {
margin-bottom: 20px;
}
.block-style {
padding: 30px 20px 30px 25px;
}
.item-reference .item-reference__img {
margin-bottom: 23px;
}
.item-reference .item-reference__title {
font-size: 1.4rem;
}
.list-reference .list-reference__item {
font-size: 1.4rem;
}
.list-reference .list-reference__name {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
}
.list-select {
padding-top: 5px;
margin-top: 0;
}
.list-select .list-select__item {
font-size: 1.2rem;
line-height: 1.15;
padding-left: 35px;
margin-bottom: 20px;
}
.list-select .list-select__item::before {
width: 16px;
height: 16px;
top: 0;
}
}
.section-references {
margin-top: 50px;
}
.section-references .col-reference {}
.section-references .col-reference .list-reference {}
.section-references .col-reference .block-style--reference {
height: 100%;
}
.item-reference__btn {
font-size: 1.6rem;
text-transform: none;
border-radius: 5px;
padding: 0 20px;
width: fit-content;
margin-top: auto;
}
@media (max-width: 767px) {
.section-references .col-reference {}
}
.section-partner {
margin-top: 70px;
}
.box-slider--partner {
margin: 0 -5px;
}
.box-slider--partner .item-partner {
padding: 0 20px;
}
@media (max-width: 575px) {
.box-slider--partner .item-partner {
padding: 0 5px;
}
}
.slider-partner .slick-track {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 575px) {
.section-partner {
margin-top: 50px;
}
}
@media (max-width: 410px) {
.section-partner {
margin-top: 35px;
}
}
.section-contacts {
margin-top: 50px;
}
.section-contacts .row-contacts {
gap: 20px;
}
.section-contacts .col--form {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66%;
flex: 0 0 66.66%;
}
.section-contacts .col--form .title-3 {
margin-bottom: 10px;
}
@media (max-width: 991px) {
.section-contacts .col--form {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
}
}
@media (max-width: 767px) {
.section-contacts .col--form {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.contacts-info {
font-size: 1.4rem;
font-weight: 300;
color: #282828;
}
.contacts-info .contacts-info__item {
line-height: 1.4;
margin-bottom: 20px;
}
.contacts-info .contacts-info__item strong {
font-weight: 700;
display: block;
text-transform: uppercase;
}
.contacts-info a:not(.btn) {
color: #282828;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.contacts-info a:not(.btn):hover {
color: #FF8B00;
}
.contacts-info .link-phone {
font-weight: 700;
font-size: 1.6rem;
}          .block-style--contacts {
padding-top: 35px;
}
.form-row-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-row-actions {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.form-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.form-col--1-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33% - 6px);
flex: 0 0 calc(33% - 6px);
}
@media (max-width: 991px) {
.form-col--1-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.footer {
background: #282828;
font-weight: 400;
font-family: "Inter", Arial, Helvetica, sans-serif;
color: #fff;
padding: 60px 0 37px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: 55px;
}
.footer .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .col--one {
-webkit-box-flex: 0;
-ms-flex: 0 0 320px;
flex: 0 0 320px;
}
.footer .col--one .btn {
margin-top: 20px;
}
.map {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.footer-info {
font-weight: 300;
font-size: 1.4rem;
}
.footer-info .footer-info__item {
line-height: 1.4;
margin-bottom: 20px;
}
.footer-info .footer-info__item strong {
font-weight: 700;
display: block;
}
.footer-info a {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-info a:hover {
color: #FF8B00;
}
.footer-info .link-phone {
font-weight: 700;
font-size: 1.6rem;
}
.footer-second {
font-size: 1.6rem;
color: #9B9B9B;
margin-top: 47px;
}
.footer-second .footer-studio {
text-align: right;
}
.link-studio,
.copy {
color: #fff;
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.link-studio:hover {
color: #fff;
}
.link-studio:hover span {
color: #FF8B00;
}
.link-studio span {
-webkit-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media (min-width: 661px) {
.footer .box-map {
padding-bottom: 23%;
height: 100%;
overflow: visible;
}
}
@media (max-width: 660px) {
.footer {
margin-top: 45px;
}
.footer .col--one {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 10px;
}
.footer .col--one .btn {
display: none;
}
.footer .footer-second {
font-size: 1.4rem;
text-align: center;
margin-top: 25px;
}
.footer .footer-second .footer-studio {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin-top: 10px;
}
.footer .block-btn {
display: block;
margin-top: 30px;
}
}
@media (max-width: 460px) {
.footer {
padding: 45px 0 25px;
margin-top: 35px;
}
}
.breadcrumbs-container {
margin-top: 50px;
}
.breadcrumbs-container+div {
margin-top: 26px;
}
.breadcrumbs {
font-size: 1.8rem;
text-transform: lowercase;
}
@media (max-width: 992px) {
.breadcrumbs {
font-size: 1.4rem;
}
}
@media (max-width: 767px) {
.breadcrumbs {
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.breadcrumbs {
font-size: 1.1rem;
}
}
.breadcrumbs a {
color: inherit;
}
.breadcrumbs a:hover {
color: #FF8B00;
}
.breadcrumbs ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
width: 100%;
font-family: "Inter", Arial, Helvetica, sans-serif;
font-size: 1.2rem;
font-weight: normal;
line-height: 1.2;
text-transform: uppercase;
height: 4rem;
padding: 1.2rem 1.5rem;
background-color: #D9D9D9;
border: 1px solid #D9D9D9;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #282828;
margin-bottom: 1rem;
}
@media (max-width: 576px) {
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
font-size: 1.2rem;
height: 4rem;
padding: 1.2rem 1.25rem;
}
}
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
border: 1px solid #282828;
outline: 0;
}
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea {
resize: none;
min-height: 10rem;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
@media (max-width: 576px) {
textarea {
min-height: 9rem;
padding: 1rem 1.25rem;
}
}
label,
legend {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
}
fieldset {
padding: 0;
border-width: 0;
}
input[type=checkbox],
input[type=radio] {
display: inline;
}
label>.label-body {
display: inline-block;
margin-left: 0.5rem;
font-weight: normal;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg width='13' height='5' viewBox='0 0 13 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.5 5L0.870834 0.500001L12.1292 0.5L6.5 5Z' fill='%239B9B9B'/></svg>");
background-repeat: no-repeat;
background-position: calc(100% - 15px) 50%;
padding-right: 3rem;
}
select:focus,
select:active {
background-image: url("data:image/svg+xml;utf8,<svg width='13' height='5' style='transform:rotate(180deg)' viewBox='0 0 13 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.5 5L0.870834 0.500001L12.1292 0.5L6.5 5Z' fill='%239B9B9B'/></svg>");
}
label:has(input[type=checkbox]) {
padding-left: 2.5em;
margin-bottom: 1em;
font-size: 1.6rem;
font-weight: normal;
}
input[type=checkbox] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
.check__box {
position: absolute;
margin-top: -0.2em;
margin-left: -2.5em;
width: 1.9em;
height: 1.9em;
overflow: hidden;
background-color: #d9d9d9;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-box-shadow: 0 0 0 0.1em #d9d9d9;
box-shadow: 0 0 0 0.1em #d9d9d9;
color: #5b412d;
text-align: center;
line-height: 1.9em;
}
input[type=checkbox]:checked+.check__box:after {
font-size: 1.5em;
content: "✔";
}
input[type=checkbox]:focus+.check__box {
-webkit-box-shadow: 0 0 0 0.1em #d9d9d9, 0 0 0 0.1em #282828;
box-shadow: 0 0 0 0.1em #d9d9d9, 0 0 0 0.1em #282828;
}
input[type=checkbox]:disabled+.check__box {
-webkit-box-shadow: 0 0 0 0.1em #282828;
box-shadow: 0 0 0 0.1em #282828;
}
input[type=checkbox]:checked:disabled+.check__box {
background-color: #282828;
opacity: 0.5;
}
.wpcf7-acceptance {
display: inline-block;
}
.wpcf7-acceptance label:has(input[type=checkbox]) {
font-size: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wpcf7-acceptance label:has(input[type=checkbox]) a {
color: #282828;
}
.wpcf7-acceptance label:has(input[type=checkbox]) a:hover {
color: #ff8b00;
}
.wpcf7-acceptance .check__box {
margin-top: -0.4em;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown .drop {
padding: 1rem;
border-radius: 6px;
position: relative;
display: inline-block;
cursor: pointer;
}
.dropdown>.dropdown-menu {
width: 160px;
list-style: none;
margin: 0;
margin-top: 0.5rem;
padding: 0;
position: absolute;
float: left;
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.dropdown>.dropdown-menu.open {
max-height: 300px;
height: auto;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.dropdown>.dropdown-menu>li>span,
.dropdown>.dropdown-menu>li>a {
padding: 0.5rem 1rem;
display: block;
text-align: left;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.dropdown .down-caret {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: currentColor transparent transparent transparent;
display: inline-block;
margin-left: 6px;
top: -3px;
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.dropdown .open-caret {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}   .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} .wp-video-shortcode {
border-radius: 10px;
overflow: hidden;
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
margin-bottom: 0;
}
.wpcf7-form .form__field-submit-wrapper {
position: relative;
}
.wpcf7-form .form__field-submit-wrapper .wpcf7-spinner {
position: absolute;
top: 50%;
right: 0;
margin: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wpcf7-form .wpcf7-form-control-wrap {
position: relative;
display: block;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: absolute;
top: 2px;
right: 5px;
font-size: 1rem;
color: red;
}
.wpcf7-form .wpcf7-form-control.wpcf7-not-valid {
border-color: red;
}
.wpcf7-form .wpcf7-response-output {
display: none !important;
}
.wpcf7-form .form-submit-wrapper {
position: relative;
text-align: right;
}
.wpcf7-form .form-submit-wrapper .btn {
padding: 0 20px;
}
.wpcf7-form .wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
margin: 0;
}
.wpcf7-form a {
text-decoration: underline;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0;
}
.box-modal .wpcf7-form .wpcf7-form-control.wpcf7-acceptance {
display: block;
margin-top: 15px;
margin-bottom: 30px;
}
.swal2-container .swal2-popup {
font-size: 1.5rem;
}
.gm-style .button,
.gm-style button,
.gm-style input[type=submit],
.gm-style input[type=reset],
.gm-style input[type=button] {
line-height: inherit;
}
.gm-style label {
display: inline;
margin-bottom: 0;
}
.gm-style .gm-style-mtc li {
margin-bottom: 0;
}
.hidden {
display: none !important;
}
.ttu {
text-transform: uppercase !important;
}  .implement {
margin-top: 50px;
}
.implement h2 {
margin-bottom: 40px;
}
.implement__items {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
align-items: start;
}
.item-implement h3 {
position: relative;
margin: 0 0 20px;
padding-top: 30px;
color: #FF8B00;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: 24px;
line-height: 1.2;
}
.item-implement h3::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 6px;
background: #D9D9D9;
}
.item-implement p {
margin: 0;
color: #4F4F4F;
font-size: 16px;
line-height: 1.6;
}
@media (max-width: 991px) {
.implement__items {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 20px;
}
}
@media (max-width: 576px) {
.implement__items {
grid-template-columns: 1fr;
}
.item-implement h3 {
padding-top: 20px;
}
.item-implement h3::before {
width: 40px;
height: 4px;
}
}
.choose {
background: #F5F5F5;
padding: 40px 0;
margin-top: 50px;
}
.choose h2 {
text-align: center;
margin-bottom: 40px;
}
.choose__content ul {
columns: 2;
column-gap: 40px;
}
@media (max-width: 991px) {
.choose__content ul {
columns: 1;
}
}
.choose__content li {
position: relative;
padding-left: 40px;
margin-bottom: 10px;
color: #4F4F4F;
font-size: 16px;
line-height: 1.6;
}
.choose__content li::before {
content: '';
display: block;
min-width: 30px;
width: 30px;
height: 30px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjEzMzMgMjEuNkwyMy41MzMzIDEyLjJMMjEuNjY2NyAxMC4zMzMzTDE0LjEzMzMgMTcuODY2N0wxMC4zMzMzIDE0LjA2NjdMOC40NjY2NyAxNS45MzMzTDE0LjEzMzMgMjEuNlpNNi42NjY2NyAyOEM1LjkzMzMzIDI4IDUuMzA1NTYgMjcuNzM4OSA0Ljc4MzMzIDI3LjIxNjdDNC4yNjExMSAyNi42OTQ0IDQgMjYuMDY2NyA0IDI1LjMzMzNWNi42NjY2N0M0IDUuOTMzMzMgNC4yNjExMSA1LjMwNTU2IDQuNzgzMzMgNC43ODMzM0M1LjMwNTU2IDQuMjYxMTEgNS45MzMzMyA0IDYuNjY2NjcgNEgyNS4zMzMzQzI2LjA2NjcgNCAyNi42OTQ0IDQuMjYxMTEgMjcuMjE2NyA0Ljc4MzMzQzI3LjczODkgNS4zMDU1NiAyOCA1LjkzMzMzIDI4IDYuNjY2NjdWMjUuMzMzM0MyOCAyNi4wNjY3IDI3LjczODkgMjYuNjk0NCAyNy4yMTY3IDI3LjIxNjdDMjYuNjk0NCAyNy43Mzg5IDI2LjA2NjcgMjggMjUuMzMzMyAyOEg2LjY2NjY3Wk02LjY2NjY3IDI1LjMzMzNIMjUuMzMzM1Y2LjY2NjY3SDYuNjY2NjdWMjUuMzMzM1oiIGZpbGw9IiNGNTlEMUEiLz4KPC9zdmc+Cg==);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: -1px;
}
@media (max-width: 576px) {
.choose__content {
grid-template-columns: 1fr;
}
}
.implementation {
margin-top: 50px;
}
.implementation h2 {
text-align: center;
margin-bottom: 40px;
}
.implementation__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px;
}
@media (max-width: 991px) {
.implementation__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 576px) {
.implementation__grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
.ba__wrap {
position: relative;
overflow: hidden;
aspect-ratio: 4/3;
}
.ba__img {
position: absolute;
inset: 0;
}
.ba__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ba__img--after {
--ba-cut: 50%;
clip-path: polygon(var(--ba-cut) 0, 100% 0, 100% 100%, var(--ba-cut) 100%);
}
.ba__range {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: auto;
cursor: ew-resize;
}
.ba__divider {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 4px;
background: #8C8C8C;
z-index: 2;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
}
.ba--drag .ba__divider {
opacity: .9;
}
.ba__handle {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
z-index: 3;
width: 44px;
height: 44px;
border-radius: 50%;
background: #8C8C8C;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.ba--drag .ba__handle {
opacity: .9;
}
.ba__chev {
display: block;
min-width: 20px;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s ease;
}
.ba__chev--left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzg4NzNlLTA3IDEyLjk5MDVMMTMuNSA5Ljc0MzU4ZS0wNUwxMy41IDI1Ljk4MDlMMS43ODg3M2UtMDcgMTIuOTkwNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.ba__chev--right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgMTIuOTkwNUwtMS4yMjM1ZS0wNiAyNS45ODA5TC04Ljc4NDMyZS0wOCA5LjY2ODQ3ZS0wNUwxMy41IDEyLjk5MDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.ba--drag {
user-select: none;
}
@supports not (aspect-ratio: 1/1) {
.ba__wrap {
height: 420px;
}
} .box-table {
position: relative;
overflow: hidden;
overflow-x: auto;
scrollbar-color: #FF8B00 #dddddd;
scrollbar-width: auto;
}
.box-table::-webkit-scrollbar {
height: 7px;
border-radius: 4px;
background-color: #dddddd;
}
.box-table::-webkit-scrollbar-thumb {
background-color: #FF8B00;
border-radius: 4px;
}
table {
width: 100%;
margin-bottom: 20px;
border-collapse: separate;
border-spacing: 0 5px;
}
table th {
padding: 10px 5px;
background: #4F4F4F;
font-size: 1.6rem;
line-height: 1.4;
font-weight: bold;
color: #fff;
}
table td {
padding: 5px;
font-size: 1.6rem;
line-height: 1.4;
}
table tr:nth-of-type(odd) td {
background: #E9E9E9;
}
table tr:nth-of-type(even) td {
background: #F5F5F5;
}
.section-inner .text-about {
padding-left: 0;
}
.section-inner .row--about {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: flex-start;
}
.section-inner .col--img {
padding-left: 15px;
}
.section-inner ul li {
position: relative;
line-height: 1.45;
padding-left: 20px;
margin-bottom: 7px;
}
.section-inner ul li::before {
background: #000;
position: absolute;
display: block;
content: "";
width: 3px;
height: 3px;
top: 14px;
left: 7px;
border-radius: 50%;
}
.section-inner ul li:last-child {
margin-bottom: 27px;
}
@media (max-width: 991px) {
.section-inner ul li::before {
top: 10px;
}
}
@media (max-width: 380px) {
.section-inner ul li::before {
top: 7px;
}
}
.block-activity {
margin-top: 40px;
padding: 20px 40px;
font-size: 1.6rem;
line-height: 1.4;
color: #fff;
background: #4F4F4F;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px 20px;
}
.block-activity strong {
font-size: 1.8rem;
color: #FF8B00;
text-transform: uppercase;
}
.block-activity a:not(.btn) {
position: relative;
display: inline-block;
text-decoration: underline;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 380px) {}
.row--gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.gallery__link {
display: block;
height: 15vw;
line-height: 0;
overflow: hidden;
}
.gallery__link img {
border-radius: 10px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
.row--gallery {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.gallery__link {
height: 25vw;
}
}
.list-service {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.item-phone {
margin-bottom: 30px;
}
.footer .col--one .btn,
.footer .block-btn .btn {
padding: 0 20px;
}
.block-style {
overflow: auto;
}
.wpcf7-form .wpcf7-form-control-wrap.recaptcha {
display: flex;
justify-content: center;
align-items: center;
} .section-video-gallery {
padding: 60px 0;
}
.video-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
justify-items: center;
}
.video-gallery-item {
text-align: center;
}
.video-vertical {
width: 100%;
max-height: 650px;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.video-caption {
margin-top: 10px;
color: #666;
}
.section-gallery {
margin-top: 50px;
}
.form--field {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.form--field-sc {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
@media (max-width: 576px) {
.form--field,
.form--field-sc {
grid-template-columns: 1fr;
}
}
.form--action {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
}
.form--file {
margin-bottom: 1rem;
}