:root {
--white: #ffffff;
--black: #000000;
--blue: #0463C6;
--light-blue: #ACE1EB;
--nav-mobile-blue: #8DE4FF;
--yellow: #FFE562;
--wheat: #FFFAEB;
--green: #00885D;
--light-green: #C9E984;
--orange: #FF6A43;
--wood: #EFAF76;
--brown: #54422E;
--gray: #A7A7A7;
--light-blue: #ACE1EB;
--light-green: #C9E984;
--tehlova: #FF9375;
}
#main {
padding: 0;
margin: 0;
background: transparent;
}
body.responsive.layout-full #page-wrapper .full-container {
max-width: 100vw;
}
body, h1, h2, h3, h4, h5, h6, p, article, li, a, span, div {
font-family: 'Mikado', sans-serif;
}
ul, ol {
margin-left: 1em;
}
*,
a:focus {
outline: none !important;
}
body {
margin: 0 !important;
padding: 0 !important;
}
body.layout-full {
background-color: var(--wheat);
}
button,
button:focus,
button:active,
button:hover {
border: none !important;
outline: none !important;
box-shadow: none;
filter: none;
background: transparent;
color: transparent;
}
.entry-content .flex-text a,
p a {
color: var(--yellow);
text-decoration: underline !important;
}
p a:hover,
p a:active,
p a:focus {
text-decoration: none !important;
color: var(--orange) !important;  
}
.btn-center {
margin: 71px auto 0;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 480px) {
.btn-center {
margin-bottom: 0;
}
}
.btn-center button {
position: relative;
font-family: 'Mikado', sans-serif;
font-size: 36px !important;
font-weight: 700 !important;
line-height: 100% !important;
color: var(--wheat) !important;
padding: 17px 15px 21px;
min-width: 310px;
height: 72px;
transition: all 3s ease; }
.cutko-banner__btn span,
button .cutko__load-more__text,
.btn-center button .show-more,
.btn-center button .show-less {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -25%) rotate(0deg) scale(1);
transition: all 0.3s ease;
white-space: nowrap;
}
.cutko-banner__btn span {
position: relative;
transform: translate(-50%, 0) rotate(0deg) scale(1);
}
button:hover .cutko__load-more__text,
.btn-center button:hover .show-more,
.btn-center button:hover .show-less {
transform: translate(-50%, -25%) rotate(-3.03deg) scale(1.05);
}
.cutko-banner__btn:hover span {
transform: translate(-50%, 0) rotate(-3.03deg) scale(1.05);
}
.btn-center button:focus {
outline: none !important;
box-shadow: none !important;
}
.btn-center button img,
.btn-center button svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: -1;
}
.padding__top-bottom,
.padding__top-bottom__1 { 
padding-top: 150px !important;
padding-bottom: 55px !important;
}
@media screen and (max-width: 991px) {
.padding__top-bottom,
.padding__top-bottom__1 {
padding-top: 100px !important;
}
}
.padding__top-bottom.design-wave__yellow--story {
padding-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
.padding__top-bottom,
.padding__top-bottom__1 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}    
}
@media screen and (max-width: 480px) {
.padding__top-bottom,
.padding__top-bottom__1 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}    
.design-wave__blue.padding__top-bottom,
.design-wave__yellow.padding__top-bottom,
.design-wave__yellow--story.padding__top-bottom   {
padding-bottom: 0 !important;
}
}
.wide-grey.panel-row-style {
background: var(--wheat);
}
.panel-row-style {
margin: 0;
padding: 0;
} .obrovo-h2,
.entry-content h2,
.entry-content .obrovo-h2 {
text-align: center;
margin: 0 auto;
padding: 0 15px;
font-size: 78px;
line-height: 100%;
font-weight: 900;
color: var(--blue);
flex-basis: 100%;
}
@media screen and (max-width: 991px) {
.obrovo-h2
.entry-content h2,
.entry-content .obrovo-h2 {
font-size: 60px;
line-height: 72px;
padding: 0 5px;
}
}
.obrovo-h3,
.entry-content h3,
.entry-content .obrovo-h3 {
position: relative;
text-align: center;
margin: 0 auto;
padding: 0 15px;
font-size: 35px;
line-height: 46px;
font-weight: 900;
color: var(--wheat);
box-sizing: border-box;
}
.obrovo-h4,
.entry-content h4,
.entry-content .obrovo-h4 {
text-align: center;
font-size: 35px;
font-weight: 900;
line-height: 46px;
position: relative;
}
.obrovo-h5,
.entry-content h5,
.entry-content .obrovo-h5 {
text-align: center;
font-size: 29px;
font-weight: 700;
line-height: 42px;
}
.entry-content p {
color: var(--brown);
font-weight: 500;
font-size: 22px;
line-height: 28px;
} .flex-section {
display: flex;
align-items: flex-start;
justify-content: space-evenly;
flex-wrap: wrap;
}
.flex-holder {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 9rem;
column-gap: 2rem;
width: 100%;
}
@media screen and (max-width: 991px) {
.flex-holder {
gap: 12rem;
}   
}
.flex-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.flex-wrapper {
width: 100%;
height: 100%;
padding: 94px 5px 60px;
text-align: center;
position: relative
}
.flex-wrapper img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
max-width: 100%;
width: 100% !important;
height: 100% !important;
}
.flex-wrapper .content-with__img-bg {
position: relative;
}
.flex-wrapper .content-with__img-bg img {
max-width: 300px;
height: auto !important;
}
.widget {
padding: 45px 0;
position: relative;
z-index: 2;
}
.widget > div {
width: 90%;
max-width: 1920px;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (max-width: 480px) {
.widget {
padding: 25px 0;
}
} .obrovo-button {
box-sizing: border-box;
display: block;
} .btn-big__orange {
position: relative;
font-size: 36px;
font-weight: 700;
line-height: 100%;
color: var(--wheat) !important;
padding: 25px 35px;
min-width: 310px;
z-index: 1;
text-decoration: none !important;
}
.btn-big__orange:hover,
.btn-big__orange:focus,
.btn-big__orange:active {
color: var(--wheat) !important;
text-decoration: underline !important;
}
.btn-big__orange svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: -1;
}
@media screen and (max-width: 768px) {
.btn-big__orange {
font-size: 32.4px;
}
}
.panel-grid.panel-no-style,
#content .panel-layout .panel-grid {
margin: 0 !important;
}
.panel-row-style-wide-grey, .wide-grey.panel-row-style {
border: none !important;
} .yellow {
color: var(--yellow) !important;
}
.orange {
color: var(--orange) !important;
}
.green {
color: var(--green) !important;
}
.brown {
color: var(--brown) !important;
}
.blue {
color: var(--blue) !important;
}
.light-blue {
color: var(--light-blue) !important;
} .bg-yellow {
background-color: var(--yellow) !important;
}
.bg-yellow__sum {
background-color: var(--yellow) !important;
position: relative;
}
.bg-yellow__sum::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png) center center repeat !important;
background-size: auto;
opacity: 1;
}
.bg-green {
background-color: var(--green) !important;
}
.bg-green__sum {
background-color: var(--green) !important;
position: relative;
}
.bg-sum__light-blue::after,
.bg-green__sum::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-blue.png) center center repeat !important;
background-size: auto;
opacity: 0.2;
}
.bg-sum__light-blue::after {
opacity: 0.06;
z-index: -1;
}
.bg-light-green {
background-color: var(--light-green) !important;
}
.bg-brown {
background-color: var(--brown) !important;
}
.bg-sum__light-green::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-green.png) center center repeat !important;
background-size: auto;
opacity: 0.1;
z-index: -1;
}
.bg-blue {
background-color: var(--blue) !important;
}
.bg-blue__sum {
background-color: var(--blue) !important;
position: relative;
}
.bg-blue__sum::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-blue.png) center center repeat !important;
background-size: auto;
opacity: 0.4;
}
.bg-light-blue {
background-color: var(--light-blue) !important;
}
.bg-sum__cihla::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png) center center repeat !important;
background-size: auto;
opacity: .4;
z-index: -1;
} .promo-video,
.grid-60__container {
display: grid;
grid-template-columns: 60% 40%;
gap: 31px;
align-items: center;
justify-content: center;
}
.grid-58__container {
display: grid;
grid-template-columns: 58.8% 41.2%;
gap: 35px;
align-items: center;
justify-content: center;
}
.grid-55__container {
display: grid;
grid-template-columns: 55% 45%;
gap: 60px;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 992px) {
.grid-55__container {
grid-template-columns: repeat(1, 1fr);
row-gap: 4rem;
column-gap: 50px;
}
}
.grid-50__container {
display: grid;
grid-template-columns: 50% 50%;
gap: 55px;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 992px) {
.promo-video,
.grid-50__container,
.grid-58__container,
.grid-60__container {
grid-template-columns: repeat(1, 1fr);
row-gap: 4rem;
column-gap: 50px;
}
.grid-50__container {
row-gap: 53px;
column-gap: 50px;
}
}
.promo-video__wrapper {
position: relative;
display: inline-block;
cursor: pointer;
margin: auto 0;
transform: rotate(-3.03deg);
}
.promo-video__wrapper .cutko__play-story--img{
transition: all 0.3s ease-in-out;
}
.promo-video__wrapper:hover .cutko__play-story--img {
transform: scale(1.15) rotate(3.03deg);
}
.promo-play-button {
position: absolute;
bottom: 15%;
right: 10%;
width: 13vw;
max-width: 80px;
height: auto;
background: rgba(0, 0, 0, 0);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.promo-video__wrapper:hover .promo-play-button {
transform: scale(1.1); } .cutko-thumb-link {
position: relative;
display: inline-block;
cursor: pointer;
margin: auto 0;
}
.poster-holder {
width: 90%; 
height: 85%; 
background-color: transparent;
background-position: center center;
background-repeat: no-repeat; 
background-size: cover; 
position: absolute; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%);
}
.wood-frame {
background: var(--wood) url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/wood-bg.png) center center no-repeat;
background-size: cover;
overflow: hidden; -webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/masky/wood-frame-xl.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: center;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/masky/wood-frame-xl.png);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
}
.wood-frame__xl-2 {
background: var(--wood) url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/wood-bg.png) center center no-repeat;
background-size: cover;
overflow: hidden; -webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/masky/wood-frame__xl-2.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: center;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/masky/wood-frame__xl-2.png);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
}    .design-wave__wheat {
position: relative; }
.design-wave__wheat::before {
content: '';
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--wheat);
z-index: 1;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__wheat.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__wheat.png);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: top;
}
@media screen and (max-width: 480px) {
.design-wave__wheat::before {
height: 100%;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__wheat-testim--mobile.svg);
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__wheat-testim--mobile.svg);
}
}
.design-wave__yellow--story {
position: relative;
}
.design-wave__yellow--story::before,
.design-wave__yellow--story::after {
content: '';
width: 100vw;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0; 
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story.svg); 
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story.svg);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: top;
}
.design-wave__yellow--story::before {
background: var(--yellow);
z-index: 0;
}
.design-wave__yellow--story::after {
background: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png)
center center repeat;
background-size: auto;
opacity: 0.4;
}
@media screen and (max-width: 480px) {
.design-wave__yellow--story::before,
.design-wave__yellow--story::after {
height: 100%;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story--mobile.svg);
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story--mobile.svg);
}
}
.design-wave__yellow--story .panel-grid-cell {
position: relative;
}
.design-wave__yellow--story .panel-grid-cell::before, 
.design-wave__yellow--story .panel-grid-cell::after {
content: '';
width: 100vw;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -40%);
z-index: 1; 
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story.svg);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: bottom;
}
.design-wave__yellow--story .panel-grid-cell::before {
background: var(--yellow);
}
.design-wave__yellow--story .panel-grid-cell::after {
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png)
center center repeat;
background-size: auto;
opacity: 0.4;
}
@media screen and (max-width: 786px) {
.design-wave__yellow--story .panel-grid-cell::before,
.design-wave__yellow--story .panel-grid-cell::after {
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story--mobile.svg);
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow-story--mobile.svg);
}
}
.design-wave__yellow {
position: relative;
}
.design-wave__yellow::before,
.design-wave__yellow::after {
content: '';
width: 100vw;
height: 110%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow.svg);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: top;
}
.design-wave__yellow::before {
background: var(--yellow);
}
.design-wave__yellow::after {
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png)
center center repeat;
background-size: auto;
opacity: 0.4;
}
@media screen and (max-width: 480px) {
.design-wave__yellow::before,
.design-wave__yellow::after {
height: 105%;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
z-index: 0;
}
.design-wave__yellow .panel-grid-cell {
position: relative;
}
.design-wave__yellow .panel-grid-cell::before,
.design-wave__yellow .panel-grid-cell::after {
content: '';
width: 100vw;
height: 75px;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: bottom;
}
.design-wave__yellow .panel-grid-cell::before {
background: var(--yellow);
}
.design-wave__yellow .panel-grid-cell::after {
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png)
center center repeat;
background-size: auto;
opacity: 0.4;
}
}
@media screen and (min-width: 480.1px) {
.cutko-rez__container {
position: relative;
padding: 145px 0 100px;
}
.cutko-rez__container::before,
.cutko-rez__container::after {
content: '';
width: 100vw;
height: 110%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow.svg);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: top;
}
.cutko-rez__container::before {
background: var(--yellow);
}
.cutko-rez__container::after {
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png)
center center repeat;
background-size: auto;
opacity: 0.4;
}
}
@media screen and (max-width: 480px) {
.cutko-rez__container,
.widget_cutko_rezervacie_widget {
position: relative;
}
.cutko-rez__container::before,
.cutko-rez__container::after {
content: '';
width: 100vw;
position: absolute;
top: 0;
left: 0;
z-index: 0;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: top;
}
.cutko-rez__container::before {
background: var(--yellow);
height: 100%;
}
.cutko-rez__container::after {
height: 100%;
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png)
center center repeat;
background-size: auto;
opacity: 0.4;
}
.widget_cutko_rezervacie_widget::before,
.widget_cutko_rezervacie_widget::after {
content: '';
width: 100vw;
height: 140px;
position: absolute;
top: 95%;
left: 0;
z-index: -2;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: bottom;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__yellow--mobile.svg);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: bottom;
}
.widget_cutko_rezervacie_widget::before {
background: var(--yellow);
}
.widget_cutko_rezervacie_widget::after {
background: transparent url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/sum-orange.png)
center center repeat;
background-size: auto;
opacity: 0.4;
}
.rezervacny.design-wave__yellow .panel-grid-cell::before,
.rezervacny.design-wave__yellow .panel-grid-cell::after {
height: 100px;
top: 96%;
}
}
.design-wave__wheat-2 {
position: relative;
}
.design-wave__wheat-2::before {
content: '';
width: 100vw;
height: 100%;
position: absolute;
top: -85px;
left: 0;
background-color: var(--wheat);
z-index: 1;
-webkit-mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__wheat-2.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: top;
mask-image: url(//obrovo.sk/wp-content/plugins/obrovo/assets/img/design-wave__wheat-2.png);
mask-repeat: no-repeat;
mask-size: cover;
mask-position: top;
} .cutko-grid-box {
width: 100%;
height: auto;
position: relative;
display: flex;
flex-direction: column;
max-width: 480px;
}
@media screen and (min-width: 1920px) {
.cutko-grid-box {
width: 30%;
}
}
@media (min-width: 1100px) and (max-width: 1599px) {
.cutko-grid-box {
max-width: 30%;
}
}
@media (min-width: 992px) and (max-width: 1099px) {
.cutko-grid-box {
max-width: 32%;
}
}
.cutko-grid-box a {
display: block;
box-sizing: border-box;
width: 90%;
margin: 0 auto;
z-index: 2;
}
.cpt-content {
position: relative;
width: 100%;
height: 100%;
bottom: 0;
}
.cpt-content > * {
position: relative;
z-index: 1;
}
.cpt-content::before {
content: "";
display: block;
clear: both;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 145%;
z-index: 0;
}
.cpt-content.bg-light-green::before {
background-color: var(--light-green);
}
.cpt-content.bg-light-blue::before {
background-color: var(--light-blue);
}
.cpt-content.bg-yellow::before {
background-color: var(--yellow);
}
.cpt-content.bg-orange::before {
background-color: var(--orange);
}
.cpt-content.bg-blue::before {
background-color: var(--blue);
}
.cpt-content.bg-light-green .obrovo-h3 {
color: var(--green);
}
.cpt-content.bg-yellow .obrovo-h3 {
color: var(--orange);
}
.cpt-content.bg-orange .obrovo-h3 {
color: var(--yellow);
}
.cpt-content.bg-blue .obrovo-h3 {
color: var(--light-blue);
}
.cpt-content.bg-light-blue .obrovo-h3 {
color: var(--blue);
}
.cpt-content__inner {
text-align: center;
width: 90%;
height: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 44px;
padding-top: 18.5px;
overflow: hidden;
}
.cpt-content__inner > * {
width: 100%;
}
.cpt-content__inner .obrovo-h3 {
margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1228px) {
.cpt-content__inner .obrovo-h3 {
font-size: 28px;
}
}
.cpt-content__inner p {
margin: 0;
}
.cpt-content__inner p:first-of-type {
margin-bottom: 20px;
} .cpt-btn,
.cutko-grid-box .cpt-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: fit-content;
height: auto;
margin-top: auto;
}
.cpt-btn svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
} .max-width__152 {
max-width: 152px !important;
}
.cpt-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 30;
} .cutko-header__title:not(.cutko-custom__title) {
margin-bottom: 110px;
}
.cutko-header__title,
.cutko-header__title .obrovo-h2 {
position: relative !important;
}
@media screen and (max-width: 480px) {
.cutko-header__title {
padding-top: 45px;
margin-bottom: 65px;
}  
}
.cutko-header__title > .wood__svg {
position: absolute;
width: 100%;
height: 100%;
max-width: 341px;
right: 50%;
transform: translateX(141%);
}
.cutko-header__title > .wood__svg > svg {
position: absolute;
width: 100%;
height: auto;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
.cutko-header__title > .wood__svg { max-width: 240px;
}
}
.cutko-header__title .img-podklad {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
width: 22.7%;
min-width: 272px;
max-width: 308px;
height: auto;
}
@media screen and (max-width: 480px) {
.cutko-header__title .img-podklad {
top: 100%;
right: 50%;
transform: translate(50%,-100%);
} 
} input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"],
input[type="number"], 
input[type="tel"], 
input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], 
input[type="datetime"], input[type="datetime-local"], input[type="color"], 
textarea {
color: var(--brown) !important;
font-weight: 700 !important;
}  input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
} .cutko-btn__txt {
position: relative;
margin: 0 auto;
font-weight: 700;
color: var(--wheat);
width: 315px;
height: 86px;
display: flex;
justify-content: center;
align-items: center;
}
.cutko-btn__txt span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg) scale(1);
transition: all 0.3s ease;
display: block;
box-sizing: border-box;
width: fit-content;
padding: 25px;
margin: 0 auto;
text-align: center;
white-space: nowrap;
}
.cutko-btn__txt span:hover {
transform: translate(-50%, -50%) rotate(-3.3deg) scale(1.1);
}
.cutko-btn__txt img,
.cutko-btn__txt svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: -1;
}
.cutko-btn__txt-36 {
font-size: 36px;
font-weight: 700;
line-height: 100%;
}
.cutko-btn__txt-72 {
font-size: 72px;
font-weight: 900;
line-height: 72px;
} .wide-aspect-ratio {
position: relative;
width: 100%;
padding-top: 60%; background-size: cover;
background-position: center;
}
.wide-aspect-ratio .poster__frame,
.wide-aspect-ratio svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: fill; } .title__for-content__h3 {
position: relative;
width: fit-content;
font-size: 54px;
line-height: 72px;
color: var(--wheat) !important;
padding: 13px 43px;
margin: 0 !important;
margin-bottom: 25px !important;
}
.title__for-content__h3 img,
.title__for-content__h3 svg {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: fill;
}