* {box-sizing: border-box;}

:root {
    --color-bg: #e8e8e8;
    --color-accent: #4B2F05;
    --color-black-text: #282828;
    --color-link-basic: #C8532B;
}
.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-display: swap;
}

.sofia-sans {
    font-family: "Sofia Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-display: swap;
}

body {
    padding: 0;
    margin: 0;
    background: var(--color-bg);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 12pt;
    font-display: swap;
	scroll-behavior: smooth;
}

section {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 35px;
}
ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
}

h1,
h2 {
    font-family: "Sofia Sans", sans-serif;
    font-weight: 800;
    color: var(--color-accent);
}

h1 a,
h2 a {
    font-family: "Sofia Sans", sans-serif;
    font-weight: 800;
    color: var(--color-accent);
	border-bottom: 0;
	text-decoration: none;
}

h3, h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: var(--color-black-text);
}

h1 {
    font-size: 28pt;
    line-height: 1;
    letter-spacing: 1px;
}

h2 {
    font-size: 24pt;
    line-height: 1;
    padding-left: 25px;
}

h3 {
    font-size: 16pt;
    line-height: 1;
}

.logo {
    width: 75px;
    height: 75px;
    background: url(https://volga-camp.ru/logo-dark.webp) center center no-repeat;
    background-size: cover;
}

.logo a {
    width: 100%;
    height: 100%;
    display: block;
}

.headone {
    width: 100%;
    max-width: 1600px;
    height: fit-content;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(125deg, #FDD444, #F65A4D);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding-bottom: 30px;
}

.headone__line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
	margin-top: -20px;
}

.headone__line .punkt1 {
    width: 98%;
}

.headone__line .punkt2 {
    width: fit-content;
    text-align: right;
}

.rent {
    width: 100%;
    padding-bottom: 15px;
}

.rent-banner {
    position: relative;
    width: 100%;
    height: 200px;
    /*background: url("https://volga-camp.ru/13_.webp") center center / cover no-repeat;*/
    background-color: #fed445;
    border-radius: 20px;
    padding: 15px;
    transition: all 0.4s;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
/*.rent-banner::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background-color: #fdd44445;*/
/*    border-radius: inherit;*/
/*    z-index: 3;*/
/*}*/
.rent-banner h2 {
    z-index: 4;
    color: #4b2f05;
}
.rent-banner div {
    z-index: 4;
}

.rent-banner .banner-icons {
    font-size: 52px;
}

.rent-slider {
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}

.rent-slider-slide {
    width: 250px;
    height: 250px;
    background: linear-gradient(125deg,#fff, #f3f3f3);
    border-radius: 20px;
    padding: 15px;
    margin-right: 35px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex-wrap: nowrap;
    justify-content: center;
    transition: all 0.4s;
}
.rent-slider-slide:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 0px #4B2F0570;
}


.rent-slider-slide img {
    max-width: 100%;
    max-height: 142px;
    width: auto;
    margin: 0 auto;
}

.rent-slider a {
    text-decoration: none;
    color: inherit;
}

.rent-swipe-hint {
    display: none;
}

@media screen and (max-width: 745px) {
    .rent-swipe-hint {
        display: flex;
    }
}

.standardpadding3520 {
    padding: 35px;
}

.toppadding50 {
    padding-top: 50px;
}

.toppadding90 {
    padding-top: 0px;
}

.standardpadding7020 {
    padding-left: 70px;
    padding-right: 70px;
}

.standardpadding7020-pc {
    padding-left: 70px;
    padding-right: 70px;
}

.formainslider {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 12px;
}

.mainslider {
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.mainslider-slide {
    width: 250px;
    height: 250px;
    background: linear-gradient(125deg,#fff, #E8DECA);
    border-radius: 20px;
    padding: 15px;
    margin-right: 35px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;
    transition: all 0.4s;
}

.mainslider-slide:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 0px #4B2F0570;
}

.mainslider-slide .iconzag {
    font-size: 55pt;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.iconzag {
    font-size: 55pt;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.mainslider-slide .text {
    font-weight: 700;
    font-size: 13pt;
}

.mainslider-slide h3 {
    font-size: 24pt;
    margin: 0;
}

.mainslider-slide .elsepoints {
    width: 90%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.mainslider-slide .elsepoints .point1,
.mainslider-slide .elsepoints .point2,
.mainslider-slide .elsepoints .point3,
.mainslider-slide .elsepoints .point4,
.mainslider-slide .elsepoints .point5,
.mainslider-slide .elsepoints .point6 {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

.mainslider-slide .elsepoints .point1 {
    background-color: #FED445;
}

.mainslider-slide .elsepoints .point2 {
    background-color: #FCB347;
}

.mainslider-slide .elsepoints .point3 {
    background-color: #FA9D49;
}

.mainslider-slide .elsepoints .point4 {
    background-color: #F9874A;
}

.mainslider-slide .elsepoints .point5 {
    background-color: #F8704C;
}

.mainslider-slide .elsepoints .point6 {
    background-color: #F75B4E;
}

.mainslider a {
    text-decoration: none;
    color: inherit;
}

.swiper {
    width: 100%;
    height: 450px;
}

.allscreenslider {
    height: 480px;
}

.swiperpict {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-size: cover;
}

.swiper-slide {
    width: 30% !important;
}

.swiper-slide img {
    width: 100%;
    border-radius: 20px;
}

.textwrap {
    width: 80%;
    margin: 0 auto;
	text-align: left;
}

li {
  list-style: none;
}

li:before {
	content: '\2022';
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left: -15px;
    top: -9px;
	color: #F65A4D;
	font-size: 20pt;
}

.map {
    width: 100%;
    height: 450px;
    border-radius: 20px;
}

a {
	text-decoration: none !important;
}

.buttonmap {
    width: fit-content;
    height: fit-content;
    padding: 12px 45px 8px 45px;
    margin: 0 auto;
    color: #4B2F05;
    background: #FED445;
    display: block;
    margin-top: -25px;
    border-radius: 10px;
    box-shadow: 0 6px 10px #00000050;
    text-align: center;
    line-height: 0.9;
    font-family: 'Sofia Sans';
	transition: 0.4s;
}
.buttonmap:hover {
    box-shadow: 0 6px 10px #00000010;
}

.buttonmap-podpis {
    font-size: 9pt;
    color: #4B2F0550;
}

.sliderbox {
    overflow-x: auto;
}

.slider-text {
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.slider-text-slide {
    width: 280px;
}

.slider-text-slide .pointall {
    width: 250px;
    height: 250px;
    border-radius: 20px;
    padding: 15px;
    margin-right: 35px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    transition: all 0.4s;
}

.slider-text-slide .point1 {
    background: url(https://volga-camp.ru/002_.webp) center center no-repeat;
    background-size: cover;
}
.slider-text-slide .point2 {
    background: url(https://velopark.info/wp-content/uploads/2024/12/xqranlbs-lq_result-1024x768.webp) center center no-repeat;
    background-size: cover;
}
.slider-text-slide .point3 {
    background: url(https://volga-camp.ru/003.webp) center center no-repeat;
    background-size: cover;
}
.slider-text-slide .point4 {
    background: url(https://volga-camp.ru/004_.webp) center center no-repeat;
    background-size: cover;
}

.slider-text-slide .pointall:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 0px #4B2F0570;
}

.slider-text-slide h2 {
    color: var(--color-black-text);
    padding-left: 0;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0;
}

.slider-text-slide a {
    text-decoration: none;
    color: var(--color-link-basic);
    border-bottom: 1px solid #F65A4D45;
    transition: all 0.4s;
}

.slider-text-slide a:hover {
    border-bottom: 1px solid var(--color-link-basic);
}

.slider-text-slide a:after {
    content: '';
    width: 10pt;
    height: 10pt;
    margin-left: 6px;
    margin-bottom: -1px;
    background: url(https://volga-camp.ru/outlink.svg) center center no-repeat;
    background-size: cover;
    display: inline-block;
}

p.logo-podpis a:after {
    content: '';
    width: 8pt;
    height: 8pt;
    margin-left: 6px;
    margin-bottom: -1px;
    background: url(https://volga-camp.ru/outlink-black.svg) center center no-repeat;
    background-size: cover;
    display: inline-block;
    transition: all 0.4s;
}

p.logo-podpis a:hover:after {
    background: url(https://volga-camp.ru/outlink.svg) center center no-repeat;
}

.footerone {
    width: 100%;
    max-width: 1600px;
    height: fit-content;
    border-radius: 20px 20px 0 0;
    background: #D9D9D9;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding: 30px 30px 120px 30px;
    color: #797979;
    gap: 40px;
    justify-content: space-between;
}

.footerone p {
    font-size: 10pt;
    margin: 0;
    line-height: 1.8;
}

.footerone a {
    color: #282828;
    border-bottom: 1px solid #28282850;
    text-decoration: none;
    transition: all 0.4s;
}

.footerone a:hover {
	color: var(--color-link-basic);
    border-bottom: 1px solid var(--color-link-basic);
}

.footer_img img {
    width: 200px;
    opacity: 0.5;
    transition: all 0.4s;
}

.footer_img img:hover {
    opacity: 1;
}

.footerone a.footer_img {
    border-bottom: 0;
}

.menu {
    width: 700px;
    height: 80px;
    background-color: #ff5c00b3;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px 20px 0 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    z-index: 99;
    margin-left: calc(50% - 350px);
    transition: all 1s;
}

.open {
    height: 80vh;
    transition: all 1s;
}

.menu_inner {
    display: flex;
    flex-direction: row;
}

.menu .nav {
    display: flex;
    align-items: flex-start;
    margin-top: -22px;
}

.menu .phone {
    color: #FFF;
    font-size: 23pt;
    font-weight: 800;
    font-family: "Sofia Sans", sans-serif;
    line-height: 0.6;
    margin-left: 148px;
}

.menu .phone a {
    color: #FFF;
    text-decoration: none;
}

.menu .phone span {
    font-size: 10.2pt;
    color: #FFF;
}

.menu-list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: fit-content;
    margin-left: 227px;
    line-height: 2;
    font-size: 18pt;
    margin-top: 50px;
}

.menu-list a {
    color: #FFF;
    text-decoration: none;
    font-weight: 800;
    font-family: "Sofia Sans", sans-serif;
}

.menu-list .pod {
    margin-left: 40px;
    font-weight: 600;
    margin-top: -14px;
}

.menu-list div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.owl-carousel img {
    border-radius: 20px;
}

p.logo-podpis {
	font-size: 8pt;
	margin-top: -10px;
	text-align: center;
	color: #282828;
}
.logo-podpis a {
	font-size: 8pt;
	
}
.otzivi {
	width:560px;
	height:800px;
	overflow:hidden;
	position:relative;
}

p.for-emoji {
	font-size: 96pt;
    margin: 0;
    line-height: 1;
}

.div-slide {
	width: 600px;
	padding: 60px;
}

.prices {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 20px;
	width: 100%;
    justify-content: space-between;
    align-items: stretch;
}

.prices .tab {
	width: 32%;
	text-align: center;
	border-radius: 20px;
	background: #fff;
	padding: 10px 20px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.prices .tab h2 {
	    padding-left: 0 !important;
	}

.price-accent {
	font-size: 16pt;
	font-family: "Sofia Sans", sans-serif;
    font-weight: 800;
	color: var(--color-link-basic);
	margin: 10px 0;
}

@media (min-width:748px) and (max-height:800px) {
	


    .menu-list {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        line-height: 2;
        font-size: 18pt;
        margin: 50px auto;
        align-content: flex-start;
        width: 100%;
        justify-content: space-around;
    }
}

.ham8 .top {
    stroke-dasharray: 40 160;
}
.ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
}
.ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
}
.ham8.active .top {
    stroke-dashoffset: -64px;
}
.ham8.active .middle {
    /*stroke-dashoffset: -20px;*/
    transform: rotate(90deg);
}
.ham8.active .bottom {
    stroke-dashoffset: -64px;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hamRotate.active {
    transform: rotate(45deg);
}
.hamRotate180.active {
    transform: rotate(180deg);
}
.line {
    fill:none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #FFF;
    stroke-width: 7;
    stroke-linecap:round;
}

.owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
}

.owl-carousel button.owl-dot {
    background: #C8532B50 !important;
    padding: 0 !important;
    width: 10px!important;
    height: 10px!important;
    border-radius: 20px!important;
    margin-top: 20px;
    transition: all 0.4s;
    display: block;
}

.owl-carousel button.owl-dot.active {
    background: #C8532B !important;
    width: 40px!important;
}

.fin-anim {
    display: flex;
    text-align: right;
    justify-content: flex-end;
}

.carousel-finger {
    display: block;
    position: absolute;
    margin-top: 30px;
    margin-right: 30px;
    z-index: 99;
    width: 30px;
    animation: finAnim 1s ease-in-out 0s infinite alternate-reverse forwards;
}

@keyframes finAnim {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-20px);
    }
}

.onlypc {
    display: block;
}

.onlymobile {
    display: none;
}

/* ДЛЯ МОБИЛЬНОЙ ВЕРСИИ */

@media screen and (max-width:746px) {
    .rent-banner {
        flex-direction: column;
        gap: 10px;
        height: 170px;
    }
    .rent-banner .banner-icons {
        font-size: 35px;
    }
    .rent-banner h2 {
        font-size: 18pt;
        text-align: center;
    }

    .toppadding90 {
        padding-top: 90px;
    }

    .prices {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .prices .tab {
        width: 100%;
    }
    .prices .tab p {
        font-size: 10pt;
    }
    .prices .tab p.iconzag {
        font-size: 40pt;
    }
    .prices .tab h2 {
        font-size: 16pt;
    }
    .div-slide {
        width: 100%;
    }

    .onlypc {
        display: none;
    }
    .onlymobile {
        display: block;
    }
    .standardpadding3520 {
        padding: 20px;
    }
    .standardpadding7020 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .rent-slider-slide:first-child {
        margin-left: 20px;
    }
    .slider-text-slide:first-child {
        margin-left: 20px;
    }
    .headone {
        width: 100vw;
        max-width: 100vw;
        padding-bottom: 30px;
    }
    .footerone {
        width: 100vw;
        max-width: 100vw;
        padding-top: 30px;
        padding-bottom: 120px;
        flex-direction: column;
    }

    .rent:not(.rent--cards-scroll),
    .sliderbox {
        width: 100vw;
        overflow-x: scroll;
        margin-left: -20px;
        padding-top: 10px;
        overflow-y: visible;
    }

    .rent.rent--cards-scroll {
        width: 100vw;
        overflow-x: scroll;
        margin-left: -20px;
        padding-top: 10px;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }

    h1 {
        font-size: 23pt;
        line-height: 1;
        letter-spacing: 1px;
    }

    h2 {
        font-size: 20pt;
        padding: 0;
    }

    .rent-slider-slide {
        margin-right: 20px;
    }

    section {
        max-width: 100vw;
        margin: 0;
        padding: 0;
    }

    .formainslider {
        width: 100vw;
        overflow-x: scroll;
        margin-left: -20px;
    }

    .swiper {
        width: 100vw;
        height: 450px;
        margin-left: -20px !important;
    }
    .swiper-slide {
        width: 100vw !important;
    }
    .map {
        width: 100vw;
        margin-left: -20px;
    }

    .menu {
        width: 100vw;
        margin: 0;
    }
    .menu .phone {
        margin: 0 0 0 20px;
    }
    .open {
        height: 80vh !important;
        min-height: 80px;
    }
    .menu-list {
        margin-left: 30px;
    }
    .logo {
        width: 46px;
        height: 46px;
    }
    .otzivi {
		width: 100%;
	}

}

/* Карточки аренды: 4 в ряд без горизонтального скролла */
@media screen and (min-width: 746px) and (max-width: 1150px) {
    .rent.rent--cards-scroll {
        width: 100%;
        max-width: 100%;
        overflow-x: visible;
        margin-left: 0;
        padding-top: 0;
    }

    .rent.rent--cards-scroll .rent-slider {
        width: 100%;
        max-width: 100%;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: clamp(6px, 1.2vw, 14px);
        box-sizing: border-box;
    }

    .rent.rent--cards-scroll .rent-slider > a {
        flex: 1 1 0;
        min-width: 0;
        display: block;
    }

    .rent.rent--cards-scroll .rent-slider-slide {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 1;
        margin-right: 0;
        margin-left: 0;
        box-sizing: border-box;
        padding: clamp(8px, 1.8vw, 15px);
    }

    .rent.rent--cards-scroll .rent-slider-slide .emoji-pict {
        font-size: clamp(2rem, 7vw, 4.2rem);
        line-height: 1;
    }

    .rent.rent--cards-scroll .rent-slider-slide h3 {
        font-size: clamp(0.75rem, 2vw, 1.05rem);
        text-align: center;
        margin: 0;
    }
}

.fullwidth {
	width: 100%;
	height: fit-content;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 20px;
	border-radius: 20px;
	background: #fff;
	margin-top: 30px;
}
.fullwidth:has(img) {
    align-items: stretch;
}

.fullwidth img {
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
}

.fullwidth .textwrap {
	padding: 20px;
}


/*     Header inner     */

.name a {
    font-family: "Sofia Sans", sans-serif;
    font-weight: 800;
    color: var(--color-accent);
	border-bottom: 0;
	text-decoration: none;
	font-size: 20pt;
}

.headone_inner {
    width: 100%;
    max-width: 1600px;
    height: fit-content;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(125deg, #FDD444, #F65A4D);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
	z-index: 2;
	position: relative;
}

.headone_inner .headone__line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items: center;
	margin-top: 0;
}

.headone_inner .headone__line .punkt1 {
    width: 98%;
}

.headone_inner .headone__line .punkt2 {
    width: fit-content;
    text-align: right;
}

.cols-3 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 20px;
}

.cols-3 .w30 {
	width: 30%;
}

.textwrap h2 {
	padding: 0;
}

.button {
    width: fit-content;
    height: fit-content;
    padding: 16px 45px 14px 45px;
    color: #4B2F05;
    background: #FED445;
    display: block;
    margin-top: -25px;
    border-radius: 10px;
    box-shadow: 0 6px 10px #00000050;
    text-align: center;
    line-height: 0.9;
    font-family: 'Sofia Sans';
	border-bottom: 2px solid #4b2f05;
    font-size: 13pt;
    font-weight: 700;
    cursor: pointer;
	margin-top: 25px;
	transition: 0.4s;
}

.button:hover {
    color: #62400b;
    background: #fbd65a;
    box-shadow: 0 2px 3px #00000010;
    text-align: center;
    line-height: 0.9;
    font-family: 'Sofia Sans';
	border-bottom: 0;
    font-size: 13pt;
    font-weight: 700;
    cursor: pointer;
}

.accords {
	border-radius: 20px;
    overflow: hidden;
}

.accords .accordion {
  background-color: #fff;
  color: var(--color-accent);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-size: 16pt;
  font-weight: 700;
  font-family: "Sofia Sans", sans-serif;
}

.accords .active, .accords .accordion:hover {
  background-color: #FED445;
}

.accords .accordion:after {
  content: '\002B';
  color: var(--color-accent);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accords .active:after {
  content: "\2212";
}

.accords .panel {
  padding: 0 18px;
  background-color: #f6f6f6;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;

}


/*
.accords button:first-child {
	border-radius: 10px 10px 0 0;
}

.accords :not(.panel):last-of-type {
  border-radius: 0 0 10px 10px;
}
*/

#popup {
	background: linear-gradient(125deg, #FDD444, #F65A4D);
	padding: 30px;
	border-radius: 20px;
}

form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	gap: 30px;
}

input {
    padding: 10px 20px;
    box-shadow: 0 2px 3px #00000010;
    flex: 1;
    font-size: 14pt;
    color: var(--color-accent);
    border-radius: 10px;
    border: 1px solid #e8deca;
	background: #fff;
	transition: 0.4s;
}

input[type=submit] {
	font-weight: 700;
	background: #fdd444;
	border: 0;
	box-shadow: 0 2px 10px #00000060;
	transition: 0.4s;
	cursor: pointer;
    width: 100%;
}

input[type=submit]:hover {
	box-shadow: 0 2px 10px #00000010;
}

.no {
	border: 0 !important;
	text-decoration: none !important;
	color: inherit;
}

.text-box {
	width: 100%;
	padding: 30px 20px;
	border-radius: 20px;
	background: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 20px;
	align-items: center;
	transition: 0.4s;
	box-shadow: 0 7px 10px #00000030;
	margin: 30px 0;
}

.text-box:hover {
	box-shadow: 0 2px 10px #00000010;
}

.text-box h4 {
	font-size: 20pt;
	line-height: 1.2;
	margin: 0;
}

.emoji-pict {
	font-size: 85pt;
}

.accept {
    font-size: 11px;
    color: #FFF;
    flex: 1;
}
.accept .accept_input {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}
.accept .accept_input a {
    color: #FFF;
    border-bottom: 1px solid #ffffffba;
}
.accept .accept_input span {
    text-align: left;
}
.textwrap section {
    padding: 0;
    margin: 0;
}
.gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1600px;
}
.gallery ul.images {
    gap: 15px;
    max-width: 100%;
    margin: 0;
    columns: 5 310px;
    list-style: none;
    margin-top: 30px;
    display: block;
}
.gallery .images .img {
    display: flex;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-bottom: 14px;
    border-radius: 10px;
}
.gallery .images img {
    width: 100%;
    transition: transform 0.2s ease;
}
.gallery .images .img a {
    line-height: 0;
}
.gallery .images .img:hover img {
    transform: scale(1.1);
}

.gallery .gallery-show-more-wrap {
    display: none;
}


    @media (min-width:747px) and (max-width:1100px) {
        .fullwidth {
            flex-direction: column;
        }
        .fullwidth img {
            max-width: 100%;
        }
    }

    @media screen and (max-width:746px) {
        .text-box {
            flex-direction: column;
        }

        .text-box h4 {
            text-align: center;
        }

        form {
            flex-direction: column;
            text-align: center;
            gap: 15px;
        }

        input {
            width: 100%;
        }

        #popup {
            text-align: center;
        }

        .standardpadding7020-pc {
            padding-left: 0;
            padding-right: 0;
        }
        .fullwidth .textwrap {
            padding: 0 0 30px 0;
        }


        .under-head-img {
            margin-top: -85px;

        }

        .button {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }

        .name a {
            font-size: 16pt;
        }

        .headone_inner .logo {
            width: 38px;
            height: 38px;
        }
        .fullwidth {
            width: 100%;
            height: fit-content;
            text-align: center;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            gap: 20px;
        }
        .iconzag {
            font-size: 40pt;

        }
        .cols-3 .w30 {
            width: 100%;
            padding: 0 0;
        }

        .cols-3 {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: flex-start;
            gap: 40px;
        }

        p.logo-podpis {
            text-align: left;
        }
        .accords .accordion {
            font-size: 14pt;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            font-family: "Sofia Sans", sans-serif;
        }

        .textwrap {
            width: 90%;
        }

        .prices.th-3-2col {
            grid-template-columns: repeat(2, 1fr);
        }
        .gallery .images {
            max-width: 100%;
            padding: 0;
            margin-top: 30px;
        }
        .gallery .images .img {
            margin-bottom: 10px;
        }
        .gallery:not(.gallery-more-open) .images .img.gallery-extra {
            display: none;
        }
        .gallery .gallery-show-more-wrap {
            display: flex;
            justify-content: center;
            width: 100%;
            margin-top: 20px;
        }
        .gallery.gallery-more-open .gallery-show-more-wrap {
            display: none;
        }
        .lightboxOverlay,
        .lightbox {
            display: none !important;
        }
        .lightboxOverlay,
        .lightbox {
            display: none !important;
        }
    }

    @media screen and (max-width: 361px) {
        .menu .phone {
            font-size: 20pt;
            margin: 0 0 0 10px;
        }
        .menu .phone span {
            font-size: 9pt;
        }
        .menu .nav {
            margin-top: -25px;
        }
    }