/*** Carousel - brands ***/
/*.container {*/
/*    max-width: 50%;*/
/*}*/
.brands-carousel .item {
    height: 138px;
    width: 192px;
    border: 0.05rem solid var(--border-gray);
    align-content: center;
    padding: 2rem;
    border-radius: 2rem;
}
/* EMPTY-HERO */
.empty-hero {
    height: 113px;
}
/* SPACE BREAK */
.space-break-small { height: 3rem; }
.space-break-medium { height: 6rem; }
.space-break-large { height: 9rem; }
/* =================================================== */
/* HEADER + navigation =========================================================================================================== */
/* navigation */
header nav {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 3%;
    /*height:50px;*/
    max-height: 114px;
    /*min-height: 114px;*/
    /*padding: 0 100px;*/
    display: flex;
    /*justify-content: space-evenly;*/
    /*align-items: center;*/
    z-index: 9999;
}
nav {
    border-bottom: 1px #ffffff40 solid;
    padding: 56px 0 56px 0;
    transition: 1s;
}
.scrolled {
    background: #fff;
    transition: 1s;
}
.scrolled a {
    color: var(--dull-green);
}
header nav .logo--scrolled {
    display: none;
}
header nav:hover .logo {
    display: none;
}
header nav:hover .logo--scrolled {
    display: block;
}
header nav ul {
    margin: 0;
    position: relative;

}
header nav ul li {
    position: relative;
    list-style: none;
    float: left;
}
/*dark green 1f5a48*/

header nav ul > li > a {
    color: white;
    padding: 44px 10px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
}
header nav #smartphone-menu ul > li > a {
    padding: 1.5rem 0 1.5rem 0;
    text-decoration: none;
    display: flex;
    justify-content: space-between;

}
header nav:hover {
    background: var(--white);
    transition: 1s;
    color: var(--dull-green);
}
header nav:hover ul li a {
    color: #52a046;
    text-decoration: none;
}
header nav > ul > li > a:hover {
    text-decoration: none;
}
header nav .com-global-nav__effect:hover > p {
    color: var(--deep-cyan);
}
header nav .com-global-nav__effect2:hover > p {
    color: var(--white);
}
header nav .com-menu-title-1 p {
    color: var(--deep-cyan);
}
header nav .com-global-nav__effect:hover > a,
header nav .com-global-nav__effect:hover {
    color: var(--deep-cyan);
    transition: 0.5s;
}
header nav .com-global-nav__effect2:hover > a,
header nav .com-global-nav__effect2:hover {
    color: var(--white);
    transition: 0.5s;
}
header nav ul li ul {
    /*display: block;*/
    display: none;
    position: fixed;
    padding: 0;
    top: 113px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #feefe1;
    width: 1250px;
    border-radius: 0 0 10px 10px;
    animation: 1s fadeIn;
    animation-fill-mode: forwards;
}
.submenu-link h6 a .com-global-nav-2__effect,
footer ul li .com-global-nav__effect,
header nav ul li .com-global-nav__effect {
    border-bottom: 0.05rem solid #FFFFFF00;
    text-decoration: none;
}
header nav ul li .com-global-nav__effect {
    display: inline-block;
}
footer ul li a, footer ul li a .com-global-nav__effect {
    display: inline-block;
}
.submenu-link h6 a:hover .com-global-nav-2__effect,
footer ul li > a:hover .com-global-nav__effect,
header nav ul li:hover .com-global-nav__effect {
    color: var(--deep-cyan);
    text-decoration: none;
    border-bottom: 0.05rem solid var(--deep-cyan);
}
header nav ul li:hover .com-global-nav__effect2 {
    color: var(--white);
    text-decoration: none;
    border-bottom: none;
    background: var(--deep-cyan);
}
header nav ul li:hover > ul {
    color: var(--deep-cyan);
    display: block;
}
/* SUBMENU */
.box-submenu-title {
    flex: 40%;
    padding-right: 2rem;
    /*width: 700px;*/
}
.box-submenu-title h2 {
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0 0 20px 0;
    font: normal normal 600 var(--font-size-20-20)/var(--font-size-20-20) var(--work-sans);
}
.box-submenu-title p {
    font: normal normal 700 var(--font-size-24-24)/var(--font-size-24-24) var(--recoleta-bold);
    line-height: clamp(1.5rem, 2.5vw, 2.5rem);
    padding: 0;
}
.submenu-content {
    padding: 1rem 1rem 2rem 0;
}
.submenu-link-green-1,
.submenu-link-green-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    padding-bottom: 2rem;
}
.submenu-link-green-1 h6,
.submenu-link-green-2 h6 {
    font-weight: bold;
}
.submenu-link-green-2,
.submenu-link-green-2 h6,
.submenu-link-green-2 h6 a {
    color: var(--deep-cyan);
}
.submenu-link-green-2 h6,
.submenu-link-green-1 h6,
.submenu-link-green-1 h6 a,
.submenu-link-green-2 h6 a {
    font-size: var(--font-size-15-15);
    font-weight: bolder;
    padding: 0.6rem 0.15rem 0.3rem 0;
    display: inline-block;
}
.submenu-link-green-1 h6 a:hover,
.submenu-link-green-2 h6 a:hover {
    text-decoration: underline;
}
.submenu-link-green-1,
.submenu-link-green-1 h6,
.submenu-link-green-1 h6 a {
    color: var(--dull-green);
}
.submenu-link-green-2 p,
.submenu-link-green-1 p {
    /*font-size: 0.75rem;*/
}
.submenu-link h6 {
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0;
    margin: 0.5rem 0 0 0;
}
.submenu-link i {
    /*font-size: 0.9rem;*/
    padding: 0.39rem 0 0 0.5rem;
}
.submenu-link h6 a:hover {
    text-decoration: none !important;
}
.menu-layout {display: grid; grid-template-columns: 1fr 1fr;}
.menu-layout-border {border-bottom: 2px solid var(--deep-cyan);}
.btn-green-1 {
    color: var(--white);
    background: var(--deep-cyan);
}
.btn-green-2 {
    color: var(--white);
    background: var(--dull-green);
}
.btn-green-1:hover,
.btn-green-2:hover {
    color: var(--deep-cyan);
    background: var(--white);
}
.box-lg .btn-box {
    width: 276px;
    height: 131px;
    border-radius: 10px;
}
.btn-box-title {
    font-size: var(--font-size-16-16);
    padding-bottom: 1rem;
    font-weight: bold;
}
.btn-box-text {
    font-size: var(--font-size-16-16);
}
.btn-box {
    padding: 1rem;
    text-align: left;
    width: 149px;
    height: 101px;
    border-radius: 10px;
}
.btn-box--green-1 {color: var(--white);background: var(--dull-green);}
.btn-box--green-2 {color: var(--white);background: var(--deep-cyan);}
.btn-box--green-1:hover { color: var(--dull-green); background: var(--white);}
.btn-box--green-2:hover {color: var(--deep-cyan); background: var(--white);}
.btn-box-white {
    background-color: #fff;
    color: #333;
    border-color: #fff;
}

.box-submenu-content {flex: 60%;}
.box-submenu-content hr {width: 2px;}
.box-submenu-content .small-box li {margin: 0.5rem;border-radius: 0.6rem;}
.box-submenu-content .small-box li:nth-child(4n+1) {background-color: white;}
.box-submenu-content .small-box li:nth-child(4n+2) {
    background-color: #52a046;
    color: #ffffff;
    border-color: #52a046;
}
.box-submenu-content .small-box li:nth-child(4n+3) {
    background-color: #205a48;
    color: #ffffff;
    border-color: #205a48;
}
.box-submenu-content .small-box li:nth-child(4n) {
    background-color: #a7c673;
    color: #ffffff;
    border-color: #a7c673;
}
.box-submenu-content .small-box li a {font-weight: bold;}
.box-submenu-content .small-box li:nth-child(4n+1) a {
    color: var(--dull-green);
}
.box-submenu-content .small-box li:nth-child(4n+2) a,
.box-submenu-content .small-box li:nth-child(4n+3) a,
.box-submenu-content .small-box li:nth-child(4n) a {
    color: var(--white);
}
.box-submenu-content .small-box li a:hover { color: var(--deep-cyan);}
.box-submenu-content .small-box li:nth-child(4n+1) a:hover { color: var(--white); background: var(--dull-green);}
.box-submenu-content .small-box li:nth-child(4n+2) a:hover { color: var(--dull-green); background: var(--white);}
.box-submenu-content .small-box li:nth-child(4n+3) a:hover { color: var(--deep-cyan); background: var(--white);}
.box-submenu-content .small-box li:nth-child(4n+4) a:hover { color: var(--light-yellow-green); background: var(--white);}


.box-submenu-content a {
    /*padding: 5px;*/
    padding: 5px 5px 5px 0;
    z-index: 100;
    color: var(--white);
}
.box-submenu-content p {
    padding: 0;
    margin: 0;
}
.submenu-brands li {padding-right: 3rem;}
.submenu-brands img { width: 100px; max-height: 100px;}
.box-submenu-content box-link {width: 150px;}
.socials a {padding: 0;}
.socials {
    font: normal normal 300 0.875rem/1rem var(--work-sans);
    background: #52a046;
    color: #fff;
    padding: 5px 50px 5px 50px;
    border-radius: 0 0 10px 10px;
    min-height: 4rem;
}
.socials div, .socials div * {
    align-content: center;
}
.socials a:not(:last-child) {
    padding-right: 0.5rem;
}
#smartphone-menu ul .box-submenu-brands li {margin: 0;}
.box-content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.box-submenu-brands {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
}
.box-submenu-brands li {
    min-height: 100px;
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
}
/*display: grid; grid-template-columns: 1fr 1fr;*/
@keyframes slide-up {}
@keyframes slide-down {}
@keyframes slide-in {
    from {transform: translateX(100%);opacity: 1;}
    to {transform: translateX(0);opacity: 1;}
}
@keyframes slide-out {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 1;}
}
@keyframes slide-off {
    from {transform: translateX(0%);opacity: 1;}
    to {transform: translateX(-100%);opacity: 1;}
}
@keyframes slide-revert-off {
    from {transform: translateX(-100%);opacity: 1;}
    to {transform: translateX(0%);opacity: 1;}
}
/* =================================================== */
/* HERO */
.text { margin: 2rem 0 3rem 0; }
.hero {
    display: block;
    width: 100%;
    /*height: 1080px;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hero .ellipse {
    position: absolute;
    width: 67%;
    z-index: 1;
}
.hero-description {
    width: 65%;
}
.hero .row {
    position: relative;
    padding: clamp(20rem, 5vw, 30rem) 0 clamp(8rem, 5vw, 12rem) 0;
    color: #fff;
    z-index: 9999;
}
.hero .com-text-1 {
    padding-top: clamp(2rem, 3vw, 4rem);
}
/*.hero p { padding-top: 30px; font: normal normal 300 1.6rem/1.8rem var(--work-sans); }*/
/* =================================================== */
/* HERO 2. */
.hero-section {
    display: block;
    width: 100%;
    /*height: 1080px;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hero-section .row {
    position: relative;
    /*top:500px;*/
    /*left:500px;*/
    padding: 8rem 0 8rem 0;
    color: #fff;
    z-index: 9999;
}
.hero-section-text * {
    color: var(--deep-cyan);
}
.hero-section a {
    color: var(--dull-green);
    font-weight: bold;
}
.hero-section a:hover {
    text-decoration: underline;
}
/*HERO 3*/
.hero-section2 {
    display: block;
    width: 100%;
    /*height: 1080px;*/
    /*background: #dc3545;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hero-section2 .row {
    position: relative;
    /*top:500px;*/
    /*left:500px;*/
    padding: 8rem 0 8rem 0;
    color: #fff;
    z-index: 9999;
}
.hero-section2 a {
    color: var(--dull-green);
    font-weight: bold;
}
.hero-section2 a:hover {
    text-decoration: underline;
}
/* =================================================== */
/* COM2 extra addon */
.com-title-3--com2 { font-size: var(--font-size-16-32); line-height: var(--font-size-20-40); }
.com2-title { color: var(--deep-cyan); font: normal normal 700 var(--font-size-24-24)/var(--font-size-24-32) var(--recoleta-bold); }
.com2-text { color: var(--deep-cyan); font: normal normal 400 var(--font-size-16-16)/var(--font-size-12-5-25) var(--work-sans); }
.com-title-3--com2-b * { font-size: var(--font-size-24-24); line-height: var(--font-size-16-32); }

/* COM2-UNIVERSAL-BOX */
.com2--bg {
    background-color: var(--olivine);
}
.rounded {  border-radius: 1rem !important;}
.com2-list-interviews { max-width: 24.375rem;}
.com33-image {border-radius: 1rem;max-width: 100%;}

/* COM3 extra addon */
.com-title-3--com3 { font-size: var(--font-size-16-32); line-height: var(--font-size-20-40); }
.com3-title { color: var(--deep-cyan); font: normal normal 700 var(--font-size-32)/var(--font-size-32) var(--recoleta-bold); }
.com3-subtitle {color: var(--deep-cyan); font: normal normal 600 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
.com3-text * { color: var(--deep-cyan); font: normal normal 300 var(--font-size-20_8)/var(--font-size-20_8) var(--work-sans); }
.com-title-3--com3-b * { font-size: var(--font-size-24-24); line-height: var(--font-size-24-32); }

/* COM3-UNIVERSAL-BOX-white */
.com3--bg {background-color: var(--white);}
.com3 .rounded {border-radius: 1rem !important;}
.com3-list-interviews { max-width: 24.375rem;}
.com3-image-sm img,
.com3-image-sm {border-radius: 1rem;}

/* COM4 horizontal statistics */
/*.com4-title {font: normal normal bold var(--font-size-25-6-64)/var(--font-size-20-40) var(--recoleta-bold)}*/
.com4-box-first-text {font: normal normal bold var(--font-size-25-6-64)/var(--font-size-20-40) var(--recoleta-bold);}
.com4-box-number {font: normal normal bold var(--font-size-25-6-64)/var(--font-size-20-40) var(--recoleta-bold);}
.com4-box-second-text {font: normal normal bold var(--font-size-25-6-64)/var(--font-size-20-40) var(--recoleta-bold);}
.com4-statistics-boxes .com4-statistics-box:not(:last-child) {
    border-right: 0.125rem solid var(--deep-cyan);
}
.com4-statistics-title {
    font: normal normal 700 var(--font-size-32)/var(--font-size-20-40) var(--recoleta-bold);
}
/* COM8 products list */
#products-list {
    z-index: -1;
    position: relative;
    top: -10rem;
}
.com8-products-list .com-title-2--deep-cyan {
    color: var(--deep-cyan);
}
.com8-products-list .com8-tab:hover {
    background-color: var(--dull-green);
    background-color: 0.05rem solid var(--deep-cyan);
}
.com8-tab {
    background: var(--white);
    border: 0.01rem solid var(--deep-cyan);
    color: var(--deep-cyan);
    transition: 0.1s;
    flex-shrink: 0;
}
.com8-tab-active {
    background: var(--light-yellow-green) !important;
    border: 0.01rem solid var(--light-yellow-green);
    color: var(--white) !important;
}
.com8-tab-active2 {
    background: var(--dull-green) !important;
    border: 0.01rem solid var(--dull-green);
    color: var(--white) !important;
}
.com8-tab:hover {
    background: var(--light-yellow-green) !important;
    border: 0.01rem solid var(--light-yellow-green);
    color: var(--white);
    transform: scale(1.10);
    transition: 0.1s;
}
.com8-tab2:hover {
    background: var(--dull-green) !important;
    border: 0.01rem solid var(--dull-green);
}
.com-button--tab-outline img {
    max-height: 30px;
    max-width: 30px;
}
.com-button--tab-outline-slim {
    padding: 0.5rem 0;
    margin:0;
}
.com8-list {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 1rem;
}

.com8-list .com8-button * {
    display: flex;
    flex-shrink: 0;
    margin: 0;
    gap: 1rem;
    justify-content: center;
}
.com8-list .com8-button2 {
        min-width: 150px; /* Nastav minimální šířku dle potřeby */
        max-width: 220px; /* Nastav maximální šířku dle potřeby */
}
.com8-list .com8-button2 a {
    display: flex;
    flex-shrink: 0;
    margin: 0;
    gap: 1rem;
    justify-content: center;
    border-radius: 0.3rem;

}
.com8-image img {border-radius: 1rem; max-width: 90%;}
.com-product-tag img { max-height: 30px; max-width: 30px;}
.com8-text {color: var(--deep-cyan); color: var(--deep-cyan); font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
.com-title-3--com8 { font-size: var(--font-size-16-32); line-height: var(--font-size-20-40); }
.com8-title { color: var(--deep-cyan); font: normal normal 700 var(--font-size-24-24)/var(--font-size-16-32) var(--recoleta-bold); }
.com8-subtitle {color: var(--deep-cyan); font: normal normal 600 var(--font-size-16-16)/var(--font-size-12-5-25) var(--work-sans);}
.com-title-3--com8-b * { font-size: var(--font-size-24-24); line-height: var(--font-size-24-32); }
.com8--bg {background-color: var(--white);}
.com8 .rounded {border-radius: 1rem !important;}
.com8-list-interviews { max-width: 24.375rem;}
.com8-image-sm img,
.com8-image-sm {border-radius: 1rem;}
/* COM10 yt video*/
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.embed-responsive-16by9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* COM11 image middle */
.com11-image-middle image {max-width: 1372px;max-height: 1372px;}
.com-button.active {
    background-color: var(--deep-cyan);
    color: var(--white);
}
/* com16-text-with-image */
.com16-text-with-image img {
    width: 300px;
    height: 300px;
}
/* com17-green-box */
.com17 .container {
    border-radius: 2rem;
    transition: 0.4s;
}
.com17 .img-container img {
    max-width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
}
.com17 .container:hover {
    transform: scale(1.10);
    transition: 0.4s;
}
.com17 .container:hover .img1 {
    display: none;
}
.com17 .container .img2 {
    display: none;
}
.com17 .container:hover .img2 {
    display: block;
}
.com17 .container:hover .com-button--green2 {
    background: var(--white);
    color: var(--deep-cyan) !important;
}
/*com18*/
.com18 .img-container img {
    max-width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    margin-left: -10px;
}
.com20 img {
    max-width: 352px;
}
/* com23 */
.com23 {
    overflow: visible;
}
.com23 .card-body { padding: 16px 10px 16px 16px;}
.com23 .com23-box {
    border-radius: 1rem;
    transition: 0.4s;
}
.com23-box a {
    width: 100%;
    height: 100%;
    font-size: var(--font-size-24-24);
    font-family: var(--work-sans);
    font-weight: 800;
}
.com23 .com23-box-title {
    font-size: var(--font-size-24-24);
    font-family: var(--work-sans);
    font-weight: 800;
}
.com23 .box-green {background: var(--leaf-green);}
.com23 .box-red {background: var(--pastel-red);}
.com23 .box-blue {background: var(--sky-blue);}
.com23 .box-yellow {background: var(--pastel-yellow);}
.com23 .box-green:hover,
.com23 .box-red:hover,
.com23 .box-blue:hover,
.com23 .box-yellow:hover {
    transition: 0.4s;
    transform: scale(1.07);
}
.com24-hr hr {
    border: 1px solid var(--deep-cyan);
    opacity: initial;
}
.com28 {margin:3rem 0;}

.go-back-hero i {margin-right: 10px;}
/* =================================================== */
/* COM-CONTENT-1 ppf popisek pod hero */
.com-content-1 {
    color: var(--white);
    background: var(--dull-green);
}
.com-content-1__wide-img {
    display: none;
}
.com-content-1__background:before {
    top: 0px;
    bottom: 0px;
    content: "";
    /*background-color: #00917c;*/
    width: calc(200% - 300px);
    position: absolute;
    left: -150%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: right;
}
.com-content-1 .container {
    padding: 5rem;
}
.com-content-1__title img {
    margin-top: clamp(0.75rem, 20vw, 1.5rem);
    width: clamp(100px, 20vw, 142px);
}
.com-content-1__text-wrapper { margin-left: 450px; }
.com-content-1__button a {
    max-height: 49px;
    padding: 0.8rem 2rem 0.8rem 2rem;
    color: var(--white);
    background: var(--deep-cyan);
    border-radius: 0.5rem;
}
/* =================================================== */
/* COM-CONTENT-2 obdelnicky s 3 obrazky */
.com-box-1 {
    color: var(--deep-cyan);
    background: var(--white);
}
/* =================================================== */
/*  ABOUT-US SECTION =========================================================================================================== */
.section-text {
    padding: 74px;
}
.sec-about .has-bg:before {
    top: 0px;
    bottom: 0px;
    content: "";
    /*background-color: #00917c;*/
    width: calc(200% - 300px);
    position: absolute;
    left: -150%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: right;
}
.section-has-text {
    margin-left: 450px;
}
.section-has-text p {
    line-height: 2rem;
}
.section-has-text a {
    max-height: 49px;
    padding: 0.8rem 2rem 0.8rem 2rem;
    color: var(--white);
    background: var(--deep-cyan);
    border-radius: 0.5rem;
}
.section-color {
    padding: 50px 0 50px 0;
}
.sec-about .container {
    padding: 5rem;
}
/* =================================================== */
/* =================================================== */
/* JOIN PPF SECTION */
.sec-join-us {
    color: #feeee2;
}
.sec-join-us .has-bg2 {
    padding: 5rem 0 5rem 0;
}
.sec-join-us .has-bg2:after {
    top: 0px;
    bottom: 0px;
    content: "";
    /*background-color: #00917c;*/
    width: calc(200% - 300px);
    position: absolute;
    right: -150%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: calc(25% + 15vw);
    background-position: top left;
}
/* =================================================== */
/* CAT SECTION */
.has-bg-cat:after {
    top: 0px;
    bottom: 0px;
    content: "";
    /*background-color: #00917c;*/
    width: calc(200%);
    position: absolute;
    right: -150%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: calc(25% + 15vw);
    background-position: bottom left;
}
.section-has-text2 {
    margin: clamp(2rem, 5vw, 5rem) 0 5rem 0;
}
.cat-section-has-text {
    margin: 5rem 0 5rem 0;
}
.cat-section-has-text p {
    padding: 0;
    margin: 0;
    /*line-height: 2.0831rem;*/
    /*font-size: 1.3331rem;*/
}
.cat-section-image {display: none;}
.com-box-l h5 {
    font: normal normal 300 clamp(1.2rem, 2vw, 2rem)/clamp(1.2rem, 2vw, 2rem) var(--work-sans);
    color: var(--white);
}
/* =================================================== */
/* PAGE 2 our brands - tyto sekce pak sloucit */
.rectangle-content {}
.sec-stretch-right .has-bg2:before {
    top: 0px;
    bottom: 0px;
    content: "";
    width: calc(200%);
    position: absolute;
    left: -100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: calc(25%);
    background-position: right;
}
.rectangle-1-white {
    position: relative;
    background: var(--white);
    color: var(--deep-cyan);
    font: normal normal 300 1.3rem/1.7rem var(--work-sans);
    border-radius: 1rem;
    width: 500px;
    min-height: 100px;
    padding: 2rem;
    margin: 3rem 1rem 3rem 2rem;
    transition: 0.5s;
}
.rectangle-1-white h6,
.rectangle-1-white p {
    padding: 1rem 0 1rem 0;
}
.rectangle-1-white .flex-left h6 {color: var(--deep-cyan);}
.rectangle-1-white .flex-left {
    flex: 60%;
}
.rectangle-1-white .flex-right {
    flex: 40%;
}
.rectangle-1-white p {
    font: normal normal 300 1rem/1.2rem var(--work-sans);
}
.rectangle-1-white .mouse-on img {
    transition: 1s;
}
.rectangle-1-white .mouse-on:hover img {
    transform: rotate(5deg);
    transition: 0.7s;
}
.rectangle-1-white img {
    position: absolute;
    max-width: 160px;
    top: -2.5rem;
    z-index: 20;
    max-height: 260px;
    /*left:21rem;*/
}
.rectangle-1-white .button {
    transition: 0.3s;
}
.rectangle-1-white .button:hover {
    background: var(--dull-green);
    transition: 0.3s;
}
.rectangle-1-white:hover {
    transition: 0.7s;
    transform: scale(1.05);
}
.rectangle-button-1 {
    display: block;
}
.rectangle-button-2 {display: none;}
.com-r1w .flex-left img {display:none;}
/* =================================================== */
/* TAB SECTION */
.tab-content-list > div {
    display: none;
}
.active-tab {
    display: block !important;
}
.inactive-tab {
    display: none;
}
.tabs-section {
    color: var(--deep-cyan);
    padding: 4rem 0 0 0;
    animation: ease-in;
    transition: 0.5s;
}
.tabs-section h5,
.tabs-section h6 {
    font: normal normal 600 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans);
    color: var(--deep-cyan);
}
.tabs-section img {
    max-width: 610px;
    border-radius: 2rem;
}
.tab-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}
.tab-button span {
    padding-right: 0.5rem;
    font: normal normal 600 var(--font-size-48-48)/var(--font-size-48-48) var(--recoleta-bold);
    color: var(--dull-green);
}
.tab-button .com-text-1 {
    font-size: var(--font-size-15-15);
}
.tabs .active span {
    color: var(--pale-orange);
}
.tabs .tab-button {
    width: 140px;
    min-height: 165px;
    border: 0.01rem solid var(--white);
    background: var(--work-sans);
    color: var(--deep-cyan);
    box-shadow: 0 0 2rem 0.5rem rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    padding: 1rem;
    align-content: center;
}
.tabs .active {
    transform: scale(1.1, 1.1);
    transform-origin: initial;
}
.tab-button p {
    font: normal normal 300 1rem/1rem var(--work-sans);
    padding-bottom: 1rem;
}
.tabs-section .tab-button {
    margin: 2rem 0 2rem 0;
}
.tabs-section .tab-button:not(:last-child) {
    border: 0.1rem solid white;
    margin-right: 2rem;
    transition: 0.4s;
}
.tab-button:hover span {
    color: var(--pale-orange);
    transition: 0.4s;
}
.tabs .active, .tabs .tab-button:hover {
    border: 0.01rem solid var(--deep-strong-yellow) !important;
    background: var(--deep-strong-yellow);
    color: var(--pale-orange);
    transform: scale(1.1, 1.1);
    transform-origin: top left;
    transition: 0.4s;
}
.tab-content {
    display: grid;
    grid-template-columns: 1fr;
    padding: 3rem 0 3rem 0;
}
.tab-content img {
    max-width: 600px;
}
.tab-content-l {padding-top: 3rem;}
.tab-content-r {padding: 3rem;}
.tab-content h5,
.tab-content h6 {
    font: normal normal bolder 1.6rem/1.8rem var(--work-sans);
    margin-bottom: 2rem;
    margin-bottom: 2.3rem;
}
.tab-content p {
    font: normal normal 300 1.3rem/2rem var(--work-sans);
}
.tab-content ul {
    font: normal normal bold 1.2rem/2.5rem var(--work-sans);
    text-decoration: underline;
}
.pages-list {
    margin: 0.3rem 0 3rem 0;
}
.page-list-number {
    margin: 0 1rem 0 1rem;
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
    background: #f1f1f1;
}
/* TABS2 */
/* Třídy pro tabulky */
.tab-content-list2 > div {
    display: none;
}
.active2 {
    display: block !important;
}
.inactive-tab2 {
    display: none;
}
.tabs-section2 {
    color: var(--deep-cyan);
    /*padding: 4rem 0 0 0;*/
    animation: ease-in;
    transition: 0.5s;
}
.tabs-section2 .tabs-section2-title,
.tabs-section2 h6 {
    font: normal normal bold 1.5rem/1.5rem var(--work-sans);
    color: var(--deep-cyan);
}
.tabs-section2 img {
    max-width: 610px;
}
.tab-buttons2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    margin-top: 5rem;
}
.tab-button2 span {
    /*padding-right: 0.5rem;*/
    font: normal normal 300 var(--font-size-24-24)/var(--font-size-24-24) var(--recoleta-bold);
    color: var(--deep-cyan);
    cursor: pointer;
}
.tab-content-title {
    font: normal normal 300 var(--font-size-36)/var(--font-size-36) var(--recoleta-bold);
    padding-bottom: 2rem;
}
.tabs2 .active2 span {
    color: var(--dull-green);
}
.tabs2 .tab-button2 {
    color: var(--dull-green);
    padding: 0 1rem 0 1rem;
}
.tab-button2 p {
    font: normal normal 300 1rem/1rem var(--work-sans);
    padding-bottom: 1rem;
}
.tabs-section2 .tab-button2 {
    margin: 2rem 0 2rem 0;
}
.tabs-section2 .tab-button2:not(:last-child) {
    margin-right: 2rem;
    transition: 0.4s;
}
.tab-button2:hover span {
    color: var(--dull-green);
    transition: 0.4s;
}
.tabs2 .active2,
.tabs2 .tab-button2:hover {
    border: initial;
    background: none;
    color: var(--deep-cyan);
    transition: 0.4s;
}
.tab-content2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 3rem 0 3rem 0;
}
.tab-content-l2 {
    padding-top: 3rem;
}
.tab-content-r2 {
    padding: 3rem;
}
.tab-content2 h5,
.tab-content2 h6 {
    font: normal normal bolder 1.6rem/1.8rem var(--work-sans);
    margin-bottom: 2.3rem;
}
.tab-content2 p {
    font: normal normal 300 1.3rem/2rem var(--work-sans);
}
.tab-content2 ul {
    /*font: normal normal bold 1.2rem/2.5rem var(--work-sans);*/
    /*text-decoration: underline;*/
}
.pages-list2 {
    margin: 0.3rem 0 3rem 0;
}
.tabs-section .tab3-img { padding: 0 0 2rem 2rem; max-width:100%;}
/*TABS 3*/
/* TABS2 */
/* Třídy pro tabulky */
.tab-content-list3 > div {
    display: none;
}
.active3 {
    display: block !important;
}
.inactive-tab3 {
    display: none;
}
.tabs-section3 {
    color: var(--deep-cyan);
    /*padding: 4rem 0 0 0;*/
    animation: ease-in;
    transition: 0.5s;
}
.tabs-section3 .tabs-section3-title,
.tabs-section3 h6 {
    font: normal normal bold 1.5rem/1.5rem var(--work-sans);
    color: var(--deep-cyan);
}
.tabs-section3 img {
    max-width: 610px;
}
.tab-buttons3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    font-size: var(--font-size-18-18);
    font-family: var(--work-sans);
    font-weight: 600;
    transition: 0.4s;
    border-bottom: 0.15rem solid var(--deep-cyan);
}
.tab-button3 span {
    padding-right: 0.5rem;
    /*font: normal normal 300 clamp(0.8rem, 2vw, 2rem)/clamp(1rem, 2vw, 2rem) var(--recoleta-bold);*/
    color: var(--deep-cyan-a5);
    cursor: pointer;
    font-family: var(--work-sans);
    font-weight: 600;
    transition: 0.4s;
}
.tabs3 .active3 span, .tabs3 .active3 span::after {
    color: var(--deep-cyan);
    font-size: var(--font-size-24-24);
    font-family: var(--work-sans);
    transition: 0.4s;
    text-decoration: underline;
}
.tabs3 .tab-button3 {
    color: var(--deep-cyan);
    /*padding: 0 1rem 0 1rem;*/
}
.tab-button3 p {
    font: normal normal 300 1rem/1rem var(--work-sans);
    padding-bottom: 1rem;
}
.tabs-section3 .tab-button3 {
    margin: 2rem 0 2rem 0;
}
.tabs-section3 .tab-button3:not(:last-child) {
    margin-right: 2rem;
    transition: 0.4s;
}
.tab-button3:hover span,
.tab-button3:hover span::after {
    color: var(--deep-cyan);
    transition: 0.4s;
}
.tabs3 .active3,
.tabs3 .tab-button3:hover {
    border: initial;
    background: none;
    color: var(--deep-cyan);
    transition: 0.4s;
}
.tab-content3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*padding: 3rem 0 3rem 0;*/
}
.tab-content3 p {
    /*padding: 2rem 0 0 0;*/
}
.tab-content-l3 {
    padding-top: 3rem;
}
.tab-content-r3 {
    padding: 3rem;
}
.tab-content3 h5,
.tab-content3 h6 {
    font: normal normal bolder 1.6rem/1.8rem var(--work-sans);
    margin-bottom: 2rem;
    margin-bottom: 2.3rem;
}
.tab-content3 .text {
    font: normal normal 300 1.3rem/2rem var(--work-sans);
}
.tab-content3 .tab-title {
    padding-top: 2rem;
    font: normal normal 300 var(--font-size-32)/var(--font-size-20-40) var(--recoleta-bold) !important;
}
.tab-content3 ul {
    font: normal normal bold 1.2rem/2.5rem var(--work-sans);
}
.pages-list3 {
    margin: 0.3rem 0 3rem 0;
}
.row, .col-12 {
    position: relative;
    max-width: 120%;
    justify-content: center;
}
.com2--bg2:nth-child(odd) {color: var(--white); background-color: var(--deep-cyan);border-radius: 1rem;}
.com2--bg2:nth-child(even) {color: var(--deep-cyan);background-color: var(--pale-orange);border-radius: 1rem;}
.com2 .row * {padding: 0;}
.com2 .rounded {border-radius: 1rem !important;}
.com15 input,
.com15 select,
.com15 textarea,
.com9 input,
.com9 select,
.com9 textarea {
    border: 0.11rem solid var(--dull-green) !important;
    border-radius: 0.5rem;
    height: 52px;
    font: normal normal 400 16px/16px var(--work-sans);
    padding: 0 2rem;
}
.w-90 {width: 90% !important;}
.com15 textarea,
.com9 textarea {padding: 2rem; min-height: 13rem}
.com12 .text {margin: 2rem 0 0 0;}
.com22-box {
    position: relative;
    width: 120%;
    background: url("../img/home/bg-motto.jpg"), var(--dull-green);
    padding: 20px;
    border-radius: 1rem;
    min-height: 458px;
    left: -10%;
}
.com22-box * {
    color: var(--soft-green);
}
.com22 .title * {
    font-size: var(--font-size-24-24);
}
.com22 .text *, .text * {
    font: normal normal 300 var(--font-size-20_8)/var(--font-size-24-32) var(--work-sans)
}
.com22 .text * strong, .text * strong {
    font: normal normal 700 var(--font-size-20_8)/var(--font-size-16-32) var(--work-sans)
}
.com22 .tab-content3 ul {font: normal normal 400 var(--font-size-20_8)rem/var(--font-size-28_8) var(--work-sans);}
.com25-active {
    display: block;
}
.com25-block {
    display: none;
}
.com25-circle {padding: 1.1rem; border-radius: 5rem;}
.com26 { font: normal normal 300 var(--font-size-20_8)/var(--font-size-20_8) var(--work-sans);}
.com26 h2 { font: normal normal 700 var(--font-size-24-74)/var(--font-size-36-90) var(--recoleta-bold);}
.com26 h3 { font: normal normal 300 var(--font-size-16-32)/var(--font-size-20-40) var(--recoleta-bold);}
.com26 a { color: var(--dull-green); }
.com26 a:hover {
    position: relative;
    text-decoration: none;
    color: var(--deep-cyan);
}
.com26 a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 0.01rem;
    background-color: var(--deep-cyan);
}
.com27 .card--border, .com28 .card--border { border-radius: 1rem; border: 1px solid var(--deep-cyan);}
.com28 input, .com28 textarea {
    border:1px solid var(--deep-cyan);
    color:var(--deep-cyan);
    border-radius: 0.3rem;
    padding:0.5rem;
    font: normal normal 300 var(--font-size-20-20)/var(--font-size-20-20) var(--work-sans);
}
.com27 select {
    border: 1px solid var(--deep-cyan);
    color: var(--deep-cyan);
    border-radius: 0.3rem;
    padding: 0.5rem;
    font: normal normal 300 var(--font-size-20-20)/var(--font-size-20-20) var(--work-sans);
    background-color: white; /* Můžeš změnit dle potřeby */
    appearance: none; /* Odstraní defaultní styl šipky pro více konzistentní vzhled */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
 /*label {font: normal normal 700 var(--font-size-20_8)/var(--font-size-20_8/) var(--work-sans);}*/
.com28 .form-check-input {
    border:1px solid var(--deep-cyan);
    color:var(--deep-cyan);
    border-radius: 0.3rem;
    padding:0.5rem;
    font: normal normal 300 var(--font-size-20-20)/var(--font-size-20-20) var(--work-sans);
}
.com28 .form-check-input:checked {
    border:1px solid var(--dull-green);
    background-color: var(--dull-green);
    color:var(--white) !important;
    border-radius: 0.3rem;
    padding:0.5rem;
    font: normal normal 300 var(--font-size-20-20)/var(--font-size-20-20) var(--work-sans);
}
.com30 a, .com30 a * { color: var(--dull-green); }
.com30 a:hover, .com30 a:hover * { color: var(--deep-cyan); }
.com29 a, .com29 a * { color: var(--white); }
.com29 a:hover, .com29 a:hover * { color: var(--dull-green); }
.hero-description-career {
    width: 90%;
    text-transform: uppercase;
    font-weight: 600;
    text-wrap: nowrap;
    display: flex;
    flex-wrap: wrap;
}

.com33-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.com33 .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.com33 .ambassador-card a {width:100%;}
.com33 .box:hover .com-button--green2 { color: var(--deep-cyan) !important; background: var(--white); text-decoration: none !important;}
.com33 .bg-primary {
    background-color: var(--light-yellow-green) !important;
}
.com33 .hidden-important {display: none !important;}
/*COM35*/
.com35 .hero .row {
    padding: 10rem 0 5rem 0;
}
.com35 img {border-radius: 1rem; min-height: 520px;}
.com2-image {border-radius: 1rem; min-height: 570px;}
.card-image {border-radius: 1rem; width:100%;height:100%;background-size: cover;background-position: center;}
.card-image-phone {border-radius: 1rem; width:70%;margin-top: 2rem;}
.com35 .go-back-hero i {margin-right: 6px;}
.com35 .go-back-hero a {
    color: var(--dull-green);
}
.com35 .go-back-hero a:hover {
    color: var(--white);
}
.card-h {min-height: 540px;}
/*COM36*/
.com36 .card {
    max-width: 514px;
    width:100%;
    border-radius: 1rem;
    border: 1px solid var(--deep-cyan);
}
.com36 .card img { border-radius: 0.95rem; }
.com36 .card-body { padding: 0 1rem;}
.com36 .card-title {margin-bottom: 0; }
.com36 .bg-primary {
    background-color: var(--white) !important;
}

/* COM38 blog */
.com39 .card {border:0;font: normal normal 300 var(--font-size-20_8)/var(--font-size-20_8) var(--work-sans);}
.com39 img{border-radius: 1rem;}
.com39 .card { display: flex; flex-direction: column; justify-content: space-between;}
.com39 .card-body { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;padding:1rem 0; }
.com39 .card-body .com-text-1 {flex-grow: 1; padding-bottom: 0.6rem;}
.com39 .card-body .cmt-2 {margin-top: auto;}


.hero-description-career div:not(:last-child) {
    border-right: 1px solid var(--white);
    padding-right: 25px;
}

.fixed-h {min-height: 680px;}
.toggle-button i { color: var(--deep-cyan); }
.toggle-button:hover i { color: var(--deep-cyan);}
/* =================================================== */
/* SMARTPHONE MENU */
.submenu-list {
    position: absolute;
    top: 0;
}
#smartphone-menu {position: absolute; right: 0;top: 7.05rem;z-index: -1;}
.menu-show {animation: slide-in 0.5s forwards;}
.menu-hide {animation: slide-out 0.5s forwards;}
.menu-hide-off {animation: slide-off 0.5s forwards;}
.menu-show-off {animation: slide-revert-off 0.5s forwards;}
.menu-none {display: none;}
#smartphone-menu ul { display: grid; grid-template-columns: 1fr;width: 100vw; color: var(--deep-cyan); background: var(--pale-orange);margin: 0; padding: 0;}
.smartphone-submenu {
    overflow-y: scroll;
    max-height: calc(100vh - 103px);
    overflow-x: clip;
}
#smartphone-menu ul > li:not(:last-child) {
    border-bottom: 0.1rem solid var(--dull-green);
}
#smartphone-menu ul > li {
    color: var(--dull-green);
    margin: 0 3rem 0 3rem;
    /*padding: 0 0.25rem 0 0.25rem;*/
}
#smartphone-menu ul > li i {
    padding-left: 2rem;
}
#smartphone-menu .submenu-list ul li i {
    padding: 0 2rem 0 0;
}
#smartphone-menu ul > li > a {
    color: var(--dull-green);
}
#smartphone-menu ul > li > a:hover {
    color: var(--dull-green);
}
.box-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
}
.submenu-link-list {
    max-width: 15.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
}
/* =================================================== */
/* PETS */
.pets {
    padding: clamp(2rem, 5vw, 12rem) 0 clamp(2rem, 5vw, 12rem) 0;
}
.pets .square-4 {
    max-width: 344px;
    transition: 0.5s;
    border-radius: 1.3rem;
}
.pets .square-4 p {
    text-wrap: nowrap;
}
.pets .square-4 div {
    padding: 4rem 1rem 2rem 1rem;
}
.pets .square-4 .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px;
    transition: 0.5s;
    /*width: 180px;*/
    padding-bottom: 4rem;
}
.pets .square-4:hover .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px;
    transition: 0.5s;
    transform: scale(110%);
}
.pets .square-4:hover {
    transition: 0.5s;
    background-color: var(--white);
    transform: scale(110%);
}
.pets .square-4:hover .com-text-1--white p {
    color: var(--dull-green);
}
.pets p {
    font: normal normal 300 1.2rem/1.5rem var(--work-sans);
}
/* =================================================== */
/* BOXES */
.com-box-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-around;*/
    justify-content: flex-start;
}
.com-box-list > .com-box:not(:nth-child(3n)) {
    margin: 1.5rem 1.5rem 0 0;
}
.com-button2 {
    /*position: absolute;*/
    bottom: 0.75rem;
}
.com-box-list > .com-box:is(:nth-child(3n + 1)) { background: var(--dull-green); }
.com-box-list > .com-box:is(:nth-child(3n + 2)) { background: var(--deep-cyan); }
.com-box-list > .com-box:is(:nth-child(3n + 3)) { background: var(--light-yellow-green); }
.com-box-list > .com-box:is(:nth-child(3n + 1)) .com-button2 { background: var(--deep-cyan); }
.com-box-list > .com-box:is(:nth-child(3n + 2)) .com-button2 { background: var(--dull-green); }
.com-box-list > .com-box:is(:nth-child(3n + 3)) .com-button2 { background: var(--deep-cyan); }
.com-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 0.7rem;
    color: var(--white);
    /*flex: 31.1%;*/
    /*max-width: 32.1%;*/
    margin: 1.5rem 0 0 0;
    flex: 30%;
    max-width: 33%;
    justify-content: space-between;
}
.com-box--large {
    border-radius: 0.7rem;
    color: var(--white);
    flex: 31.1%;
    max-width: 32.1%;
    margin: 1.5rem 0 0 0;
    justify-content: space-between;
}
.com-box--large img {
    /*max-width: 70%;*/
    width: 166px;
    height: 158px;
    transition: 0.4s;
}
.com-box-l {
    color: var(--white);
    /*min-height: clamp(13rem, 17vw, 17rem);*/
    padding: clamp(3.5rem, 1.5vw, 4.5rem) 0 clamp(1rem, 1vw, 1.5rem) clamp(2rem, 1.5vw, 4rem);
}
.com-box-l--large {
    color: var(--white);
    min-height: clamp(13rem, 17vw, 17rem);
    padding: clamp(2rem, 1.5vw, 4rem);
}
.com-box-l .com-box-text {
    padding-top: 2rem;
}
.com-box-l h6 {
    font: normal normal 700 2rem/2rem var(--work-sans);
    padding-bottom: 3rem;
    transition: 0.4s;
}
.com-box-l p {
    font: normal normal 300 0.9rem/1.5rem var(--work-sans);
    transition: 0.4s;
}
.com-box-r {position: relative;height: 100%;align-content: end;}
.com-box-r--large {}
.com-box .com-box-r {
    text-align: right;
}
.com-box-r img {
    position: relative;
    bottom: 0;
    right: 0;
    width: clamp(130px, 2vw, 310px);
    /*height: 158px;*/
    transition: 0.4s;
}
.com-box h6 {
    font: normal normal 300 2rem/2rem var(--work-sans);
    color: var(--white);
}
.com-box--green-1 {
    background: var(--dull-green);
}
.com-box--green-2 {
    background: var(--light-yellow-green);
}
.com-box--green-3 {
    background: var(--deep-cyan);
}
.com-box {
    width: 380px;
    transition: 0.4s;
}
.com-box-list {
    margin: 1rem 0 1rem 0;
}
.com-box:hover .com-box-l h6 {
    /*letter-spacing: 0.03rem;*/
}
.com-box:hover .com-box-l p {
    font: normal normal 400 0.9rem/var(--font-size-24-24) var(--work-sans);
    transition: 0.4s;
}
.com-box:hover {
    transform: scale(1.07, 1.07);
    /*transform-origin: top left;*/
    transition: 0.4s;
}
.com-box:hover .com-button--green4 {background: var(--white) !important; color: var(--deep-cyan) !important;}
.com-box:hover .com-box-r img {
    transform: scale(1.11, 1.11);
    transform-origin: bottom right;
    transition: 0.4s;
}
/*BOX2*/
.com-box2 {
    border-radius: 1rem;
    max-width: 344px;
    min-height: 360px;
    max-height: 382px;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.com-box2-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%; /* Zachová 50% šířku */
    text-align: center;
}
.com-box2--dull-green {
    color: var(--white);
    background: var(--dull-green);
    transition: 0.5s;
}
.com-box2:hover {
    transform: scale(1.10, 1.10);
    transition: 0.5s !important;
    color: var(--deep-cyan);
    background-color: var(--white);
}
.com-box2:hover .com-text-1--white * {
    transition: 0.5s;
    color: var(--deep-cyan) !important;
}
.com-box2 h3 {
    font-size: 32px;
    line-height: 35px;
}
/*COM13*/
.com13-boxes-title * {
    max-width: 641px;
    font: normal normal 600 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans);
}
.com13-title {
    font-size: var(--font-size-16-32);
    line-height: var(--font-size-20-20);
    font-family: var(--work-sans);
    font-weight: 600;
}
.com13-text {
    font-size: var(--font-size-16-16);
    font-weight: var(--font-size-20-20);
    font-family: var(--work-sans);
}
.com13-button-text {
    font-size: var(--font-size-12-12);
}
.com13 .com-box-list > .com-box:not(:nth-child(3n)) {
    margin: 1.5rem 1.5rem 0 0;
}
/* =================================================== */
/* FOOTER */
footer {
    color: var(--deep-cyan);
}
footer .container {
    padding-left: 0;
    padding-right: 0;
}
footer li {
    list-style: none;
}
footer .button {
    max-width: 210px;
    max-height: 49px;
    padding: 0.8rem 2rem 0.8rem 2rem;
    color: var(--white);
    background: var(--dull-green);
    border-radius: 0.5rem;
}
footer .set-line {
    border-top: 0.1rem solid var(--deep-cyan);
}
footer img {
    display: none;
}
footer .has-bg3:before {
    top: 0;
    left: 0;
    bottom: 0px;
    content: "";
    width: 100%;
    position: absolute;
    z-index: -1;
    background-image: url("../img/swoosh_586x416.png");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: right;
}
.footer-gdpr a {
    font: normal normal 300 var(--font-size-16-16)/var(--font-size-18-18) var(--work-sans);
    color: var(--deep-cyan);
    text-wrap: nowrap;
}

.footer-gdpr > div:not(:last-child) {
    border-right: 1px solid var(--deep-cyan);
    padding-right: 0.5rem;
}

.footer-gdpr a:hover {
    position: relative;
    text-decoration: none;
    color: var(--deep-cyan);
}
.footer-gdpr {display: flex; flex-wrap: wrap; align-items: center;gap: 0.5rem;}
.footer-gdpr a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 0.01rem;
    background-color: var(--deep-cyan);
}

.com-footer-title-2 {
    padding: clamp(0.75rem, 0.8773rem + 0.5455vi, 1.2rem) 0 clamp(0.75rem, 0.8773rem + 0.5455vi, 1.2rem) 0;
}
.navigation-wrapper {
    width: 60dvw;
}
.footer-navigation {
    display: grid;
    grid-template-columns: 1fr;
}
.footer-navigation > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*grid-template-columns: repeat(auto-fill, minmax(10vw, 1fr));*/
    /*font: normal normal 300 1rem/1.8rem var(--work-sans);*/
    /*padding: clamp(2rem, 5vw, 5rem) 0 clamp(2rem, 5vw, 5rem) 0;*/
    padding: 0;
    text-transform: uppercase;
}
.footer-navigation > ul ul {
    padding: 0;
    margin: 0;
}
.footer-navigation > ul > li:is(:first-child) {
    /*font: normal normal bold 1.3rem/1.3rem var(--work-sans);*/
    color: var(--dull-green);
    padding-bottom: 1.3rem;
}
.footer-navigation > ul:not(:last-child) {
    /*padding-right: 3rem;*/
}
footer .copy {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    grid-gap: clamp(0.75rem, 3vw, 4rem);
    padding-top: 1.5rem;
    text-transform: uppercase;
    font-size: var(--font-size-16-16);
}
footer .copy img {
    display: block;
    width: 180px;
}
footer ul li > a { color: var(--deep-cyan);}
footer ul li > a:hover .com-global-nav__effect {
    color: var(--deep-cyan);
    display: inline-block;
}
/* =================================================== */
/* WIDE-
COM-BOX */
.com-box-wic3-white {
    position: relative;
    background: var(--white);
    color: var(--deep-cyan);
    border-radius: 1rem;
    width: 600px;
    min-height: 100px;
    padding: 2rem;
    margin: 3rem 1rem 3rem 2rem;
    transition: 0.5s;
}
.com-box-wic3-left {width: 40%;}
.com-box-wic3-right {width: 60%;}
.com-box-wic3-white .flex-left { flex: 60%; }
.com-box-wic3-white .flex-right { flex: 40%; }
.com-box-wic3-white .mouse-on img { transition: 1s; }
.com-box-wic3-white .mouse-on:hover img { transform: rotate(5deg); transition: 0.7s; }
.com-box-wic3-white img {
    position: absolute;
    width: 220px;
    top: -4rem;
    z-index: 20;
}
.com-box-wic3-white .button { transition: 0.3s; }
.com-box-wic3-white .button:hover { background: var(--dull-green); transition: 0.3s; }
.com-box-wic3-white:hover { transition: 0.7s; transform: scale(1.05); }
.com-box-wic3 {
    position: relative;
    /*color: var(--white);*/
    background: var(--dull-green);
    padding: 7.5rem 9.5rem 5.5rem 9.5rem;
    border: 0.0625rem solid var(--dull-green);
    border-radius: 1.25rem;
    transition: 0.5s;
}
.com-box-wic3:hover {transition: 0.5s; transform: scale(102%); }
.com-box-wic3 .box-images { position: relative; }
.com-box-wic3 .img-left {
    position: absolute;
    max-height: 350px;
    width: 320px;
    top: -9rem;
    left: 135%;
    transition: 1s;
    z-index: 1;
}
.com-box-wic3 .img-center {
    position: absolute;
    max-height: 350px;
    width: 320px;
    top: -5rem;
    left: 173%;
    z-index: 3;
    transition: 1s;
}
.com-box-wic3 .img-right {
    position: absolute;
    max-height: 350px;
    width: 320px;
    top: -10.5rem;
    left: 205%;
    z-index: 2;
    transition: 1s;
}
.com-box-wic3 .img-left > img {width: 100%;}
.com-box-wic3 .img-center > img {width: 100%;}
.com-box-wic3 .img-right > img {width: 100%;}
.com-box-wic3 .box-images .box-button {
    position: absolute;
    text-wrap: nowrap !important;
    top: 16rem;
    left: 190%;
    z-index: 999;
}
.com-box-wic3 .box-text h4 { text-transform: uppercase; }
.com-box-wic3-1 { background: var(--dull-green); }
.com-box-wic3-2 { background: var(--deep-cyan); }
.com-box-wic3 .button-images {display: block;}
.com-box-wic3 .button-text { display: none;}
/* =================================================== */
.com-content-mixed-title {
    padding-bottom: 3.7rem;
    margin-bottom: 3.7rem;
}
.com-1-box-1--green-1 { transition: 0.7s; }
.com-1-box-1--green-1:hover { transition: 0.7s; transform: scale(1.05); }
.image-crop {
    transition: 0.7s;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
    right: -1rem;
    bottom: -1rem;
    overflow: hidden;
    border-radius: 60% 45% 0 18%  / 60% 18% 0 40%;
}
.image-crop img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}
.image-wrap {
    transition: 0.7s;
    width: 400px;
    height: 400px;
    overflow: hidden;
    border-radius: 0 0 1rem 0;
    position: absolute;
    bottom: 0;
}
.com-1-box-1--green-1:hover .image-wrap { transition: 0.7s; width: 420px; height: 420px; }


.rectangle-1-white .flex-right img { right: clamp(2%, 20vw, 7%);}
/* =================================================== */
.footer-button { display: flex; width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); }
.footer-right { text-align: right;}
/* Media queries pro velké monitory */
@media ( 2560px <= width ) {
    .container { max-width: 1126px;}
    .prouzek1 {display: block;background: greenyellow;}
    .sec-join-us .has-bg2:after {
        background-image: var(--join-us-wide);
        background-size: 25%;
    }
    /*.hero .ellipse { top: 677px;left: 0; top:52%;}*/
    .hero .ellipse { top: 677px; width: 90%;left: -12%; top: 450px;}
    #smartphone-menu {display: none;}
    .cat-section-has-text { width: 25vw; }
    .set-line > div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
/* Media queries pro široké rozlišení (např. notebooky) */
@media ( 1600px <= width < 2560px ) {
    .container { max-width: 1126px;}
    .prouzek2 {display: block;background: yellow;}
    .hero .ellipse { top: 677px; width: 90%;left: -12%; top: 430px;}
    .sec-join-us .container .py-5 {
        padding: 2rem !important;
    }
    .sec-join-us .has-bg2:before {
        background-image: url("../img/home/join-ppf.png");
    }
    .set-line > div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #smartphone-menu {display: none;}
    .com-content-1__background:before { background-size: calc(25% + 15vw); content: ""; }
    .cat-section-has-text { width: 30vw; }
}
/* Media queries pro standardní monitory */
@media ( 1400px <= width < 1600px ) {
    .container { max-width: 1126px;}
    .prouzek3 {display: block;background: turquoise;}
    /*.hero .row {padding: 24rem 0 6rem 0;}*/
    .hero .ellipse { top: 677px; width: 90%;left: -12%; top: 430px;}
    .sec-join-us .has-bg2:after {
        background-image: var(--join-us-wide);
    }
    .com-content-1__text-wrapper {
        margin-left: 430px;
    }
    .com-content-1__background:before {
        width: calc(300% - 300px);
        left: -250%;
        z-index: -1;
    }
    /*footer .has-bg3:before { background-size: 20%; }*/
    .footer-button { display: flex; width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); }
    .footer-right { text-align: right;}
    #smartphone-menu {display: none;}
    .cat-section-has-text { width: 50vw; }
}
/* 1200=75 | 1399=87.438 */
@media ( 1200px <= width < 1400px ) {
    header nav ul > li > a { padding: 44px 10px; }
    .container { max-width: 1126px;}
    .prouzek3 {display: block;background: turquoise;}
    /*.hero .row {padding: 24rem 0 6rem 0;}*/
    /*.hero .ellipse { top: 524px; width: 90%; left: 26%;  top:52%;}*/
    .hero .ellipse { top: 677px; width: 90%;left: -22%; top: 430px;}
    .sec-join-us .has-bg2:after {
        background-image: var(--join-us-wide);
    }
    .com-content-1__text-wrapper {
        margin-left: 350px;
    }
    .com-content-1__background:before {
        width: calc(300% - 300px);
        left: -250%;
        z-index: -1;
    }
    .com-box-list .com-box {
        flex: 30%;
        max-width: 33%;
        margin: 1.5rem 0 0 0;
        justify-content: space-between;
    }
    /*footer .has-bg3:before { background-size: 20%; }*/
    /*.footer-button { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(50%, 2fr)); }*/
    /*.footer-right {text-align: right;}*/
    .rectangle-1-white {
        width: 45%;
    }
    .sec-boxes .box .rectangle-1 { }
    .next-img,
    .next-img2 { position: absolute; }
    .next-img .img-left {
        position: absolute;
        width: 13rem;
        top: -34.4rem;
        left: 26.8rem;
        transition: 1s;
    }
    .img-center {
        position: relative;
        width: 20rem;
        top: -4rem;
        left: -0.3rem;
        z-index: 10;
        transition: 1s;
    }
    .next-img .img-right {
        position: absolute;
        width: 20rem;
        top: -35.3rem;
        left: 42rem;
        transition: 1s;
    }
    .next-img2 .img-left {
        width: 14rem;
        position: absolute;
        top: -33.4rem;
        left: 29.3rem;
        transition: 1s;
    }
    .box2 .img-center {
        width: 20rem;
        position: relative;
        top: -2rem;
        left: 2.5rem;
        z-index: 10;
    }
    .next-img2 .img-right {
        width: 17rem;
        position: absolute;
        top: -33rem;
        left: 44.7rem;
        transition: 1s;
    }
    .pets h3,
    .your-product h3 {
        /*font-size: clamp(2.3rem, 5vw, 6rem);*/
        /*line-height: clamp(2.3rem, 5vw, 6rem);*/
    }
    #smartphone-menu {display: none;}
    .com-content-1__background:before { background-size: calc(25% + 15vw); content: ""; }
    .com-content-1 .container {padding: 3rem;}
    .cat-section-has-text { width: 50vw; }
    .footer-navigation > ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(20vw, 1fr));
        justify-content: initial;
        flex-wrap: initial;
    }
}
/* Media queries pro tablety */
@media ( 960px <= width < 1200px ) {
    header nav ul > li > a { padding: 44px 5px; !important; }
    .com13-title {font-size: var(--font-size-16-32);}
    nav { background: var(--white);}
    header nav .logo {display: none;}
    header nav .logo--scrolled {display: block;}
    nav .menu .desktop {display: none;}
    nav .menu .smartphone {display: block;}
    .toggle-input {position: relative; z-index: 9999;}
    .container {max-width: 90%}
    /*.hero .row {padding: 24rem 0 6rem 0;}*/
    /*.hero .ellipse { top: 524px; width: 135%; left: -180px;  top:52%;}*/
    .hero .ellipse { top: 677px; width: 90%;left: -22%; top: 410px;}
    .com-box h6 {
        padding-bottom: 1.5rem;
    }
    .com-box p {
        /*font-size: 1rem;*/
        /*line-height: 1rem;*/
    }
    .com-box .p-5 {
        padding: 1rem !important;
    }
    .com-box-list .com-box {
        flex: 48%;
        max-width: 45%;
        margin: 1.5rem 0 0 0;
        padding: 0;
        justify-content: space-between;
    }
    .com-box-list > .com-box:not(:nth-child(2n)) {
        margin: 1.5rem 1.5rem 0 0;
    }
    .com-box img {
        width: 174px;
        height: 168px;
    }
    .com-content-1__text-wrapper { margin-left: 0px; }
    .com-content-1__background:before { display: none; }
    .com-content-1__wide-img {
        display: block;
        height: 300px;
        /*background: url("../img/home/about-us-wide-1272x755.jpg");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .com-content-1__button a {
        max-height: 49px;
        padding: 0.8rem 2rem 0.8rem 2rem;
        color: var(--white);
        background: var(--deep-cyan);
        border-radius: 0.5rem;
    }
    .rectangle-1-white {width: 65%;}
    .small-screen-2 {
        display: block;
        height: 300px;
        /*background: url("../img/home/join-ppf-wide.jpg");*/
        background-size: cover;
        background-position: top center;
        width: 100%;
    }
    .sec-join-us .has-bg2:after {
        display: none;
    }
    .sec-join-us .has-bg2:after {
        width: calc(300% - 300px);
        left: -150%;
        z-index: -1;
        /*background-image: url("../img/home/join-ppf.png");*/
    }
    .sec-join-us { margin-top: 3rem; }
    .sec-boxes .container {
        justify-content: center !important;
    }
    .rectangle-button a {
    }
    /* com-box-wic3 */
    .com-box-wic3 {
        padding: 5.5rem 8.5rem 4.5rem 6.5rem;
    }
    .com-box-wic3 .img-left {
        max-height: 250px;
        width: clamp(17.25rem, 20vw, 20rem);
        top: -6.5rem;
        right: -5%;
    }
    .com-box-wic3 .img-center {
        max-height: 250px;
        width: clamp(17.25rem, 20vw, 20rem);
        top: -4rem;
        right: 23%;
    }
    .com-box-wic3 .img-right {
        max-height: 250px;
        width: clamp(17.25rem, 20vw, 20rem);
        top: -7.5rem;
        right: 58%;
    }
    .com-box-wic3 .box-text h4,
    .com-box-wic3 .box-text h5 {
        /*font-size: clamp(1.3rem, 3vw, 3rem);*/
        /*line-height: clamp(1.3rem, 3vw, 3rem);*/
    }
    .com-box-wic3 .box-text p {
        /*font-size: clamp(1rem, 1.5vw, 2rem);*/
        /*line-height: clamp(1rem, 1.5vw, 2rem);*/
    }
    .com-box-wic3 .box-images .box-button {
        /*font-size: clamp(0.75rem, 1.5vw, 1.2rem);*/
        /*padding: 0.75rem;*/
    }
    /*PETS*/
    .pets .square-4 img {
        width: 180px;
        padding-bottom: 4rem;
    }
    .pets p {
        /*font: normal normal 300 1.2rem/1.5rem var(--work-sans);*/
    }
    /* JOIN PPF SECTION */
    .sec-join-us .has-bg2 {padding: 1rem 0 1rem 0;}
    .your-product h3 {
        /*font-size: clamp(2rem, 5vw, 6rem);*/
        /*line-height: clamp(2rem, 5vw, 6rem);*/
    }
    .your-product img { width: clamp(100%, 20vw, 50%); }

    .com-col-left * {
        /*font-size: 2rem;line-height: 1.5rem;*/
        padding-bottom: 1rem;}
    .com-box-mic {
        max-height: clamp(300px, 80vw, 500px);
    }
    .cat-section-has-text { width: 50vw; }
    /*tabs*/
    .tab-content {
        display: grid;
        grid-template-columns: 1fr;
        padding: 3rem 0 3rem 0;
    }
    .tab-content-r { padding: 3rem 0 0 0;}
    .tabs-section img {
        border-radius: 1rem;
    }
    .tab-content-r img { width: 90%;}
    .tab-buttons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    }
    .tabs .tab-button {
        align-items: center;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        /*max-width: 140px;*/
        margin: 0.9rem 0 0.9rem 0;
        height: 4rem;
        min-height: initial;
        padding: 0 0 0 0.5rem;
    }
    .tabs .active {
        scale: initial;
        transform: initial;
    }
    .tab-button span {
        /*font-size: 2rem;*/
        /*line-height: 2rem;*/
    }
    .tab-button p {
        padding: 1rem 0 1rem 0.3rem;
        /*font-size: 0.75rem;*/
        /*line-height: 0.75rem;*/
    }
    .tab-button .com-text-1 {font-size: 0.75rem;}
    .navigation-wrapper {
        width: 100vw;
    }
    .footer-navigation > ul {
        display: flex;
        grid-template-columns: initial;
        justify-content: space-between;
        flex-wrap: wrap;
        /*flex-direction: row;*/
        gap: 1rem;
    }
    .footer-navigation > ul > * {
        flex-grow: 1;
        /*flex-basis: 20%;*/
        text-wrap: nowrap;
    }
    .has-bg3:before {
        display: none;
    }
    .footer-button { display: initial; width: 100%; display: initial; grid-template-columns: initial; }
    .footer-right { text-align: initial;}
    footer img { display: block; }
    .footer-swoosh img { position: relative; right: -7%; }
    .tabs-section .tab3-img { max-width:60%;}
    /*tabs3*/
    .tabs-section3 .tab-button3 {margin: 0.7rem 0;}
    .tabs-section3 img {max-width:50%;border-radius: 1rem;}
    .image-wrap {  width: 280px; height: 280px;  }
    .com-1-box-1--green-1:hover .image-wrap { transition: 0.7s; width: 320px; height: 320px; }
    .com2-image, .com35 img {min-height: initial;}

}
@media ( 768px <= width < 960px ) {
    header nav ul > li > a { padding: 44px 5px; }
    /*com2*/
    .com2-image {max-width: 40%;margin: 0.5rem 0;}
    /*com3*/
    .com3-title {line-height: var(--font-size-24-24);}
    .com3-image-sm {border-radius: 1rem;max-width: 80%;margin: 1rem 0 0.5rem 0.5rem;}
    .com-font-20_8_f2 {font-size: var(--font-size-16-16);line-height: var(--font-size-20-20);}
    /*.com-font-32_36_f1_700 * {font-size:var(--font-size-24-24);}*/
    .com13-title {font-size: var(--font-size-16-32);}
    nav { background: var(--white);}
    header nav .logo {display: none;}
    header nav .logo--scrolled {display: block;}
    nav .menu .desktop {display: none;}
    nav .menu .smartphone {display: block;}
    .toggle-input {position: relative; z-index: 9999;}
    .container {max-width: 90%}
    .hero .row {    padding: clamp(20rem, 5vw, 30rem) 0 clamp(5rem, 5vw, 10rem) 0;}
    /*.hero .ellipse { top: 524px; width: 135%; left: -180px; top:52%; }*/
    /*.hero .ellipse { top: 677px; width:90%;left: -12%;  top:430px;}*/
    .hero .ellipse { top: 677px; width: 90%;left: -22%; top: 400px;}
    .com-box h6 {
        padding-bottom: 1.5rem;
    }
    .com-box p {
        /*font-size: 1rem;*/
        /*line-height: 1rem;*/
    }
    .com-box .p-5 {
        padding: 1rem !important;
    }
    .com-box-list .com-box {
        flex: 48%;
        max-width: 45%;
        margin: 1.5rem 0 0 0;
        padding: 0;
        justify-content: space-between;
    }
    .com-box-list > .com-box:not(:nth-child(2n)) {
        margin: 1.5rem 1.5rem 0 0;
    }
    .com-box img {
        width: 174px;
        height: 168px;
    }
    .com-content-1__text-wrapper { margin-left: 0px; }
    .com-content-1__background:before { display: none; }
    .com-content-1__wide-img {
        display: block;
        height: 300px;
        /*background: url("../img/home/about-us-wide-1272x755.jpg");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .com-content-1__button a {
        max-height: 49px;
        padding: 0.8rem 2rem 0.8rem 2rem;
        color: var(--white);
        background: var(--deep-cyan);
        border-radius: 0.5rem;
    }
    .rectangle-1-white {width: 85%;}
    .small-screen-2 {
        display: block;
        height: 300px;
        /*background: url("../img/home/join-ppf-wide.jpg");*/
        background-size: cover;
        background-position: top center;
        width: 100%;
    }
    .sec-join-us .has-bg2:after {
        display: none;
    }
    .sec-join-us .has-bg2:after {
        width: calc(300% - 300px);
        left: -150%;
        z-index: -1;
        /*background-image: url("../img/home/join-ppf.png");*/
    }
    .sec-join-us { margin-top: 3rem; }
    .sec-boxes .container {
        justify-content: center !important;
    }
    .rectangle-button a {
    }
    /* com-box-wic3 */
    .com-box-wic3 {
        padding: 5.5rem 8.5rem 4.5rem 6.5rem;
    }
    .com-box-wic3 .img-left {
        max-height: 250px;
        width: clamp(16.25rem, 20vw, 20rem);
        top: -6.5rem;
        right: -5%;
    }
    .com-box-wic3 .img-center {
        max-height: 250px;
        width: clamp(16.25rem, 20vw, 20rem);
        top: -5rem;
        right: 23%;
    }
    .com-box-wic3 .img-right {
        max-height: 250px;
        width: clamp(16.25rem, 20vw, 20rem);
        top: -7.5rem;
        right: 58%;
    }
    .com-box-wic3 .box-text h4,
    .com-box-wic3 .box-text h5 {
        /*font-size: clamp(1.3rem, 3vw, 3rem);*/
        /*line-height: clamp(1.3rem, 3vw, 3rem);*/
    }
    .com-box-wic3 .box-text p {
        /*font-size: clamp(1rem, 1.5vw, 2rem);*/
        /*line-height: clamp(1rem, 1.5vw, 2rem);*/
    }
    .com-box-wic3 .box-images .box-button {
        /*font-size: clamp(0.75rem, 1.5vw, 1.2rem);*/
        /*padding: 0.75rem;*/
    }
    /*PETS*/
    .pets .square-4 img {
        width: 180px;
        padding-bottom: 4rem;
    }
    .pets p {
        /*font: normal normal 300 1.2rem/1.5rem var(--work-sans);*/
    }
    /* JOIN PPF SECTION */
    .sec-join-us .has-bg2 {padding: 1rem 0 1rem 0;}
    .your-product h3 {
        /*font-size: clamp(2rem, 5vw, 6rem);*/
        /*line-height: clamp(2rem, 5vw, 6rem);*/
    }
    .your-product img { width: clamp(100%, 20vw, 50%); }

    .com-col-left * {
        padding-bottom: 1rem;}
    .com-box-mic {
        max-height: clamp(300px, 80vw, 500px);
    }
    .cat-section-has-text { width: 50vw; }
    /*tabs*/
    .tab-content {
        display: grid;
        grid-template-columns: 1fr;
        padding: 3rem 0 3rem 0;
    }
    .tab-content-r { padding: 3rem 0 0 0;}
    .tabs-section img {
        border-radius: 1rem;
    }
    .tab-content-r img { width: 90%;}
    .tab-buttons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    }
    .tabs .tab-button {
        align-items: center;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        /*max-width: 140px;*/
        margin: 0.9rem 0 0.9rem 0;
        height: 4rem;
        min-height: initial;
        padding: 0 0 0 0.5rem;
    }
    .tabs .active {
        scale: initial;
        transform: initial;
    }
    .tab-button span {
        /*font-size: 2rem;*/
        /*line-height: 2rem;*/
    }
    .tab-button p {
        padding: 1rem 0 1rem 0.3rem;
        /*font-size: 0.75rem;*/
        /*line-height: 0.75rem;*/
    }
    .tab-button .com-text-1 {font-size: 0.75rem;}
    .navigation-wrapper {
        width: 100vw;
    }
    .footer-navigation > ul {
        display: flex;
        grid-template-columns: initial;
        justify-content: space-between;
        flex-wrap: wrap;
        /*flex-direction: row;*/
        gap: 1rem;
    }
    .footer-navigation > ul > * {
        flex-grow: 1;
        /*flex-basis: 20%;*/
        text-wrap: nowrap;
    }
    .has-bg3:before {
        display: none;
    }
    .footer-button { display: initial; width: 100%; display: initial; grid-template-columns: initial; }
    .footer-right { text-align: initial;}
    footer img { display: block; }
    .footer-swoosh img { position: relative; right: -7%; }
    .tabs-section .tab3-img { padding: 0 0 2rem 2rem; max-width:60%;}
    /*tabs3*/
    .tabs-section3 .tab-button3 {margin: 0.7rem 0;}
    .tabs-section3 img {max-width:50%;border-radius: 1rem;}
    .com22 .text * {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    .com-title-32_40 *, .com4-statistics-title  {font: normal normal 700 var(--font-size-32)/var(--font-size-36) var(--recoleta-bold);}
    .tab-content3 ul {font: normal normal 300 var(--font-size-16-16) / var(--font-size-24-24) var(--work-sans);}

    /*com17*/
    .com17 .text {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans)}
    .image-wrap {  width: 230px; height: 230px; }
    .com-1-box-1--green-1:hover .image-wrap { transition: 0.7s; width: 270px; height: 270px; }
    .com2-image, .com35 img {min-height: initial;}
}
/* Media queries pro telefony */
@media ( 525px <= width < 768px ) {
    /*com2*/
    .com2-image {max-width: 40%;margin: 0.5rem 0;}
    /*com3*/
    .com3-title {line-height: var(--font-size-24-24);}
    .com3-image-sm {border-radius: 1rem;max-width: 80%;margin: 1rem 0 0.5rem 0.5rem;}
    .com-font-20_8_f2 {font-size: var(--font-size-16-16);line-height: var(--font-size-20-20);}
    .com-font-32_36_f1_700 * {font-size: var(--font-size-24-24);}
    .com13-title {font-size: var(--font-size-16-32);}
    nav { background: var(--white);}
    header nav .logo {display: none;}
    header nav .logo--scrolled {display: block;}
    nav .menu .desktop {display: none;}
    nav .menu .smartphone {display: block;}
    .container {max-width: 90%}
    /*hero*/
    .hero-description {width: 85%;}
    .hero {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        background-position: 80% 0%;
        background-size: 290%;
    }
    .hero .ellipse { top: 410px; width: calc(195% + 15vw);left: -220px; top: 52%;}
    .hero .row {padding: 16rem 0 3rem 0;}
    .hero .ellipse { top: 677px; width: 100%;left: -12%; top: 290px;}


    .com-box-list .com-box {
        flex: 100%;
        max-width: 100%;
        margin: 1.5rem 0 0 0;
        justify-content: space-between;
    }
    .com-box-list > .com-box {
        margin: 1.5rem 1.5rem 0 0;
    }
    .small-screen-2 {
        display: block;
        height: 300px;
        /*background: url("../img/home/join-ppf-wide.jpg");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .sec-join-us .has-bg2:after {
        display: none;
    }
    .sec-join-us { margin-top: 3rem; }
    .com-content-1 .container {padding: 0.75rem;}
    .com-content-1__wide-img {
        display: block;
        height: 300px;
        /*background: url("../img/home/about-us-825x755.png");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .com-content-1__background:before {
        display: none;
    }
    .com-content-1__text-wrapper { margin: 0 0 2rem 0; }
    .com-content-1__img { width: 100px;}
    .com-content-1__button a { font-size: 0.75rem; }
    .com-content-1__text > p { font-size: clamp(0.8rem, 2.5vw, 1.3rem); line-height: clamp(1.5rem, 2.5vw, 3rem); }
    .rectangle-button {
        padding-top: 2rem;
    }
    .sec-boxes .rectangle-1-white { width: 100%; margin: 2rem 0 2rem; }
    .rectangle-1-white .flex-right img { width: 170px; top: -3.2rem;}
    .rectangle-button-1 { display: block; }
    .rectangle-button-2 { display: none; margin: 8.5rem 0 0 2.45rem;padding: 0;}
    /* com-box-wic3 */
    .com-box-wic3 {
        padding: 4.5rem 4.5rem clamp(2rem, 3vw, 5.5rem) 3.5rem;
    }
    .com-box-wic3-white .flex-left {
        flex: 100%;
    }
    .com-box-wic3-white .flex-right {
        flex: 100%;
    }
    .com-box-wic3 .img-left {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -6rem;
        left: clamp(5%, 30vw, -130%);
    }
    .com-box-wic3 .img-center {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -3rem;
        left: clamp(66%, 30vw, -80%);
    }
    .com-box-wic3 .img-right {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -7rem;
        left: clamp(130%, 30vw, -5%);
    }
    .com-box-wic3 .box-text {
        width: 100%;
        padding-bottom: 3rem;
    }
    .com-box-wic3 .box-text h4 {
        padding-top: clamp(12.5rem, 33vw, 15rem);
    }
    .com-box-wic3 .button-images { display: none; }
    .com-box-wic3 .button-text { display: block; margin-top: 3rem;}
    .com-box-wic3 .box-text h4,
    .com-box-wic3 .box-text h5 {
        /*font-size: clamp(1.7rem, 3vw, 3rem);*/
        /*line-height: clamp(1.7rem, 3vw, 3rem);*/
    }
    .com-box-wic3 .box-text p {
        /*font-size: clamp(1rem, 1.5vw, 2rem);*/
        /*line-height: clamp(1rem, 1.5vw, 2rem);*/
    }
    .com-box-wic3 .box-images {
        position: relative;
    }
    .com-box-wic3 .box-images .box-button {
        position: absolute;
        min-width: 190px;max-width: 200px;
        top: 50%;
        left: 20%;
    }
    /*PETS*/
    .pets .container {
        display: flex;
        flex-wrap: wrap;
    }
    .pets .square-4 img {
        max-width: 180px;
        padding-bottom: 2rem;
    }
    .pets .square-4 {
        margin-top: 1.2rem;
    }
    .sec-join-us .has-bg2 {padding: 1rem 0 1rem 0;}
    .sec-join-us { margin-top: 3rem; }
    .your-product h3 {
        /*font-size: clamp(3rem, 3vw, 5rem);*/
        /*line-height: clamp(3rem, 3vw, 5rem);*/
    }
    .your-product img {
        width: clamp(100%, 20vw, 50%);
    }
    .your-product .container {
        display: flex;
        flex-wrap: wrap;
    }
    .your-product .your-product-text {
        padding: 4.5rem 0 0 0;
    }
    /*.hero-section-text * { font-size: clamp(2rem, 3vw, 3rem); }*/

    /*.com-col-left * {font-size: 2rem;line-height: 1.5rem;padding-bottom: 1rem;}*/
    .com-1-content-1 {
        grid-template-columns: 1fr;
    }
    .com-box-mic {
        max-height: clamp(300px, 80vw, 500px);
    }

    .cat-section-image {
        text-align: right;
        display: block;
    }
    .has-bg-cat:after {display: none;}
    /*tabs*/
    /*tabs*/
    .tab-content {
        display: grid;
        grid-template-columns: 1fr;
        padding: 3rem 0 3rem 0;
    }
    .tab-content-r { padding: 3rem 0 0 0;}
    .tabs-section img {
        border-radius: 1rem;
    }
    .tab-content-r img { width: 90%;}
    .tab-buttons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    }
    .tabs .tab-button {
        align-items: center;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        /*max-width: 140px;*/
        margin: 0.9rem 0 0.9rem 0;
        height: 4rem;
        min-height: initial;
        padding: 0 0 0 0.5rem;
    }
    .tabs .active {
        scale: initial;
        transform: initial;
    }
    .tab-button span {
        /*font-size: 2rem;*/
        /*line-height: 2rem;*/
    }
    .tab-button p {
        padding: 1rem 0 1rem 0.3rem;
        /*font-size: 0.75rem;*/
        /*line-height: 0.75rem;*/
    }
    .tab-button .com-text-1 {font-size: 0.75rem;}
    .tabs-section .tab3-img { padding: 0 0 2rem 2rem; max-width:60%;}
    .com-button--tab-outline {min-width: 100px;}
    /*.com-button {padding: 0 0.6rem;gap: 0.3rem;}*/
    .navigation-wrapper {
        width: 100vw;
    }
    .footer-navigation > ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: initial;
        flex-wrap: initial;
        gap: 1rem;
    }
    .footer-navigation > ul > * {
        flex-grow: 1;
        /*flex-basis: 20%;*/
        text-wrap: nowrap;
    }
    .has-bg3:before {
        display: none;
    }
    .footer-button { display: initial; width: 100%; display: initial; grid-template-columns: initial; }
    .footer-right { text-align: initial;}
    footer img { display: block; max-width: 45%;height: 45%;}
    .footer-swoosh img { position: relative; right: -7%; }
    /*tabs3*/
    .tabs-section3 .tab-button3 {margin: 0.7rem 0;}
    .tabs-section3 img {max-width:50%;border-radius: 1rem;}
    .com22 .text * {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    .com-title-32_40 *, .com4-statistics-title  {font: normal normal 700 var(--font-size-32)/var(--font-size-36) var(--recoleta-bold);}
    .tab-content3 ul {font: normal normal 300 var(--font-size-16-16) / var(--font-size-24-24) var(--work-sans);}

    /*com17*/
    .com17 .text {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans)}
    /*globals*/
    .com-title-1 *, h1 { font: normal normal 300 var(--font-size-40-100)/var(--font-size-38-4-96) var(--recoleta-bold); }
    .com-title-2 *, h2 { font: normal normal 400 var(--font-size-36)/var(--font-size-36-90) var(--recoleta-bold); }
    .com-title-3 *, h3 { font: normal normal 300 var(--font-size-25)/var(--font-size-25) var(--recoleta-bold); }
    .com-title-4 *, h4 { font: normal normal 600 var(--font-size-16-16)/var(--font-size-25) var(--work-sans); }
    .com-title-5 *, h5 { font: normal normal 600 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans); }
    .com-title-6 *, h6 { font: normal normal 600 var(--font-size-15-15)/var(--font-size-15-15) var(--work-sans); }
    .com-text-1 p { font: normal normal 300 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    .com-text-1 p strong { font: normal normal 700 var(--font-size-16-16)/var(--font-size-25) var(--work-sans)}
    .com-text-2 * { font: normal normal 600 var(--font-size-12-12)/var(--font-size-25) var(--work-sans); }
    .image-wrap {   width: clamp(220px, 50vw, 280px ); height: clamp(220px, 50vw, 280px );    }
    .com-1-box-1--green-1:hover .image-wrap { transition: 0.7s; width: clamp(220px, 50vw, 320px ); height: clamp(220px, 50vw, 320px ); }
    .com2-image, .com35 img {min-height: initial;}
}
/* Media queries pro telefony */
@media ( 410px <= width < 525px ) {
    .com-r1w .flex-right {display: none;}
    .com-r1w .rectangle-1-white {margin-top:130px!important;}
    .com-r1w .flex-left {flex:100%;padding-top:130px;}
    .com-r1w .flex-left img {position:absolute; display: block;}
    .com-r1w .flex-left .rectangle-button-2 {display:none;}
    .com-r1w .flex-left .rectangle-button-1 {display:block;  position: initial; margin: 0.5rem 0;}
    .com-r1w .com-button {display:flex;flex:100%;justify-content: center;}
    .com-r1w .flex-left .com-button--small {padding:0.8rem;}

    .com-r1w .flex-left .ip-1 {top: 0rem;}
    .com-r1w .flex-left .ip-2 {top:-4.5rem;}
    .com-r1w .flex-left .ip-3 {top:-5.5rem;}
    .com-r1w .flex-left .ip-4 {top:-7.5rem;}
    .com-r1w .flex-left .ip-5 {top:-7.5rem;}
    .com-r1w .flex-left .ip-6 {top:-7.5rem;}
    .com-r1w .flex-left .ip-7 {top:-8.5rem;}
    .com-r1w .flex-left .ip-8 {top:-8rem;}
    .com-r1w .flex-left .ip-9 {top:-8.5rem;}
    .com-r1w .flex-left .ip-10 {top:-4.5rem;}
        /*com2*/
    .com2-image {max-width: 40%;margin: 0.5rem 0;}
    /*com3*/
    .com3-title {line-height: var(--font-size-24-24);}
    .com3-image-sm {border-radius: 1rem;max-width: 80%;margin: 1rem 0 0.5rem 0.5rem;}

    .com-font-20_8_f2 {font-size: var(--font-size-16-16);line-height: var(--font-size-20-20);}
    .com-font-32_36_f1_700 * {font-size: var(--font-size-24-24);}
    .com13-title {font-size: var(--font-size-16-32);}
    nav { background: var(--white);}
    header nav .logo {display: none;}
    header nav .logo--scrolled {display: block;}
    /*tabs*/
    .tab-content {
        display: grid;
        grid-template-columns: 1fr;
        padding: 3rem 0 3rem 0;
    }
    .tab-content-r { padding: 3rem 0 0 0;}
    .tabs-section img {
        border-radius: 1rem;
    }
    .tab-content-r img { width: 90%;}
    .tab-buttons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    }
    .tabs .tab-button {
        align-items: center;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        /*max-width: 140px;*/
        margin: 0.9rem 0 0.9rem 0;
        height: 4rem;
        min-height: initial;
        padding: 0 0 0 0.5rem;
    }
    .tabs .active {
        scale: initial;
        transform: initial;
    }
    .tab-button span {
        /*font-size: 2rem;*/
        /*line-height: 2rem;*/
    }
    .tab-button p {
        padding: 1rem 0 1rem 0.3rem;
        /*font-size: 0.75rem;*/
        /*line-height: 0.75rem;*/
    }
    .tab-button .com-text-1 {font-size: 0.75rem;}
    .tabs-section .tab3-img { padding: 0 0 2rem 0; max-width:100%;}
    nav .menu .desktop {display: none;}
    nav .menu .smartphone {display: block;}
    .container {max-width: 90%; justify-content: center !important;}
    .small-screen-2 {
        display: block;
        height: 300px;
        /*background: url("../img/home/join-ppf-wide.jpg");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .sec-join-us .has-bg2:after {
        display: none;
    }
    .sec-join-us { margin-top: 3rem; }
    .com-content-1 .container {padding: 0.75rem;}
    .com-content-1__wide-img {
        display: block;
        height: 300px;
        /*background: url("../img/home/about-us-825x755.png");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .com-content-1__background:before { display: none; }
    .com-content-1__text-wrapper { margin: 0 0 2rem 0; }
    .com-content-1__img { width: 100px;}
    .sec-boxes .rectangle-1-white { width: 100%; margin: 2rem 0 2rem; padding: 1.5rem;}
    .rectangle-1-white .flex-right img { width: 130px; top: -35px; }
    .com-box-list .com-box {
        flex: 100%;
        max-width: 100%;
        margin: 1.5rem 0 0 0;
        justify-content: space-between;
    }
    .com-box-list > .com-box {
        margin: 1.5rem 1.5rem 0 0;
    }
    .com-box:hover .com-box-l p {
        transition: 0.4s;
    }
    /* com-box-wic3 */
    .com-box-wic3 { padding: 4.5rem 4.5rem clamp(1rem, 3vw, 5.5rem) 3.5rem; }
    .com-box-wic3-white .flex-left {
        flex: 100%;
    }
    .com-box-wic3-white .flex-right {
        flex: 100%;
    }
    .com-box-wic3 .img-left {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -6rem;
        left: clamp(-30%, 30vw, -140%);
    }
    .com-box-wic3 .img-center {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -3rem;
        left: clamp(46%, 30vw, -80%);
    }
    .com-box-wic3 .img-right {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -7rem;
        left: clamp(100%, 30vw, -5%);
    }
    .com-box-wic3 .box-text {
        width: 100%;
        padding-bottom: 3rem;
    }
    .com-box-wic3 .box-text h4 {
        padding-top: 11rem;
    }
    .com-box-wic3 .box-images {
        position: relative;
    }
    .com-box-wic3 .box-images .box-button {
        position: absolute;
        min-width: 190px;max-width: 200px;
        top: 50%;
        left: 20%;
    }
    .com-box-wic3 .button-images {display: none;}
    .com-box-wic3 .button-text { display: block;margin-top: 3rem}
    /*PETS*/
    .pets .container { display: flex; flex-wrap: wrap; }
    .pets .square-4 img { max-width: 180px; padding-bottom: 2rem; }
    .pets .square-4 { margin-top: 1.2rem; }
    .pets .square-4:hover .com-text-1--white p {
        color: var(--white);
    }
    .sec-join-us .has-bg2 {padding: 1rem 0 1rem 0;}
    .sec-join-us { margin-top: 3rem; }
    .your-product img { width: clamp(100%, 20vw, 50%); }
    .your-product .container { display: flex; flex-wrap: wrap; }
    .your-product .your-product-text { padding: 4.5rem 0 0 0; }

    .com-1-content-1 { grid-template-columns: 1fr;}
    .com-box-l { min-height: 3.8rem; }
    .com-box-mic { max-height: clamp(300px, 80vw, 500px); }
    .cat-section-image { text-align: right; display: block; }
    .has-bg-cat:after {display: none;}
    .navigation-wrapper {
        width: 100vw;
    }
    .footer-navigation > ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: initial;
        flex-wrap: initial;
        gap: 1rem;
    }
    .footer-navigation > ul > * {
        flex-grow: 1;
        /*flex-basis: 20%;*/
        text-wrap: nowrap;
    }
    .has-bg3:before {
        display: none;
    }
    .footer-button { display: initial; width: 50%; display: initial; grid-template-columns: initial; }
    .footer-right { text-align: initial;}
    footer img { display: block; max-width: 45%;height: 45%;}
    .footer-swoosh img { position: relative; right: -7%; }
    /*products tabs*/
    .com8-products-list .com-title-2--deep-cyan {
        color: var(--deep-cyan);
    }
    .com8-products-list .com8-tab:hover {
        background-color: var(--dull-green);
        background-color: 0.05rem solid var(--deep-cyan);
    }
    .com8-tab {
        background: var(--white);
        border: 0.01rem solid var(--deep-cyan);
        color: var(--deep-cyan);
        transition: 0.1s;
    }
    .com8-tab-active, com8-tab-active {
        background: var(--light-yellow-green) !important;
        border: 0.01rem solid var(--light-yellow-green);
        color: var(--white) !important;
    }
    .com8-tab:hover {
        background: var(--light-yellow-green) !important;
        border: 0.01rem solid var(--light-yellow-green);
        color: var(--white);
        transform: scale(1.10);
        transition: 0.1s;
    }
    .com8-tab2:hover {
        background: var(--dull-green) !important;
        border: 0.01rem solid var(--dull-green);
    }
    .com-button--tab-outline {
        height: 45px;
    }
    .com-button--tab-outline img {
        max-height: 30px;
        max-width: 30px;
    }
    .com8-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 1rem;
    }
    .com8-list .com8-button * {
        display: flex;
        flex-shrink: 0;
        font-size: var(--font-size-12-12);
        padding: 0 0.3rem;
        margin: 0;
        gap: 0.2rem;
    }
    .com8-image img {text-align: center;}
    .com8-list .com8-button2 {
        min-width: initial;
        max-width: initial;
    }

    .com-button--tab-outline {min-width: 100px;}
    /*tabs3*/
    .tabs-section3 .tab-button3 {margin: 0.7rem 0;}
    .tabs-section3 img {max-width:50%;border-radius: 1rem;}
    .com22 .text * {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    .com-title-32_40 *, .com4-statistics-title  {font: normal normal 700 var(--font-size-32)/var(--font-size-36) var(--recoleta-bold);}
    .tab-content3 ul {font: normal normal 300 var(--font-size-16-16) / var(--font-size-24-24) var(--work-sans);}

    /*com17*/
    .com17 .text {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans)}

    /*globals*/
    .com-title-1 *, h1 { font: normal normal 300 var(--font-size-40-100)/var(--font-size-38-4-96) var(--recoleta-bold); }
    .com-title-2 *, h2 { font: normal normal 400 var(--font-size-36)/var(--font-size-36-90) var(--recoleta-bold); }
    .com-title-3 *, h3 { font: normal normal 300 var(--font-size-25)/var(--font-size-25) var(--recoleta-bold); }
    .com-title-4 *, h4 { font: normal normal 600 var(--font-size-16-16)/var(--font-size-25) var(--work-sans); }
    .com-title-5 *, h5 { font: normal normal 600 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans); }
    .com-title-6 *, h6 { font: normal normal 600 var(--font-size-15-15)/var(--font-size-15-15) var(--work-sans); }
    .com-text-1 p { font: normal normal 300 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    .com-text-1 p strong { font: normal normal 700 var(--font-size-16-16)/var(--font-size-25) var(--work-sans)}
    .com-text-2 * { font: normal normal 600 var(--font-size-12-12)/var(--font-size-25) var(--work-sans); }
    /*menu*/
    .box-submenu-content p {font-size: var(--font-size-12-12);}
    /*hero*/
    .hero-description {width: 85%;}
    .hero {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        background-position: 80% 0%;
        background-size: 270%;
    }
    .com29 .hero {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    .hero .row {padding: 16rem 0 3rem 0;}
    .hero .ellipse { top: 410px; width: calc(195% + 15vw);left: -220px; top: 52%;}
    .image-wrap {  width: 165px;  height: 165px;  }
    .com-1-box-1--green-1:hover .image-wrap { transition: 0.7s; width: 190px; height: 190px; }
    .com36 .com-font-16_32_f1_700 { font-size: var(--font-size-12-12); line-height: var(--font-size-20_8); }
    .com2-image, .com35 img {min-height: initial;}
}
@media (width < 410px) {
    .com-r1w .flex-right {display: none;}
    .com-r1w .rectangle-1-white {margin-top:130px!important;}
    .com-r1w .flex-left {flex:100%;padding-top:130px;}
    .com-r1w .flex-left img {position:absolute; display: block;}
    .com-r1w .flex-left .rectangle-button-2 {display:none;}
    .com-r1w .flex-left .rectangle-button-1 {display:block;  position: initial; margin: 0.5rem 0;}
    .com-r1w .com-button {display:flex;flex:100%;justify-content: center;}
    .com-r1w .flex-left .com-button--small {padding:0.8rem;}

    .com-r1w .flex-left .ip-1 {top: 0rem;}
    .com-r1w .flex-left .ip-2 {top:-4.5rem;}
    .com-r1w .flex-left .ip-3 {top:-5.5rem;}
    .com-r1w .flex-left .ip-4 {top:-7.5rem;}
    .com-r1w .flex-left .ip-5 {top:-7.5rem;}
    .com-r1w .flex-left .ip-6 {top:-7.5rem;}
    .com-r1w .flex-left .ip-7 {top:-8.5rem;}
    .com-r1w .flex-left .ip-8 {top:-8rem;}
    .com-r1w .flex-left .ip-9 {top:-8.5rem;}
    .com-r1w .flex-left .ip-10 {top:-4.5rem;}

    /*com2*/
    .com2-image {max-width: 50%;margin: 0.5rem 0;}
    .com-font-20_8_f2 {font-size: var(--font-size-16-16);line-height: var(--font-size-20-20);}
    .com-font-32_36_f1_700 * {font-size: var(--font-size-24-24);}
    /*com3*/
    .com3-title {line-height: var(--font-size-24-24);}
    .com3-image-sm {border-radius: 1rem;max-width: 80%;margin: 1rem 0 0.5rem 0;}
    /*com12*/
    .com12 .text * {font: normal normal 300 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    /*com13*/
    .com13-title {font-size: var(--font-size-16-32);}
    /*menu*/
    nav { background: var(--white);}
    header nav .logo {display: none;}
    header nav .logo--scrolled {display: block;}
    #smartphone-menu .btn-box {width: 300px;}
    nav .menu .desktop {display: none;}
    nav .menu .smartphone {display: block;}
    /*tabs*/
    .tab-content {
        display: grid;
        grid-template-columns: 1fr;
        padding: 3rem 0 3rem 0;
    }
    .tab-content-r { padding: 3rem 0 0 0;}
    .tabs-section img {
        border-radius: 1rem;
    }
    .tab-content img {max-width: 100%;}
    .tab-content-r img { width: 90%;}
    .tab-buttons {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }
    .tabs .tab-button {
        align-items: center;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 140px;
        margin: 0.9rem 0 0.9rem 0;
        height: 4rem;
        min-height: initial;
        padding: 0 0 0 0.5rem;
    }
    .tabs .active {
        scale: initial;
        transform: initial;
    }
    .tab-button span {
        /*font-size: 2rem;*/
        /*line-height: 2rem;*/
    }
    .tab-button p {
        padding: 1rem 0 1rem 0.3rem;
        /*font-size: 0.75rem;*/
        /*line-height: 0.75rem;*/
    }
    .tab-button .com-text-1 {font-size: 0.75rem;}
    .tabs-section .tab3-img { padding: 0 0 2rem 0; max-width:100%;}
    h5 {
        color: var(--deep-cyan);
        font: normal normal 300 clamp(1.7rem, 3vw, 3.5rem)/clamp(2rem, 3vw, 3.7rem) var(--work-sans);
    }
    .container {max-width: 90%; justify-content: center !important;}
    .small-screen-2 {
        display: block;
        height: 300px;
        /*background: url("../img/home/join-ppf-wide.jpg");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .sec-join-us .has-bg2:after {
        display: none;
    }
    .sec-join-us { margin-top: 3rem; }
    .com-content-1 .container {padding: 0.75rem;}
    .com-content-1__wide-img {
        display: block;
        height: 300px;
        /*background: url("../img/home/about-us-825x755.png");*/
        background-size: cover;
        background-position: center;
        width: 100%;
    }
    .com-content-1__background:before { display: none; }
    .com-content-1__text-wrapper { margin: 0 0 2rem 0; }
    .com-content-1__img { width: 100px;}
    .rectangle-1-white .com-title-5 * {
        font-size: clamp(1.5rem, 2vw, 2rem);
    }
    .sec-boxes .rectangle-1-white { width: 288px; margin: 2rem 0 2rem; padding: 1.5rem;}
    .rectangle-1-white .flex-right img {
        width: calc(5vw + 100px); top: -35px; right: 10%; }
    .rectangle-1-white .flex-left {
        flex: 50%;
    }
    .rectangle-1-white .flex-right {
        flex: 50%;
    }
    .rectangle-button-1 { display: none; }
    .rectangle-button-2 { display: block; margin: 8.5rem 0 0 0;padding: 0;}
    .com-box-list .com-box {
        /*display: grid;*/
        /*grid-template-columns: 1fr 1fr;*/
        flex: 100%;
        max-width: 100%;
        margin: 1.5rem 0 0 0;
        justify-content: space-between;
    }
    .com-box-list > .com-box {
        margin: 1.5rem 1.5rem 0 0;
    }
    .com-box-l {
        padding: clamp(3rem, 1.5vw, 4.5rem) 0 clamp(1.6rem, 1vw, 1.5rem) clamp(2rem, 1.5vw, 4rem);
    }
    .com-box img {
        /*width: 174px;*/
        /*height: 168px;*/
        transition: 0.5s;
    }
    /*PETS*/
    .pets .container {
        display: flex;
        flex-wrap: wrap;
    }
    .pets .square-4 img {
        max-width: 180px;
        padding-bottom: 2rem;
    }
    .pets .square-4 {
        margin-top: 1.2rem;
    }
    .pets p {
        font: normal normal 300 1.2rem/1.5rem var(--work-sans);
    }
    .sec-join-us .has-bg2 {padding: 1rem 0 1rem 0;}
    .your-product img { width: clamp(100%, 20vw, 50%); }
    .your-product .container { display: flex; flex-wrap: wrap; }
    .your-product .your-product-text { padding: 4.5rem 0 0 0; }
    .com-1-content-1 { grid-template-columns: 1fr;}
    .com-col-left * {font: normal normal 300 2rem/2rem var(--recoleta);padding-bottom: 1rem;}
    .com-box-mic { max-height: clamp(300px, 80vw, 500px); }
    .cat-section-image { text-align: right; display: block; }
    .cat-section-has-text p { padding: 0; margin: 0; }
    .has-bg-cat:after {display: none;}
    .footer-navigation > ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(20vw, 1fr));
        justify-content: initial;
        flex-wrap: initial;
    }
    .footer-button { display: initial; width: 100%; display: initial; grid-template-columns: initial; }
    .footer-right { text-align: initial;}
    .navigation-wrapper {
        width: 100vw;
    }
    .footer-navigation > ul {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: initial;
        flex-wrap: initial;
        gap: 1rem 0;
    }
    .footer-navigation > ul > * {
        flex-grow: 1;
        /*flex-basis: 20%;*/
        text-wrap: nowrap;
    }
    .has-bg3:before {
        display: none;
    }
    .footer-button { display: initial; width: 50%; display: initial; grid-template-columns: initial; }
    .footer-right { text-align: initial;}
    footer img { display: block; max-width: 45%;height: 45%;}
    .footer-swoosh img { position: relative; right: -7%; }
    /*globals*/
    .com-title-1 *, h1 { font: normal normal 300 var(--font-size-40-100)/var(--font-size-38-4-96) var(--recoleta-bold); }
    .com-title-2 *, h2 { font: normal normal 400 var(--font-size-36)/var(--font-size-36-90) var(--recoleta-bold); }
    .com-title-3 *, h3 { font: normal normal 300 var(--font-size-25)/var(--font-size-25) var(--recoleta-bold); }
    .com-title-4 *, h4 { font: normal normal 600 var(--font-size-16-16)/var(--font-size-25) var(--work-sans); }
    .com-title-5 *, h5 { font: normal normal 600 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans); }
    .com-title-6 *, h6 { font: normal normal 600 var(--font-size-15-15)/var(--font-size-15-15) var(--work-sans); }
    .com-text-1 p { font: normal normal 300 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    .com-text-1 p strong { font: normal normal 700 var(--font-size-16-16)/var(--font-size-25) var(--work-sans)}
    .com-text-2 * { font: normal normal 600 var(--font-size-12-12)/var(--font-size-25) var(--work-sans); }

    /*menu*/
    .box-submenu-content p {font-size: var(--font-size-12-12);}
    /*hero*/
    .hero-description {width: 85%;}
    .hero {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        background-position: 80% 0%;
        background-size: 285%;
    }
    .hero .row {padding: 16rem 0 3rem 0;}
    .hero .ellipse { top: 410px; width: calc(195% + 15vw);left: -220px; top: 52%;}
    .com29 .hero {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    /* com-box-wic3 */
    .com-box-wic3 {
        padding: 3.5rem 2.5rem clamp(1rem, 3vw, 5.5rem) 2.5rem;
    }
    .com-box-wic3-white .flex-left {
        width: 50%;
    }
    .com-box-wic3-white .flex-right {
        width: 50%;
    }
    .com-box-wic3 .img-left {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -6rem;
        left: clamp(-55%, 30vw, -140%);
        /*left:clamp(-100%, 30vw, -5%);*/
    }
    .com-box-wic3 .img-center {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -3rem;
        /*left: clamp(0%, 2vw, 50%);*/
        left: 15%;
    }
    .com-box-wic3 .img-right {
        max-height: 250px;
        width: clamp(13.25rem, 35vw, 20rem);
        top: -7rem;
        left: clamp(85%, 30vw, 100%);
    }
    .com-box-wic3 .box-text {
        width: 100%;
        padding-bottom: 3rem;
    }
    .com-box-wic3 .box-text h4 {
        padding-top: 11rem;
    }
    .com-box-wic3 .box-images {
        position: relative;
    }
    .com-box-wic3 .box-images .box-button {
        position: absolute;
        min-width: 190px;max-width: 200px;
        top: 50%;
        left: 20%;
    }
    .com-box-wic3 .button-images {display: none;}
    .com-box-wic3 .button-text { display: block;margin-top: 3rem}
    .com-box-wic3 .com-button {
        font-size: 1rem;
        text-wrap: nowrap;
    }
    footer .copy {font-size: var(--font-size-12-12);}
    .footer-gdpr a {
        font: normal normal 300 var(--font-size-16-16)/var(--font-size-18-18) var(--work-sans);
        color: var(--deep-cyan);
        text-wrap: nowrap;
    }
    .footer-gdpr a:hover {
        position: relative;
        text-decoration: none;
        color: var(--deep-cyan);
    }
    .footer-gdpr {display: grid; grid-template-columns: 1fr; align-items: center;}
    .footer-gdpr a:hover::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -8px;
        width: 100%;
        height: 0.01rem;
        background-color: var(--deep-cyan);
    }
    .footer-gdpr > div:not(:last-child) {
        border-right: initial;
        padding-right: initial;
    }
    /*PETS box*/
    .pets .square-4 div {padding: 3rem 1rem 2rem 1rem;}
    .pets .square-4:hover .com-text-1--white p {
        color: var(--white);
    }
    /*products tabs*/
    .com8-products-list .com-title-2--deep-cyan {
        color: var(--deep-cyan);
    }
    .com8-products-list .com8-tab:hover {
        background-color: var(--dull-green);
        background-color: 0.05rem solid var(--deep-cyan);
    }
    .com8-tab {
        background: var(--white);
        border: 0.063rem solid var(--deep-cyan);
        color: var(--deep-cyan);
        transition: 0.1s;
    }
    .com8-tab-active, com8-tab-active {
        background: var(--light-yellow-green) !important;
        border: 1px solid var(--light-yellow-green);
        color: var(--white) !important;
    }
    .com8-tab:hover {
        background: var(--light-yellow-green) !important;
        border: 0.063rem solid var(--light-yellow-green);
        color: var(--white);
        transform: scale(1.10);
        transition: 0.1s;
    }
    .com8-tab2:hover {
        background: var(--dull-green) !important;
        border: 0.01rem solid var(--dull-green);
    }
    .com-button--tab-outline {
        height: 45px;
    }
    .com-button--tab-outline img {
        max-height: 30px;
        max-width: 30px;
    }
    .com8-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 1rem;
        padding-left: 1px;
    }
    .com8-list .com8-button * {
        display: flex;
        flex-shrink: 0;
        font-size: var(--font-size-12-12);
        padding: 0 0.3rem;
        margin: 0;
        gap: 0.2rem;
    }
    .com8-image img {text-align: center;}
    .com8-list .com8-button2 {
        min-width: initial;
        max-width: initial;
    }
    .com-button--tab-outline {min-width: 100px;}
    /*space breaks*/
    .space-break-medium {display: none;}
    /*tabs3*/
    .tabs-section3 .tab-button3 {margin: 0.7rem 0;}
    .tabs-section3 img {max-width:50%;border-radius: 1rem;}
    .com22 .text * {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans);}
    .com-title-32_40 *, .com4-statistics-title  {font: normal normal 700 var(--font-size-32)/var(--font-size-36) var(--recoleta-bold);}
    .tab-content3 ul {font: normal normal 300 var(--font-size-16-16) / var(--font-size-24-24) var(--work-sans);}

    /*com17*/
    .com17 .text {font: normal normal 400 var(--font-size-16-16)/var(--font-size-20-20) var(--work-sans)}
    .image-wrap { width: 135px;height: 135px;}
    .com-1-box-1--green-1:hover .image-wrap { transition: 0.7s; width: 150px; height: 150px; }
    .centered-alert {
        font: normal normal 500 var(--font-size-20-20)/var(--font-size-20-20) var(--work-sans);
        padding:2rem 3.5rem 2rem 2rem;
    }
    .com36 .com-font-16_32_f1_700 { font-size: var(--font-size-12-12); line-height: var(--font-size-18-18); }
    .com2-image, .com35 img {min-height: initial;}
}
@media (min-width: 768px) {
    .w-85 {
        max-width: 85%;
    }
}
@media ( 1007px <= width ) {
    .d-lg2-block {display: block !important;}
    .d-lg2-none {display: none !important;}
    .pets .square-4:hover {
        background: initial;
        background-color: initial;
        color:var(--white);
    }
    .pets .square-4:hover a:hover {
        background: initial;
        background-color: initial;
        color:var(--white);
    }
}

@media(hover: none) {

    .com-button--green1:hover { color: var(--white) !important; background: var(--dull-green); }
    .com-button--green2:hover { color: var(--white) !important; background: var(--deep-cyan); }
    .com-button--green3:hover { color: var(--white) !important; background: var(--deep-cyan); }
    .com-button--green4:hover { color: var(--white) !important; background: var(--dull-green); border:none;}
    .com-button--green5:hover { color: var(--white) !important; background: var(--strong-yellow); }

}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}