@font-face {
    font-family: 'Yandex Sans Text';
    font-style: normal;
    font-weight: 300; /* Light */
    src: url('/fonts/YandexSansText-Light.eot');
    src: local('Yandex Sans Text Light'), local('YandexSansText-Light'),
         url('/fonts/YandexSansText-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/YandexSansText-Light.woff2') format('woff2'),
         url('/fonts/YandexSansText-Light.woff') format('woff'),
         url('/fonts/YandexSansText-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Yandex Sans Text';
    font-style: normal;
    font-weight: 600;
    src: local('Yandex Sans Text Regular'),
         local('YandexSansText-Regular'),
         url('/fonts/YandexSansText-Regular.woff2') format('woff2'),
         url('/fonts/YandexSansText-Regular.woff') format('woff');
    font-display: swap;
}

body {
    height: 100%;
    width: 100%;
font-family: Yandex Sans Text, sans-serif;
    font-size: 13px;
    color: #000;
    background-color: #fff;
	
}
*{
scrollbar-width: thin;
}

*{margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;}
.popup-window *{box-sizing:content-box;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Light'), local('Roboto-Light'), url('/font/Robotolight.woff2') format('woff2');font-weight:300;font-style:normal;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url('/font/Roboto.woff2') format('woff2');font-weight:400;font-style:normal;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url('/font/Robotoitalic.woff2') format('woff2');font-weight:400;font-style:italic;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Medium'), local('Roboto-Medium'), url('/font/Robotomedium.woff2') format('woff2');font-weight:500;font-style:normal;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url('/font/Robotobold.woff2') format('woff2');font-weight:700;font-style:normal;}
@font-face{font-family:'PT Sans';font-display:swap;font-style:normal;font-weight:400;src:local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;}





a{text-decoration:none;border:none;outline:none;color:#000;}
html{height:100%;width:100%;}


.itemsmenu-mob {
    display: none;
}
.first-element{
	
}





.itemsmenu {
    vertical-align: top;
    margin: 23px 10px;
    position: absolute;
    top: 0;

}
.itemsmenu-mob{
display:none;
}
.menu-el {
    font-weight: 900;
    font-size: 18px;
    margin: 0 12px;
    cursor: pointer;
    position: relative;
}
.mm-show{display:none;}

.itemsmenu a:nth-child(1){
 margin: 0 12px 0 0;
}

.itemsmenu-in {
    position: relative;
    z-index: 2;
}
.info-menu {
    display: none;
    position: absolute;
    width: 190px;
    right: -34px;
    top: -20px;
    background: #fefefe;
    padding: 58px 20px 20px;
    border-radius: 30px;
    z-index: 1;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .05);
}

.info-menu a {
    display: block;
    margin: 11px 0;
    font-weight: normal;
    font-size: 18px;
}
			.info-menu-open .info-menu{
			display:block;
			}
			.mm4:after{
			content:'';
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 80 80' x='0px' y='0px'%3e%3cpath d='M71,26.36a6,6,0,0,1-1.58,4.05l-25,27.29a6,6,0,0,1-8.84,0l-25-27.29a6,6,0,1,1,8.84-8.11L40,44.76,60.58,22.3A6,6,0,0,1,71,26.36Z'/%3e%3c/svg%3e");
    position: absolute;
    width: 18px;
    height: 18px;
    top: 2px;
    right: -12px;
    transition: all 0.2s ease-in;
			}
			
.info-menu-open .mm4:after{
    rotate: 180deg;
}

.menu-right {
    font-weight: 900;
    height: 40px;
    font-size: 17px;
    margin: 15px 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.logo {
    width: 400px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
	transition: all 0.3s ease;
	box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .0);
	height: 70px;
user-select: none;
}

.headfix{
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .14);
height:70px;
}

.header-in{
    height: 70px;
    margin: 0 auto;
    max-width: 1570px;
	transition: all 0.3s ease;
	position:relative;
}
.headfix .header-in{
    margin: 0 auto 0;
}

.logo-txt {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%20width%3D%221763.000000pt%22%20height%3D%22355.000000pt%22%20viewBox%3D%220%200%201763.000000%20355.000000%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%0A%0A%3Cg%20transform%3D%22translate(0.000000%2C355.000000)%20scale(0.100000%2C-0.100000)%22%20fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%0A%3Cpath%20d%3D%22M15860%202974%20c-151%20-23%20-248%20-52%20-364%20-109%20-319%20-157%20-501%20-447%20-535%20-855%20-36%20-429%20127%20-809%20431%20-1007%20187%20-122%20383%20-174%20650%20-174%20352%200%20609%2098%20812%20311%20122%20128%20204%20290%20248%20489%2018%2078%2022%20129%2022%20276%200%20147%20-4%20198%20-22%20276%20-95%20431%20-386%20708%20-822%20783%20-86%2015%20-346%2021%20-420%2010z%20m380%20-335%20c170%20-47%20304%20-156%20378%20-309%2068%20-138%2085%20-217%2086%20-410%201%20-183%20-11%20-265%20-55%20-373%20-105%20-261%20-309%20-397%20-594%20-399%20-118%20-1%20-200%2013%20-286%2048%20-201%2082%20-339%20270%20-379%20518%20-15%2094%20-12%20326%205%20411%2018%2083%2058%20189%20100%20261%2068%20115%20210%20218%20355%20255%2098%2026%20294%2025%20390%20-2z%22%2F%3E%0A%3Cpath%20d%3D%22M10792%202218%20c3%20-720%204%20-734%2026%20-813%2075%20-274%20263%20-456%20549%20-531%2072%20-19%20270%20-44%20346%20-44%20100%200%20297%2028%20393%2056%20239%2069%20412%20224%20493%20439%2053%20142%2054%20148%2058%20913%20l4%20712%20-203%20-2%20-203%20-3%20-5%20-700%20-5%20-700%20-27%20-73%20c-76%20-210%20-210%20-303%20-458%20-318%20-242%20-15%20-421%2075%20-507%20253%20-59%20123%20-63%20173%20-63%20901%20l0%20642%20-200%200%20-201%200%203%20-732z%22%2F%3E%0A%3Cpath%20d%3D%22M12980%202795%20l0%20-155%20360%200%20360%200%202%20-882%203%20-883%20200%200%20200%200%203%20882%202%20883%20358%202%20357%203%200%20150%200%20150%20-922%203%20-923%202%200%20-155z%22%2F%3E%0A%3Cpath%20d%3D%22M738%201917%20c-2%20-558%20-2%20-1021%200%20-1030%203%20-15%2024%20-17%20202%20-17%20176%200%20199%202%20204%2017%204%209%206%20280%206%20602%20-1%20363%202%20587%208%20589%205%201%2021%20-16%2035%20-40%2037%20-63%20306%20-554%20432%20-786%20l50%20-92%20101%200%20c69%200%20105%204%20112%2012%205%207%2067%20121%20137%20253%2070%20132%20131%20245%20135%20250%204%206%2039%2071%2077%20145%2039%2074%2088%20169%20110%20210%2022%2041%2089%20167%20148%20280%2059%20113%20136%20257%20170%20320%2077%20143%20145%20278%20145%20291%200%2015%20-325%2012%20-338%20-4%20-12%20-14%20-152%20-265%20-152%20-272%200%20-2%20-15%20-30%20-34%20-62%20-18%20-32%20-55%20-98%20-81%20-148%20-45%20-84%20-142%20-264%20-205%20-380%20-15%20-27%20-64%20-119%20-110%20-202%20-55%20-102%20-88%20-153%20-99%20-153%20-10%200%20-31%2028%20-56%2075%20-60%20111%20-181%20328%20-240%20430%20-29%2050%20-63%20110%20-77%20135%20-32%2057%20-179%20318%20-243%20430%20-26%2047%20-59%20102%20-72%20123%20l-23%2037%20-170%200%20-170%200%20-2%20-1013z%22%2F%3E%0A%3Cpath%20d%3D%22M3851%202911%20c-11%20-20%20-56%20-129%20-296%20-726%20-154%20-381%20-274%20-678%20-294%20-725%20-28%20-68%20-231%20-581%20-231%20-585%200%20-3%2096%20-4%20212%20-3%20l213%203%2066%20195%20c36%20107%2076%20218%2088%20245%2013%2028%2040%2097%2061%20155%2057%20155%20125%20332%20244%20635%2059%20149%20113%20286%20120%20305%2024%2062%2040%2050%2079%20-62%2019%20-57%2079%20-220%20132%20-363%20148%20-396%20225%20-603%20250%20-675%2013%20-36%2033%20-90%2045%20-120%2011%20-30%2030%20-80%2040%20-110%2011%20-30%2033%20-89%2049%20-130%20l28%20-75%20217%20-3%20c176%20-2%20216%200%20216%2011%200%208%20-37%20103%20-81%20213%20-45%20109%20-92%20226%20-104%20259%20-13%2033%20-42%20105%20-65%20160%20-23%2055%20-52%20127%20-64%20160%20-36%2094%20-141%20355%20-211%20525%20-35%2085%20-104%20256%20-154%20380%20-49%20124%20-101%20252%20-114%20285%20l-25%2060%20-206%203%20c-194%202%20-206%201%20-215%20-17z%22%2F%3E%0A%3Cpath%20d%3D%22M5315%202918%20c-3%20-7%20-4%20-470%20-3%20-1028%20l3%20-1015%20475%20-3%20c511%20-3%20603%202%20746%2043%20309%2089%20547%20297%20649%20569%2051%20135%2069%20240%2069%20401%200%20261%20-64%20465%20-202%20650%20-144%20193%20-354%20317%20-627%20371%20-111%2023%20-1102%2033%20-1110%2012z%20m995%20-409%20c191%20-31%20355%20-149%20435%20-313%2053%20-108%2068%20-182%2068%20-321%200%20-102%20-5%20-133%20-27%20-202%20-50%20-154%20-159%20-286%20-296%20-357%20-134%20-69%20-145%20-71%20-455%20-71%20l-280%200%20-3%20625%20c-1%20344%200%20631%203%20638%206%2015%20458%2017%20555%201z%22%2F%3E%0A%3Cpath%20d%3D%22M7460%202735%20l0%20-195%20649%200%20648%200%2082%20188%20c45%20103%2081%20190%2081%20195%200%204%20-328%207%20-730%207%20l-730%200%200%20-195z%22%2F%3E%0A%3Cpath%20d%3D%22M9331%202908%20c-43%20-109%20-536%20-1340%20-546%20-1363%20-7%20-16%20-65%20-163%20-130%20-325%20-64%20-162%20-123%20-307%20-130%20-322%20-7%20-15%20-10%20-29%20-7%20-32%203%20-3%2096%20-6%20207%20-6%20159%200%20205%203%20214%2014%206%207%2029%2062%2050%20122%2022%2060%2070%20190%20106%20289%2066%20178%2094%20254%20173%20470%20243%20667%20259%20708%20272%20700%205%20-3%2025%20-49%2045%20-103%2020%20-53%2043%20-113%2050%20-132%208%20-19%2059%20-156%20115%20-305%2056%20-148%20105%20-279%20110%20-290%2034%20-85%20200%20-527%20245%20-650%2019%20-54%2041%20-103%2048%20-107%2017%20-11%20427%20-10%20427%201%200%205%20-36%2098%20-79%20207%20-44%20110%20-140%20352%20-214%20539%20-74%20187%20-196%20493%20-270%20680%20-74%20187%20-161%20406%20-193%20488%20l-58%20147%20-213%200%20c-212%200%20-214%200%20-222%20-22z%22%2F%3E%0A%3Cpath%20d%3D%22M2744%202503%20c-37%20-71%20-77%20-146%20-89%20-168%20-12%20-22%20-57%20-107%20-100%20-190%20-43%20-82%20-93%20-178%20-111%20-212%20l-34%20-62%200%20-501%200%20-500%20205%200%20205%200%200%20880%20c0%20484%20-2%20880%20-4%20880%20-2%200%20-35%20-57%20-72%20-127z%22%2F%3E%0A%3Cpath%20d%3D%22M7460%201900%20l0%20-180%20489%200%20489%200%2025%2063%20c15%2034%2047%20111%2072%20172%2025%2060%2045%20113%2045%20117%200%205%20-252%208%20-560%208%20l-560%200%200%20-180z%22%2F%3E%0A%3Cpath%20d%3D%22M7482%201053%20l3%20-188%20312%20-3%20c302%20-2%20312%20-2%20323%2017%206%2011%2034%2089%2064%20173%2030%2084%2057%20161%2061%20171%207%2016%20-15%2017%20-379%2017%20l-386%200%202%20-187z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
background-image: url(/img/logo3.png);
width: 240px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px;
}

.lastm {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 19px;
    display: inline-block;
    vertical-align: top;
}



.mm{
margin: 0 40px 0 10px;
}

.mm:after{
content:'';
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20100%20100%22%20x%3D%220px%22%20y%3D%220px%22%3E%3Cg%3E%3Crect%20x%3D%2222%22%20y%3D%2226%22%20width%3D%2256%22%20height%3D%228%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2246%22%20width%3D%2240%22%20height%3D%228%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2266%22%20width%3D%2224%22%20height%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
position: absolute;
    width: 25px;
    height: 25px;
    top: -1px;
    right: -28px;
    transition: all 0.2s ease-in;
			}


.first-element {
    position: relative;
    text-align: center;
    width: 100%;
    height: calc(100% - 70px);
    display: table;
    align-items: center;
    min-height: 560px;
    top: 70px;
}

.feee {
    background-image: url(/carbon.jpg);
    width: 80%;
    height: 65%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
max-height: calc(100% - 240px);
}

.first-txt {
    margin: 10% auto 0;
    text-align: center;
    width: 100%;
}

h1{
    font-size: 64px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h2 {
    font-size: 70px;
    margin: 100px 0 30px;
    color: #1d1d1f;
}
.h2-long {
    font-size: 60px;
    max-width: 800px;
    line-height: 1;
}

.first-txt p {
    font-size: 30px;
    background: -webkit-linear-gradient(#c1c1c1, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fe-ar {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3Bfill%3A%20%23fff%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M261.7%2C389.6l50.5-54.3c2.8-3%2C2.7-7.8-0.4-10.6l0%2C0c-3-2.8-7.8-2.7-10.6%2C0.4l-37.7%2C40.6V127.4c0-4.1-3.4-7.5-7.5-7.5%20%20c-4.1%2C0-7.5%2C3.4-7.5%2C7.5v238.2L210.8%2C325c-2.8-3-7.6-3.2-10.6-0.4h0c-3%2C2.8-3.2%2C7.6-0.4%2C10.6l50.5%2C54.3%20%20C253.4%2C392.9%2C258.6%2C392.9%2C261.7%2C389.6z%22%2F%3E%3C%2Fsvg%3E);
    width: 45px;
    height: 45px;
    background-size: 31px;
    background-position: center;
    background-color: #000;
    border-radius: 50%;
    margin: 0 auto 0;
    cursor: pointer;
    position: absolute;
    left: calc(50% + 35px);
    bottom: 50px;
}

.felin {
height: 100%;
    width: 100%;
    max-width: 1570px;
    margin: 0 auto;
    display: table;
    position: relative;
}



.fe-price {
    height: 70px;
    display: inline-block;
pointer-events: auto;
    border-radius: 40px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    background: #efefed;
    color: #000;
    cursor: pointer;
    width: 440px;
transition: width 0.2s linear, background 0.2s linear;
}

.fe {
    margin: 12px 0 0 55px;
	transition: all 0.05s linear;
    visibility: visible;
}

.fe-price span {
    display: block;
}


.price-go {
    background-color: #000;
    border-radius: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
    text-align: center;
    transition: width 0.2s linear, padding 0.2s linear;
    width: 230px;
}

.price-go:after{
content:'';
background-size: 22px;
position: absolute;
background-color: #000;
width: 36px;
height: 36px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 50%;
opacity:0;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22ws-fab-svg%22%20style%3D%22%26%2310%3B%20%20%20%20color%3A%20%23fff%3B%26%2310%3B%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%2014v-3a8%208%200%201%201%2016%200v3%22%2F%3E%3Cpath%20d%3D%22M18%2019c0%201.657%20-2.686%203%20-6%203%22%2F%3E%3Cpath%20d%3D%22M4%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3%22%2F%3E%3Cpath%20d%3D%22M15%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3%22%2F%3E%3C%2Fsvg%3E");
}



.price-block {
    position: fixed;
    bottom: 3%;
    width: 100%;
    transition: padding 0.2s linear 0.2s, width 0.2s linear, opacity 0.15s ease-in, width 0.2s linear, left 0.2s linear;
    max-width: 1570px;
z-index:10;
font-size: 0;
pointer-events: none;
}


.blockfix .price-go {
    backdrop-filter: blur(1px) !important;
    background-color: rgb(255 255 255 / 70%) !important;
    color: #000;
    width: 270px;
    padding: 0 50px 0 20px;
}

.blockfix .fe-price {
    width: 270px;
    background: #00000000;
}

.blockfix  .price-go:after{
opacity:1;
top: 12px;
right: 12px;
}

.blockfix .fe{
visibility: hidden;
}


.page {
    background-color: #fff;
    margin: 140px 0 0 0;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}
.content {
    max-width: 1260px;
    margin: 140px auto;
}


.page-min {
    background-color: #fff;
    margin: 0 0 0 0;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}

.page-min .content {
    max-width: 1260px;
    margin: 60px auto;
}


.content-max{
    max-width: 1960px;
    margin: 60px auto;
    padding: 0 40px;
}

/* слайд */



.infinity-main {
    height: 310px;
    margin: 40px 0;
}


.scroll-pc-block {
    position: absolute;
    width: 100%;
    left: 0;
    overflow: hidden;
}

.infinity-in {
    max-width: 11720px;
    margin: 0 auto;
    padding: 0 20px 0 10%;
    text-align: center;
}

.scroll-pc-in {
    cursor: grab;
    padding-bottom: 20px;
    margin-bottom: -20px;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
}

.ob-block {
    width: 300px;
    height: 300px;
    position: relative;
    vertical-align: top;
    letter-spacing: normal;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 15px 15px 0;
    transition: opacity .15s linear 0;
    display: inline-block;
    text-align: left;
	white-space: normal;
}





.zag-slide {
    font-size: 32px;
    margin: 40px 40px 10px;
    font-weight: bold;
    text-align: center;
}

.txt-slide {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.5;
    text-align: center;
}

.type1.infinity-main {
    height: 680px;
}

.type1 .ob-block{
width: 1260px;
height: 680px;
}

.type2.infinity-main {
    height: 860px;
}

.type2 .ob-block{
width: 680px;
height: 860px;
}

.pt-next a{
height: 680px;
}

.type3.infinity-main {
    height: 900px;
}

.type3 .ob-block{
width: 680px;
height: 900px;
}

.type-main.infinity-main {
    margin: 40px 0;
	height:490px;
}



.type-main .ob-block {
width: 360px;
    height: 490px;
    padding: 30px;
    background: #fff;
}
.type-main .ob-block img {
    max-width: 100%;
    object-fit: contain;
    position: absolute;
    bottom: 0;
}




/* старый слайд */


.preslider{
margin:0 0 0 -200px;
}

.slider {
    width: 100%;
    overflow: visible;
    margin: 80px 0;

}
.slide img{
display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.slide .min-img {
    width: 80%;
    position: absolute;
    right: 10%;
    bottom: 7%;
}


.type2 img, .type3 img {
	position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.slider-track {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
}

.slide {
    width: 1260px;
    margin-right: 20px;
    height: 680px;
    background: #fff;
    border-radius: 30px;
    flex-shrink: 0;
    user-select: none;
    overflow: hidden;
	position:relative;
}











/* faq */


.faq {
    font-size: 18px;
}

.faq-item {
    background: #f5f5f7;
    margin: 0 0 20px 0;
    border-radius: 30px;
}

.faq-item input {
  display: none;
}

.faq-question {
    display: block;
    padding: 30px 50px 30px 30px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    transition: background 0.3s;
    user-select: none;
}

.faq-question::after {
    content: "+";
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: transform 0.3s;
    top: 23px;
    font-family: auto;
}

.faq-item input:checked + .faq-question::after {
  transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 70px 0 30px;
    color: #575757;
line-height: 1.5;
}

.faq-item input:checked ~ .faq-answer {
    padding: 0 30px 30px 30px;
    max-height: 500px;
}



/* страница портфолио */

.portfolio-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 0 40px;
    height: 360px;
    max-width: 1260px;
    margin: 70px auto;
}
.portfolio.infinity-main {
    height: 145px;
}

.portfolio.infinity-main {
    height: 145px;
}

.marka{
display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 120px;
    height: 120px;
    padding-bottom: 6px;
    box-sizing: border-box;
    text-align: center;
    background-size: 60%;
    background-position: 50% 20%;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3Bfill%3A%20%23eee%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M88.8%2C33.6c-2.1-5-5.2-9.5-9-13.4c-3.9-3.9-8.4-6.9-13.4-9C61.2%2C9%2C55.7%2C7.8%2C50%2C7.8S38.8%2C9%2C33.6%2C11.2c-5%2C2.1-9.5%2C5.2-13.4%2C9%20%20c-3.9%2C3.9-6.9%2C8.4-9%2C13.4C9%2C38.8%2C7.8%2C44.3%2C7.8%2C50S9%2C61.2%2C11.2%2C66.4c2.1%2C5%2C5.2%2C9.5%2C9%2C13.4c3.9%2C3.9%2C8.4%2C6.9%2C13.4%2C9%20%20c5.2%2C2.2%2C10.7%2C3.3%2C16.4%2C3.3s11.2-1.1%2C16.4-3.3c5-2.1%2C9.5-5.2%2C13.4-9c3.9-3.9%2C6.9-8.4%2C9-13.4c2.2-5.2%2C3.3-10.7%2C3.3-16.4%20%20S91%2C38.8%2C88.8%2C33.6z%22%2F%3E%3C%2Fsvg%3E");
}

.portfolio .ob-block {
    width: 120px;
    height: 120px;
    margin: 15px 15px 15px 0;
}

.portfolio .scroll-pc-block {
    background: #f8f8f8;
}


.i_bmw a{
	background-image:url('/logo/bmw.png');
}

.i_mb a{
	background-image:url('/logo/mercedes-benz.png');
}

.i_porsche a{
	background-image:url('/logo/porsche.png');
}

.i_lixiang a{
	background-image:url('/logo/lixiang.png');
}

.i_audi a{
	background-image:url('/logo/audi.png');
}

.i_zeekr a{
	background-image:url('/logo/zeekr.png');
}

.i_skoda a{
	background-image:url('/logo/skoda.png');
}

.i_toyota a{
	background-image:url('/logo/toyota.png');
}

.i_genesis a{
	background-image:url('/logo/genesis.png');
}

.i_tesla a{
	background-image:url('/logo/tesla.png');
}

.i_ford a{
	background-image:url('/logo/ford.png');
}

.i_chevrolet a{
	background-image:url('/logo/chevrolet.png');
}

.i_bentley a{
	background-image:url('/logo/bentley.png');
}

.i_dodge a{
	background-image:url('/logo/dodge.png');
}

.i_jaguar a{
	background-image:url('/logo/jaguar.png');
}

.i_jeep a{
	background-image:url('/logo/jeep.png');
}

.i_land_rover a{
	background-image:url('/logo/land-rover.png');
}

.i_lexus a{
	background-image:url('/logo/lexus.png');
}

.i_maserati a{
	background-image:url('/logo/maserati.png');
}

.i_mini a{
	background-image:url('/logo/mini.png');
}

.i_subaru a{
	background-image:url('/logo/subaru.png');
}

.i_tank a{
	background-image:url('/logo/tank.png');
}

.i_infiniti a{
	background-image:url('/logo/infiniti.png');
}

.i_kia a{
	background-image:url('/logo/kia.png');
}

.i_nissan a{
	background-image:url('/logo/nissan.png');
}

.i_volvo a{
	background-image:url('/logo/volvo.png');
}

.i_alfa_romeo a{
	background-image:url('/logo/alfa-romeo.png');
}

.i_cadillac a{
	background-image:url('/logo/cadillac.png');
}

.i_lamborghini a{
	background-image:url('/logo/lamborghini.png');
}

.i_xiaomi a{
	background-image:url('/logo/xiaomi.png');
}

.pt-top{
background: #f7f7f7;
}

.nobg{
background: none;
}

.pt-in {
    max-width: 1260px;
    padding: 220px 0 30px;
    margin: 0 auto;
    text-align: center;
}

.pt .ob-block {
    height: 100px;
    width: 290px;
}

.pt .infinity-in{
padding: 0 20px 0 20px;
}

.pt.infinity-main {
    height: 100px;
    margin: 40px 0 10px;
}

.rt-choice {
    height: 50px;
    position: relative;
    background-color: #f2f2f2;
    border-radius: 30px;
    overflow: hidden;
    max-width: 450px;
    width: 100%;
    user-select: none;
    margin: 40px auto 10px;
}

.rt1, .rt2 {
position: absolute;
bottom: 0;
opacity: 1;
z-index: 1;
color: #000;
border-radius: 22px;
width: 50%;
height: 50px;
font-size: 15px;
line-height: 50px;
transition: opacity 0.15s linear 0s, bottom 0.3s ease-in 0.3s,color 0.15s linear 0s;
z-index: 1;
text-align: center;
cursor: pointer;
}

.rt-choice:after {
content: '';
position: absolute;
background: #fff;
height: 42px;
width: 49.8%;
left: 0.5%;
top: 2px;
margin: 2px;
border-radius: 30px;
transition: left 0.2s, opacity 0.2s linear 0.1s;
opacity: 1;
}


.ctch .rt-choice:after {
left: 49%;
}


.rt1 {
    left: 0;
}

.rt2 {
    right: 0;
}

.gato1{
display:block;
}

.gato2{
display:none;
}

.ctch  .gato1{
display:none;
}

.ctch .gato2{
display:block;
}

.brand-el {
    border-radius: 30px;
    position: relative;
    padding: 30px;
    background: #fff;
    cursor: pointer;
}
.b-name {
    font-weight: bold;
    font-size: 16px;
}
.b-name a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 2;
}
.b-num {
    margin: 24px 0 0;
    color: #777;
    font-size: 13px;
}
.bei {
    position: absolute;
    top: 20px;
    right: 20px;
}
.bei img {
    width: 60px;
}

.b-big .bei img {
    width: 100px;
}

.pt .b-big .ob-block {
    height: 100px;
    width: 350px;
}


.cat-uslug .brand-el{
padding: 0;
}

.cat-uslug .b-name a{
position:relative;
}

.cat-uslug .b-num{
position: absolute;
bottom: 30px;
left: 30px;
}

.cat-uslug .ob-block {
    width: auto!important;
    min-width: 220px;
}

.pt-cat {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}


.pt-cat .ob-block {
width: 100%;
height: auto;
cursor: pointer;
margin:0;
}




.etap-tt {
    position: absolute;
    padding: 30px;
    background: linear-gradient(to bottom, #000000 0%, rgba(32, 32, 48, 0.85) 35%, rgba(32, 32, 48, 0.7) 45%, rgba(32, 32, 48, 0) 70%);
    width: 100%;
    height: 35%;
    top: 0;
    color: #fff;
}

.etap-zag {
    font-size: 32px;
    pointer-events: all;
}


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

.etap-us {
    margin: 10px -30px;
    cursor: grab;
    padding-bottom: 20px;
    margin-bottom: -20px;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;

    --fade-size: 30px;

    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--fade-size),
        #000 calc(100% - var(--fade-size)),
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--fade-size),
        #000 calc(100% - var(--fade-size)),
        transparent 100%
    );
}

.etap-us-in {
    display: block;
    padding: 0 20px 0 30px;
    height: 40px;
}

.etap-us a {
    font-size: 15px;
    padding: 8px 12px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #000;
    background: #fff;
}



.etap-port img{
width:100%;
}


.backurl {
    padding: 0 30px 0 38px;
    font-size: 15px;
    height: 46px;
    line-height: 45px;
    display: inline-block;
    background-size: 24px;
    border: 1px solid #d8d8d8;
    border-radius: 40px;
    background-position: 5px 50%;
    position: absolute;
    margin: -60px 0 0 0;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 22 22' version='1.1' x='0px' y='0px' style='&%2310; fill: %23000;&%2310;'%3e%3cg stroke='none' stroke-width='1' fill-rule='evenodd'%3e%3cpath d='M8.41421356,11 L15.7071068,3.70710678 C16.0976311,3.31658249 16.0976311,2.68341751 15.7071068,2.29289322 C15.3165825,1.90236893 14.6834175,1.90236893 14.2928932,2.29289322 L6.29289322,10.2928932 C5.90236893,10.6834175 5.90236893,11.3165825 6.29289322,11.7071068 L14.2928932,19.7071068 C14.6834175,20.0976311 15.3165825,20.0976311 15.7071068,19.7071068 C16.0976311,19.3165825 16.0976311,18.6834175 15.7071068,18.2928932 L8.41421356,11 Z' fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 18px;
background-position: 10px 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.publ .backurl {
    transform: none;
}

.pt-opis {
    grid-column: 1 / -1;
    max-width: 800px;
    padding: 0 40px;
    margin: 20px auto;
    text-align: center;
}

.also {
    margin: 40px 0 120px;
}

.also-in {
    max-width: 980px;
    padding: 36px 32px;
    border-radius: 30px;
    background: #f5f5f7;
}
.also-t {
    margin: 12px 0;
    font-size: 50px;
    line-height: 1.15;
    font-weight: 600;
    color: #1d1d1f;
    letter-spacing: -0.02em;
}

.also-tx {
    max-width: 720px;
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
    color: #6e6e73;
}

.also-b {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.also-a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    transition: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}


.also-l {
    background: #fff;
    color: #1d1d1f;
    border: 1px solid #dcdce1;
}

.vibor-type {
    font-size: 15px;
    background: #f2f2f2;
    margin: 40px auto 10px;
    display: table;
    padding: 11px 20px;
    border-radius: 30px;
}

.gallery {
    margin: 0 0 80px;
}

.gallery-in {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 60px -200px 40px;
}

.img-block {
    width: auto;
    border: none;
    position: relative;
    overflow: hidden;
    transition: opacity 0.5s ease-in, translate 1.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: 0.3s;
}

.img-block img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    cursor: pointer;
    display: block;
}

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

.publ h1{
font-size: 60px;
text-transform: none;
letter-spacing: normal;
}

.publ h2 {
    font-size: 50px;
    margin: 60px 0 20px;
    color: #1d1d1f;
}

.prc {
    margin: 24px 0 0;
}

.prc-in {
    padding: 50px 32px 30px;
    border-radius: 30px;
    background: #f5f5f7;
    max-width: 980px;
}

.prc-v {
    margin: 0 0 8px;
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #1d1d1f;
}

.prc-tx {
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.6;
    color: #3a3a3c;
}

.prc-n {
    margin: 0;
    font-size: 14px !important;
    line-height: 1.5;
    color: #8e8e93;
}

.date {
    background: #f5f5f7;
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0 0;
    border-radius: 20px;
    font-size: 14px;
    color: #333;
}





/* о нас */

.img-one {
    text-align: center;
    margin: 40px -75px;
}
.img-one img {
    width: 100%;
}
.img-two {
    margin: 40px -75px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.img-two-block img {
    display: block;
    max-width: max-content;
    margin: 0 auto;
    width: 100%;
}
.img-three {
    margin: 40px -75px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.img-three-block img {
    display: block;
    max-width: max-content;
    margin: 0 auto;
    width: 100%;
}




/* заявка */

.zay {
    position: relative;
    overflow: hidden;
}

.zay img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    position: absolute;
    top: 0;
	
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.z-order {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 95px;
    background-color: #252525d1;
}
.reversed {
    max-width: 1260px;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    text-align: right;
}

.form-title {
    max-width: 660px;
    color: #fff;
    font-size: 62px;
    font-weight: bold;
}

.form-txt{
    color: #fff;
    font-size: 17px;
    max-width: 420px;
    margin: 20px 0;
    font-weight: bold;
}

.f_in{
max-width: 420px;
}

.inputz {
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 16px 10px;
    transition: .3s ease-out;
    width: 100%;
    outline: none;
    margin: 10px 0;
    border-radius: 10px;
    background-color: #fdfdfd45;
}

.inputz::placeholder {
  color: #cbcbcb;
  font-weight:normal;
}

.policy {
    max-width: 480px;
    display: block;
}

.policy_text {
    color: #fff;
    font-size: 17px;
    line-height: 1.3;
}

.policy a {
    color: #fff;
    text-decoration: underline;
}

.btn-go{
    border: 1px solid #fff;
    width: 100%;
    align-items: center;
    background-color: transparent;
    border-radius: 5rem;
    color: #fff;
    font-size: 17px;
    padding: 20px;
    transition: .3s ease-out;
    margin: 20px 0;
}
.zoi {
    display: flex;
    justify-content: flex-end;
    max-width: 1260px;
    margin: 0 auto;
}


/* footer */




footer {
    background: #fff;
}


.mb1 {
    position: relative;
    padding-bottom: 8px;
    font-size: 18px;
    margin-bottom: 22px;
    font-weight: bold;
}

.mb1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #000;
}

.mb2 {
    font-size: 14px;
    font-weight: 600;
    margin: 22px 0 8px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.f-menu ul{
    list-style:none;
    padding:0;
    margin:0 0 10px;
}

.f-menu li{
    margin-bottom:6px;
}

.f-menu a{
    font-size:14px;
    color:#333;
    text-decoration:none;
    transition:0.25s;
    display:inline-block;
}

.f-menu a:hover{
    color:#444;
}

.company {
    margin: 0 auto;
  width: 200px;
  flex-shrink: 0; /* чтобы не сжимался */
}

.fin {
    margin: 0 auto;
    max-width: 1570px;
    display: flex;
    align-items: flex-start;
    padding: 100px 30px 0;
}

.f-menu {
    column-count: 4;
    column-gap: 30px;
    padding: 10px 0 0 30px;
    margin: 0 0 0 30px;
    flex: 1;
    border-left: 1px solid #f5f5f7;
}

.bus {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}

.f-logo {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.f-logo img {
    width: 100%;
    display: block;
}

.f-logo2{
background: url(/img/logo3.png);
    width: 200px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 50%;
    display: inline-block;
    vertical-align: top;
}




.niz {
    background: #000;
    color: #ccc;
    padding: 10px 0;
    font-size: 15px;
}
.niz-in {
    margin: 0 auto;
    max-width: 1570px;
	padding:0 20px;
}

.politika a {
    color: #ccc;
    margin: 0 10px;
white-space: nowrap;
}

.copy {
    display: inline-block;
    margin-right: 20px;
}
.politika {
    display: inline-block;
    float: right;
}




.c-line {
    width: 200px;
}

.c-line .info {
    font-size: 14px;
    line-height: 1.5;
}

.c-line .cfm {
    width: 100%;
    padding: 20px 0 20px 30px;
    margin: 10px 0 15px;
    background: #000000;
    border-radius: 30px;
}

.cfm a {
    line-height: 1.5;
    font-size: 16px;
    display: block;
    margin: 10px 0;
    color: #fff;
}

.social {
    overflow: hidden;
    width: 200px;
}
.sc {
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 50px;
    height: 40px;
    display: inline-block;
    border-radius: 14px;
    margin: 20px 22px 0 0;
}

.sc:nth-child(3){
margin: 10px 0 0 0;
}

.tg{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4.169%2010.457c4.563-2.116%207.606-3.512%209.129-4.186%204.347-1.925%205.25-2.26%205.839-2.27.13-.003.419.03.607.193.158.137.201.322.222.451.021.13.047.425.026.656-.235%202.636-1.255%209.031-1.773%2011.983-.22%201.249-.652%201.668-1.07%201.709-.909.089-1.6-.64-2.48-1.255-1.377-.961-2.156-1.56-3.493-2.498-1.546-1.084-.544-1.68.337-2.654.23-.255%204.236-4.134%204.313-4.486.01-.044.02-.208-.072-.295-.092-.086-.227-.057-.324-.033-.139.033-2.34%201.582-6.603%204.646-.625.457-1.191.68-1.698.668-.559-.013-1.634-.336-2.433-.613-.98-.34-1.76-.519-1.692-1.095.035-.3.424-.607%201.165-.92z%22%2F%3E%3C%2Fsvg%3E");
}

.vk{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4.585%206H2.288c-.657%200-.788.297-.788.625%200%20.586.779%203.49%203.627%207.33C7.025%2016.578%209.7%2018%2012.134%2018c1.46%200%201.64-.316%201.64-.86v-1.982c0-.632.14-.758.602-.758.34%200%20.924.164%202.287%201.429C18.221%2017.328%2018.478%2018%2019.354%2018h2.297c.657%200%20.985-.316.796-.939-.207-.621-.951-1.522-1.938-2.59-.535-.61-1.339-1.265-1.582-1.593-.34-.421-.243-.609%200-.983%200%200%202.799-3.794%203.091-5.082.146-.469%200-.813-.695-.813h-2.297c-.584%200-.854.297-1%20.625%200%200-1.168%202.74-2.823%204.52-.535.515-.779.68-1.07.68-.147%200-.358-.165-.358-.633v-4.38c0-.562-.17-.812-.657-.812h-3.61c-.365%200-.585.26-.585.508%200%20.533.828.656.913%202.155v3.255c0%20.714-.134.843-.426.843-.779%200-2.673-2.752-3.797-5.902C5.393%206.247%205.173%206%204.585%206z%22%2F%3E%3C%2Fsvg%3E");
}

.wa{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%3E%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-300.000000%2C%20-7599.000000)%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons%22%20transform%3D%22translate(56.000000%2C%20160.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M259.821%2C7453.12124%20C259.58%2C7453.80344%20258.622%2C7454.36761%20257.858%2C7454.53266%20C257.335%2C7454.64369%20256.653%2C7454.73172%20254.355%2C7453.77943%20C251.774%2C7452.71011%20248.19%2C7448.90097%20248.19%2C7446.36621%20C248.19%2C7445.07582%20248.934%2C7443.57337%20250.235%2C7443.57337%20C250.861%2C7443.57337%20250.999%2C7443.58538%20251.205%2C7444.07952%20C251.446%2C7444.6617%20252.034%2C7446.09613%20252.104%2C7446.24317%20C252.393%2C7446.84635%20251.81%2C7447.19946%20251.387%2C7447.72462%20C251.252%2C7447.88266%20251.099%2C7448.05372%20251.27%2C7448.3478%20C251.44%2C7448.63589%20252.028%2C7449.59418%20252.892%2C7450.36341%20C254.008%2C7451.35771%20254.913%2C7451.6748%20255.237%2C7451.80984%20C255.478%2C7451.90987%20255.766%2C7451.88687%20255.942%2C7451.69881%20C256.165%2C7451.45774%20256.442%2C7451.05762%20256.724%2C7450.6635%20C256.923%2C7450.38141%20257.176%2C7450.3464%20257.441%2C7450.44643%20C257.62%2C7450.50845%20259.895%2C7451.56477%20259.991%2C7451.73382%20C260.062%2C7451.85686%20260.062%2C7452.43903%20259.821%2C7453.12124%20M254.002%2C7439%20L253.997%2C7439%20L253.997%2C7439%20C248.484%2C7439%20244%2C7443.48535%20244%2C7449%20C244%2C7451.18666%20244.705%2C7453.21526%20245.904%2C7454.86076%20L244.658%2C7458.57687%20L248.501%2C7457.3485%20C250.082%2C7458.39482%20251.969%2C7459%20254.002%2C7459%20C259.515%2C7459%20264%2C7454.51465%20264%2C7449%20C264%2C7443.48535%20259.515%2C7439%20254.002%2C7439%22%20id%3D%22whatsapp-%5B%23128%5D%22%3E%0A%0A%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");	
}

.max{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Axodm%3D%22http%3A%2F%2Fwww.corel.com%2Fcoreldraw%2Fodm%2F2003%22%20xml%3Aspace%3D%22preserve%22%20width%3D%221523px%22%20height%3D%221518px%22%20version%3D%221.1%22%20style%3D%22shape-rendering%3AgeometricPrecision%3B%20text-rendering%3AgeometricPrecision%3B%20image-rendering%3AoptimizeQuality%3B%20fill-rule%3Aevenodd%3B%20clip-rule%3Aevenodd%22%20viewBox%3D%220%200%201521.32%201516.58%22%3E%0A%20%3Cdefs%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%3C!%5BCDATA%5B%0A%20%20%20%20.fil0%20%7Bfill%3Ablack%7D%0A%20%20%20%20.fil1%20%7Bfill%3Awhite%7D%0A%20%20%20%5D%5D%3E%0A%20%20%3C%2Fstyle%3E%0A%20%3C%2Fdefs%3E%0A%20%3Cg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_x0020_1%22%3E%0A%20%20%3Cmetadata%20id%3D%22CorelCorpID_0Corel-Layer%22%2F%3E%0A%20%20%3Cpath%20class%3D%22fil0%22%20d%3D%22M372.47%200l776.37%200c204.87%2C0%20372.48%2C167.61%20372.48%2C372.47l0%20771.64c0%2C204.86%20-167.61%2C372.47%20-372.48%2C372.47l-776.37%200c-204.86%2C0%20-372.47%2C-167.61%20-372.47%2C-372.47l0%20-771.64c0%2C-204.86%20167.61%2C-372.47%20372.47%2C-372.47z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22fil1%22%20d%3D%22M772.44%201295.02c-107.13%2C0%20-156.91%2C-15.6%20-243.19%2C-77.99%20-54.92%2C70.2%20-227.77%2C124.81%20-235.38%2C31.2%200%2C-70.14%20-15.84%2C-129.23%20-33.31%2C-194.26%20-21.38%2C-79.69%20-45.16%2C-168.33%20-45.16%2C-297.16%200%2C-307.17%20253.55%2C-538.24%20554.22%2C-538.24%20300.58%2C0%20536.3%2C242.3%20536.3%2C541.23%200%2C298.89%20-243.23%2C535.23%20-533.49%2C535.23l0.01%20-0.01zm4.34%20-810.86c-146.28%2C-7.62%20-260.42%2C93.24%20-285.6%2C251.11%20-20.87%2C130.76%2016.11%2C290.06%2047.72%2C298.07%2014.92%2C3.78%2053.1%2C-26.92%2076.62%2C-50.31%2038.73%2C24.94%2083.14%2C44.28%20132.52%2C46.82%20150.2%2C7.82%20283.26%2C-108.97%20291.15%2C-258.22%207.88%2C-149.25%20-112.21%2C-279.65%20-262.39%2C-287.47l-0.02%200z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.yu{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M19.807%205.37a2.53%202.53%200%20011.773%201.784c.42%201.568.42%204.84.42%204.84s0%203.273-.41%204.842a2.512%202.512%200%2001-1.772%201.784c-1.568.42-7.818.42-7.818.42s-6.25%200-7.807-.42a2.531%202.531%200%2001-1.773-1.784C2%2015.267%202%2011.995%202%2011.995s0-3.273.41-4.841A2.512%202.512%200%20014.181%205.37C5.75%204.95%2012%204.95%2012%204.95s6.25%200%207.807.42zm-4.625%206.625l-5.227%202.977V9.018l5.227%202.977z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
}

.ph{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%22-5.0%20-5.0%20110.0%20110%22%3E%0A%20%3Cpath%20d%3D%22m10.922%2017.066c0.070313-0.28906%200.15234-0.56641%200.24609-0.82812%200.57422-1.5664%201.8164-2.6406%203.4531-2.9805l15.219-3.1602c2.2422-0.46484%204.4453%200.71484%205.3047%202.8359l6.4062%2015.836c0.75391%201.8594%200.28906%203.8906-1.1992%205.2383l-5.793%205.2461c-1.6133%201.4609-1.8984%203.6953-0.99609%205.6758%203.8984%208.5547%2012.949%2017.617%2021.508%2021.508%201.9805%200.90234%204.2148%200.61719%205.6719-0.99609l5.2461-5.793c1.3477-1.4844%203.3789-1.9492%205.2383-1.1992l15.836%206.4062c2.1211%200.85938%203.3008%203.0625%202.8359%205.3047l-3.1602%2015.219c-0.33984%201.6367-1.4102%202.8789-2.9805%203.4531-0.26172%200.09375-0.53516%200.17578-0.82812%200.24609-33.836%208.0312-80.039-38.172-72.008-72.012z%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E");
}

.adres{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23888%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M70.59%2C17.19c-5.5-5.5-12.81-8.53-20.59-8.53c-16.06%2C0-29.12%2C13.06-29.12%2C29.12c0%2C0.35%2C0.01%2C0.71%2C0.02%2C1.05%20%20%20c0.11%2C2.97%2C0.66%2C5.89%2C1.64%2C8.67C28.18%2C65.9%2C46.52%2C89.06%2C47.3%2C90.04c0.65%2C0.82%2C1.65%2C1.3%2C2.7%2C1.3c1.05%2C0%2C2.05-0.48%2C2.7-1.3%20%20%20c0.78-0.98%2C19.12-24.14%2C24.75-42.54c0.98-2.78%2C1.54-5.69%2C1.64-8.63c0.02-0.37%2C0.03-0.73%2C0.03-1.09%20%20%20C79.12%2C30%2C76.09%2C22.69%2C70.59%2C17.19z%20M72.19%2C38.58c-0.08%2C2.3-0.51%2C4.54-1.27%2C6.67c-0.02%2C0.05-0.04%2C0.1-0.05%2C0.16%20%20%20C66.88%2C58.53%2C55.3%2C75.05%2C50%2C82.19c-5.3-7.13-16.87-23.65-20.87-36.78c-0.02-0.05-0.03-0.1-0.05-0.16c-0.76-2.13-1.19-4.38-1.27-6.7%20%20%20c-0.01-0.26-0.02-0.52-0.02-0.77c0-12.25%2C9.96-22.21%2C22.21-22.21c5.93%2C0%2C11.51%2C2.31%2C15.71%2C6.51s6.51%2C9.77%2C6.51%2C15.71%20%20%20C72.21%2C38.03%2C72.21%2C38.28%2C72.19%2C38.58z%22%2F%3E%3Cpath%20d%3D%22M49.96%2C21.38c-8.9%2C0-16.14%2C7.24-16.14%2C16.14c0%2C3.4%2C1.06%2C6.56%2C2.87%2C9.17c2.88%2C4.29%2C7.77%2C7.11%2C13.31%2C7.11%20%20%20c7.19%2C0%2C13.28-4.75%2C15.31-11.28c0.51-1.57%2C0.8-3.25%2C0.8-5C66.1%2C28.62%2C58.86%2C21.38%2C49.96%2C21.38z%20M49.96%2C46.62%20%20%20c-4.69%2C0-8.56-3.57-9.04-8.13c-0.02-0.24-0.04-0.47-0.04-0.71c0-5.03%2C4.09-9.12%2C9.12-9.12c4.34%2C0%2C7.97%2C3.05%2C8.89%2C7.11%20%20%20c0.11%2C0.57%2C0.17%2C1.15%2C0.17%2C1.75C59.06%2C42.54%2C54.98%2C46.62%2C49.96%2C46.62z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
padding: 0 0 0 30px;
    background-repeat: no-repeat;
    margin-top: 20px;
    background-size: 22px;
}

.time{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20fill%3D%22%23888%22%20viewBox%3D%22-5.0%20-5.0%20110.0%20110%22%3E%0A%20%3Cpath%20d%3D%22m50%2096.016c-25.414%200-46.012-20.602-46.012-46.016s20.598-46.016%2046.012-46.016%2046.012%2020.602%2046.012%2046.016-20.605%2046.016-46.012%2046.016zm-4.043-73.004v26.988c0%201.4961%200.80859%202.8008%202.0195%203.5l17.438%2010.078c1.9414%201.1211%204.418%200.46094%205.543-1.4766%201.1133-1.9336%200.46094-4.4141-1.4805-5.5352l-15.43-8.9102v-24.645c0-2.2344-1.8125-4.0469-4.043-4.0469-2.2305%200-4.043%201.8125-4.043%204.0469zm30.84%200.19141c-14.801-14.801-38.793-14.801-53.59%200-14.801%2014.797-14.801%2038.793%200%2053.594%2014.797%2014.801%2038.793%2014.801%2053.59%200s14.797-38.793%200-53.594z%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E");
padding: 0 0 0 30px;
background-repeat: no-repeat;
margin-top: 10px;
    background-size: 22px;
    background-position: 2px 1px;
}




.phone{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%22-5.0%20-5%20110.0%20110%22%20fill%3D%22%23888%22%3E%0A%20%3Cpath%20d%3D%22m67.574%2094.82c-5.418%200-10.844-1.582-15.57-4.7812-8.0781-5.4648-15.844-11.918-23.074-19.18-7.2383-7.2617-13.652-15.051-19.07-23.141-6.7852-10.133-6.1406-23.363%201.6133-32.93l4.332-5.3438c2.0391-2.5156%205.0664-4.0586%208.3086-4.2188%203.2656-0.1875%206.418%201.0547%208.7031%203.3516l8.1016%208.1367c2.1523%202.1602%203.332%205.0273%203.3203%208.0781-0.011719%203.0469-1.2148%205.9102-3.3906%208.0508l-2.1445%202.125c-1.832%201.8086-2.0508%204.6484-0.52734%206.7539%205.582%207.7344%2012.332%2014.512%2020.055%2020.133%202.1289%201.5469%204.9883%201.3477%206.8242-0.46484l2.1523-2.125c4.4727-4.4141%2011.727-4.3945%2016.16%200.070313l8.1055%208.1367c2.2891%202.293%203.4922%205.4688%203.3008%208.7031-0.19141%203.2344-1.7656%206.25-4.3125%208.2656l-5.4062%204.2695c-5.1406%204.0586-11.309%206.1094-17.477%206.1094zm-42.863-83.363c-0.09375%200-0.18359%200-0.27734%200.007813-1.4961%200.074218-2.8359%200.75781-3.7734%201.9141l-4.3359%205.3477c-6.0156%207.4219-6.5273%2017.676-1.2734%2025.516%205.1953%207.75%2011.352%2015.227%2018.305%2022.203%206.9531%206.9766%2014.402%2013.176%2022.148%2018.418%207.8398%205.2969%2018.164%204.8828%2025.676-1.0586l5.4062-4.2695c1.168-0.92188%201.8594-2.2461%201.9492-3.7266%200.085938-1.4766-0.44531-2.8711-1.4883-3.9219l-8.1055-8.1367c-2.0195-2.0273-5.3164-2.0312-7.3438-0.03125l-2.1523%202.125c-4.0234%203.9766-10.285%204.4297-14.898%201.0664-8.2539-6.0117-15.469-13.254-21.438-21.52-3.3398-4.625-2.8359-10.875%201.2031-14.863l2.1445-2.1211h0.003907c0.98047-0.97266%201.5234-2.2617%201.5312-3.6328%200.007812-1.375-0.52734-2.6641-1.4961-3.6406l-8.1055-8.1367c-0.98828-0.99219-2.2852-1.5312-3.6758-1.5312z%22%2F%3E%0A%3C%2Fsvg%3E");
padding: 0 0 0 30px;
background-repeat: no-repeat;
margin-top: 10px;
    background-size: 22px;
    background-position: 2px 1px;
}













.opis-container {
    max-width: 800px;
}


.read-more-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 16px;
  background: #000000;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.5s ease, opacity 0.3s ease;
}

/* Плавное скрытие кнопки */
.opis.expanded ~ .read-more-btn {
  opacity: 0;
  pointer-events: none;
}

.opis {
  position: relative;
  max-height: 330px;
  overflow: hidden; /* важно */
  transition: max-height 2.5s ease;
  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

.opis.expanded {
  max-height: 5000px;
  mask-image: none;
  -webkit-mask-image: none;
}









.content p{
    line-height: 1.5;
    font-size: 19px;
    margin: 0 0 15px 0;
}


.opis p, .publ-txt p{
    margin: 20px 0;
}

.opis ul, .publ-txt ul {
    line-height: 1.5;
    font-size: 19px;
    padding: 0 0 0 25px;
}

.opis li, .publ-txt li{

}

.publ-txt .video-box{
width: 100%;
        margin: 40px auto;
}
























.portfolio{
    margin: 80px 0 220px;
}

.portfolio .slide {
    width: 600px;
    height: 600px;
    overflow: visible;
}

.etapi .slide {
    width: 475px;
    height: 600px;
    overflow: visible;
}

.portfolio-el, .etapi-el{
    border-radius: 30px;
	overflow:hidden;
}

.portfolio-txt, .etapi-txt {
    padding: 30px 20px;
}

.portfolio-txt h3, .etapi-txt h3 {
    color: #1d1d1f;
    margin: 0 2px 5px 0;
}

.portfolio-txt p, .etapi-txt p, .pt-opis p{
color:#6e6e73;
    overflow: hidden;
    max-height: 100px;
}

.etapi-txt p{
    overflow: visible;
}


.portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
    font-size: 17px;
    line-height: 1.5;
}

.pt-next a {
    background: #fff;
    width: 100%;
    height: 680px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.pt-next a span {
    background-color: #f1f1f1;
    padding: 20px 60px 20px 30px;
    border-radius: 30px;
    color: #9c9c9c;
    font-size: 16px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22dishesSelectionCardButtonArrow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%205.25C0.585786%205.25%200.25%205.58579%200.25%206C0.25%206.41421%200.585786%206.75%201%206.75V5.25ZM17.5303%206.53033C17.8232%206.23744%2017.8232%205.76256%2017.5303%205.46967L12.7574%200.696699C12.4645%200.403806%2011.9896%200.403806%2011.6967%200.696699C11.4038%200.989593%2011.4038%201.46447%2011.6967%201.75736L15.9393%206L11.6967%2010.2426C11.4038%2010.5355%2011.4038%2011.0104%2011.6967%2011.3033C11.9896%2011.5962%2012.4645%2011.5962%2012.7574%2011.3033L17.5303%206.53033ZM1%206.75H17V5.25H1V6.75Z%22%20fill%3D%22%239C9C9C%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: 85% 50%;
}


.etapi {
    margin: 80px 0 300px;
}

.etapi .slide {
    width: 475px;
    height: 600px;
    overflow: visible;
}



















.gradi {
    background: -webkit-linear-gradient(#828282, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.p2 {
    color: #6e6e73;
    max-width: 800px;
}





.vertical-slider {
    background: #fff;
    padding: 70px 100px;
    margin: 50px -100px;
    border-radius: 30px;
    position: relative;
    height: 760px;
    overflow: hidden;
}
.vs-tabs {
    position: absolute;
    width: 38%;
    background: #fff;
    z-index: 1;
}
.vs-mob{
display:none;
}
.vs-right, .vs-left{
display:none;
}
.vs-slider-track {
    margin: -65px 0 0 45%;
    width: 60%;
}

.vs-tab h3{

}

.vs-tab {
    cursor: pointer;
    margin-bottom: 20px;
    padding: 18px 30px;
    transition: background-color 0.3s ease, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: .3s;
    background-color: #eeeef2;
    border-radius: 30px;
    display: table;
    position: relative;
}
.vs-tab.active {
    background-color: #eeeef2;
    transition: background-color 0.3s ease, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: .3s;
}

.vs-tab:hover {
    background-color: #eeeef2;
}

.vs-tab h3 {
    margin: 0 0 0 25px;
    font-size: 16px;
}

.vs-tab h3:before{
content:'';
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22plus-icon%22%20version%3D%221.1%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.3%22%20style%3D%22stroke%3A%20var(--app-pv-icon-fill)%3B%20fill%3A%20none%3B%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(7%207)%22%20style%3D%22stroke%3A%20none%3B%20fill%3A%20var(--app-pv-icon-fill)%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m9%204h-3v-3c0-0.553-0.447-1-1-1s-1%200.447-1%201v3h-3c-0.553%200-1%200.447-1%201s0.447%201%201%201h3v3c0%200.553%200.447%201%201%201s1-0.447%201-1v-3h3c0.553%200%201-0.447%201-1s-0.447-1-1-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    left: 15px;
    border: 1px solid;
    border-radius: 50%;
}

.vs-tab.active h3{
display:none;
}

.vs-tab p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
	opacity:0;
	position: absolute;
	transition: opacity 0.0s ease-in, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: .0s;
}

.vs-tab.active p {
opacity:1;
transition: opacity 0.15s ease-in, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: .15s;
position: relative;
}

.vs-slide {
    height: 91%;
    position: absolute;
    width: 46%;
    margin: 2% 4%;
}

.vs-in {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.vs-slide.active {
    display: block;

}

.vs-slide img {
width:0%;
opacity: 0;
transition: opacity 0.15s ease-in, width 0.3s ease-in, margin-left 0.3s ease-in, margin-right 0.3s ease-in 1s, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: .1s;
margin-left: -200%;
}

.vs-slide.active img{
width:100%;
transition: opacity 0.15s ease-in, width 0.3s ease-in,  margin-left 0.3s ease-in, margin-right 0.3s ease-in 1s, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: .1s;
opacity: 1;
margin-left: 0;
}

.vs-slide.noactive img{
margin-left: 200%;
}






.w-bg {
    background: #f6f6f6;
    display: table;
    width: 100%;
}











/** выпадающее меню **/

.cc-close{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;fill: %23fff;' xml:space='preserve'%3e%3cpath class='st0' d='M50.6,59.1L69.4,78c1.1,1.1,2.5,1.6,4,1.6c1.5,0,2.9-0.6,4-1.6c1.1-1.1,1.6-2.5,1.6-4c0-1.5-0.6-2.9-1.6-4 L58.5,51.2l18.9-18.9c1.1-1.1,1.6-2.5,1.6-4c0-1.5-0.6-2.9-1.6-4c-1.1-1.1-2.5-1.6-4-1.6c-1.5,0-2.9,0.6-4,1.6L50.6,43.2l-18-18 c-1.1-1.1-2.5-1.6-4-1.6c0,0,0,0,0,0c-1.5,0-2.9,0.6-4,1.6c-1.1,1.1-1.6,2.5-1.6,4c0,1.5,0.6,2.9,1.6,4l18,18l-18,18 c-1.1,1.1-1.6,2.5-1.6,4c0,1.5,0.6,2.9,1.6,4c2,2,5.9,2,7.9,0L50.6,59.1'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 20px;
    content: '';
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background-position: 50%;
    background-color: #000;
    cursor: pointer;
	z-index:100;
}

.bg-show{
visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(6px) !important;
    background-color: rgb(99 99 99 / 70%) !important;
    left: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    transition: opacity .3s linear, visibility 0s linear .3s;
    background-size: 64px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.menu-drop-on .bg-show, .form-on .bg-show, .otz-on .bg-show{
    visibility: visible;
    opacity: 1;
    transition: opacity .3s linear, visibility 0s linear .0s;
}

.menu-drop {
position:fixed;

    user-select: none;
    overscroll-behavior: contain;
    width: 500px;
    margin: 0 auto;
    z-index: 100;
    left: -50%;
	top:0;
    border-radius: 0;
    font-size: 15px;
    height: 100%;
    transition-duration: 0.6s;
    background: #fff;
    overflow-y: auto;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
				

.menu-drop-on{
overflow: hidden;
}

.menu-drop-on .menu-drop{
display:block;
left:0;
background:#fff;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .14);
}

	
.menu-drop .md1 {
border-bottom: 1px solid #eee;
}

.menu-drop .md1 a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
text-decoration: none;
color: #111;
font-weight: 500;
font-size: 15px;
transition: background 0.2s ease;
}

.menu-drop .md1 a:hover {
background: #f7f7f7;
}

.menu-hide {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

.mhd a {
    font-size: 20px;
    padding: 14px 0 0;
    display: block;
}

.fpanel .social {
    margin: 20px 0 20px 0;
}
.fpanel .info div {
    margin: 5px 0;
    line-height: 1.5;
}

.mobile-menu {
    width: 100%;
    height: 100vh;
	height: 100svh;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.menu-wrapper{
  width:100%;
  height:100%;
  position:relative;
}

.menu-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
	z-index:1;
    padding: 20px 40px 40px;
    box-sizing: border-box;
    background: #fff;
    transition: all .35s cubic-bezier(.4, 0, .2, 1);

    /* вертикальный скролл при переполнении, но без полосы */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
}

/* Убираем стандартный скролл справа */
.menu-panel::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* полностью скрываем */
}

/* Для Firefox */
.menu-panel {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.fpanel{
background:#fff;
transition:all .35s cubic-bezier(.4,0,.2,1);
}

.fpanel.active{
background:#fff;
}

.menu-panel.active{
  transform:translateX(-100%);
}

.menu-panel[data-panel="root"]{
  left:0;
  transform:translateX(0);
}

.menu-title {
    font-size: 20px;
    font-weight: 600;
    margin: 22px 0 13px;
    position: relative;
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
	color:#fff;
}

.menu-item, .menu-link, .menu-back {
    padding: 14px 0;
    font-size: 18px;
    cursor: pointer;
}

.menu-link{
  display:block;
  text-decoration:none;
  color:#fff;
  transition:all .25s cubic-bezier(.4,0,.2,1);
}

.active .menu-link{
color:#000;
}
.active .menu-title {
color:#000;
}

.menu-back{
  font-size:14px;
  opacity:0;
  margin-bottom:10px;
 transition:all .25s cubic-bezier(.4,0,.2,1);
}

.active .menu-back{
opacity:.6;
}

.menu-back::before{
  content:"← ";
}


.menu-header {
    font-size: 20px;
    font-weight: 600;
    margin: 42px 0 13px;
    position: relative;
	transition:all .25s cubic-bezier(.4,0,.2,1);
	color:#fff;
}

.active .menu-header {
color:#000;
}

.menu-header:nth-child(2) {
margin: 22px 0 13px;
}


.fpanel .menu-header {
    font-size: 20px;
    padding: 14px 0;
    cursor: pointer;
    font-weight: bold;
    margin: 0;
}

.fpanel:before {
    content: '';
    height: 30px;
    display: block;
}

.menu-hide, .fpanel .social, .fpanel .info{
display:none;
}



/* Иконка стрелки */
.menu-drop .md1 a::after {
    content: "›";
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Подменю */
.menu-drop .md2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background: #fafafa;
}

.menu-drop .md2 a {
    display: block;
    padding: 10px 24px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: all 0.2s ease;
}

.menu-drop .md2 a:hover {
    color: #000;
    padding-left: 28px;
}

/* Активное состояние */
.menu-drop .md1.active + .md2 {
    max-height: 1000px;
}

.menu-drop .md1.active a::after {
    transform: rotate(90deg);
}





/** цены **/

.prices{

}

.p-line {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    padding: 21px 32px;
    margin: 0 0 20px;
    font-size: 15px;
}
.p-name {
    width: 130%;
    font-weight: bold;
}

.p-img {
    width: 50px;
    float: left;
    margin: 0 15px 0 0;
    font-weight: bold;
}

.p-img img {
    width: 100%;
}



.p-price{
    width: 100%;
font-weight: bold;
}

.p-srok{
    width: 100%;
font-weight: bold;
}

.p-buy{
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    outline: 0px;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    transition: 0.12s ease-in-out;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    max-width: -webkit-fill-available;
    height: 48px;
    min-width: 48px;
    line-height: 24px;
    padding: 12px 16px;
    font-size: 16px;
    width: 60%;
    color: rgb(255, 255, 255);
    background-color: #000;
margin: 3px 0 0 0;
}

.wht {
    display: block;
    font-weight: normal;
    margin: 5px 0 5px;
}


/** главная **/

.main-top {
    position: relative;
    height: calc(100vh - 70px);
	height: calc(100svh - 70px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: 70px;
	padding:0 40px;
}

.main-top video{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.overlay{
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.main-content{
    text-align: center;
    z-index: 1;
}

.main-top .btn {
    padding: 20px 50px;
    margin: 30px 10px;
    border: none;
    background: #fff;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    border-radius: 30px;
    transition: 0.3s;
    font-size: 15px;
}


.main-uslugi {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 40px -130px;
}

.usluga, .usluga-wide {
    height: 640px;
    background: #f7f7f9;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
	cursor:pointer;
}

.usluga .txt-slide{
max-width: 550px;
}
.usluga-wide .txt-slide{
max-width: 600px;
}


.usluga-wide {
grid-column: span 2;
height: 700px;
}
.u-img {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    z-index: 0;
    margin: 0 0 5px 0;
}

.u-img img {
    max-width: 100%;
    max-height: 75%;
    object-fit: contain;
}

.u-txt {
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: baseline;
    text-align: center;
}

.u-txt h2 {
    color: #000;
    margin: 50px 20px 10px;
}
.u-p{

}

.u-cat {
    cursor: grab;
    padding-bottom: 20px;
    margin-bottom: -20px;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
    margin: 20px 0;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и Edge */
}
.u-cat::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}
.ucl {
    text-align: center;
    display: block;
    padding: 0 20px;
    height: 40px;
}
.ucl a {
    font-size: 16px;
    color: #000000;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 7px;
    border: 1px solid #d3d3d3ee;
        background: #f7f7f9;
}
.ucl a:nth-last-child(1){
margin-right: 25px;
}

.u-hide{
display:none;
}


.page-main {
    background-color: #fff;
    margin: 0;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}

.scrolldown{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' x='0px' y='0px' style='&%2310; fill: %23fff;&%2310;'%3e%3cg%3e%3cpath d='M25,45A14,14,0,0,0,39,31V19a14,14,0,0,0-28,0V31A14,14,0,0,0,25,45ZM13,19a12,12,0,0,1,24,0V31a12,12,0,0,1-24,0Z'/%3e%3cpath d='M24,24.5h.09l.2.21a1,1,0,0,0,1.42,0l.2-.21H26v-.09l5.71-5.7-1.42-1.42L26,21.59V11H24V21.59l-4.29-4.3-1.42,1.42L24,24.41Z'/%3e%3c/g%3e%3c/svg%3e");
width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 50%;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 40px);
    cursor: pointer;
}

.scrolldown span {
    margin: -17px 0 0 -27px;
    width: 140px;
    text-align: center;
    position: relative;
    display: block;
    font-size: 15px;
	color:#fff;
}




.benefits {
        
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(247, 247, 247, 1) 23%);
      }
.benefits-in{
padding: 80px 20px;
}

      .benefits-wrap {
        max-width: 1200px;
        margin: 0 auto;
      }

      .benefits-top {
        max-width: 760px;
        margin-bottom: 36px;
      }

      .benefits-label {
        margin: 0 0 12px;
        font-size: 14px;
        font-weight: 600;
        color: #6e6e73;
      }

      .benefits-title {
        margin: 0 0 16px;
        font-size: 48px;
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -0.03em;
      }

.benefits-text {
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    max-width: 800px;
}

      .benefits-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
      }

      .benefits-item {
        padding: 24px;
        background: #ffffff;
        border: 1px solid #e5e5e7;
        border-radius: 20px;
      }
.benefit-card__label {
    font-size: 12px;
    color: #545454;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin: 5px 0 16px;
    border-radius: 18px;
}


.benefits-name {
    margin: 5px 0 15px;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.benefits-desc {
    margin: 0;
    font-size: 16px !important;
    line-height: 1.5;
    color: #6e6e73;
}

.benefit-img{
height: 200px;
position: relative;
}

.benefit-img img{
	
}

.pre-pm{
background: #f8f8f8;
}
.pre-pm-in {
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 0 80px;
}












@media screen and (max-width:1660px){
	
.gallery-in {
    grid-template-columns: repeat(3, 1fr);
    margin: 60px -100px 40px;
}
	
	
	
	
	
	
}





@media screen and (max-width:1580px){
.main-uslugi, .uslugi{
margin: 40px 0;
}
.usluga{
height: 560px;
}
}

@media (max-width: 1500px) {
.pre-pm-in {
padding: 20px 40px 60px;
}
}

@media (max-width: 1260px) {
.main-uslugi, .uslugi {
margin: 40px -40px;
gap: 12px;
}
.usluga, .usluga-wide {
border-radius: 0;
}

.benefits-desc {
font-size: 14px !important;
}
.benefit-card__label {
    font-size: 11px;
    margin: 0 0 5px;
}
.benefits-name {
font-size: 20px;
}
.type-main .ob-block {
    width: 320px;
    height: 450px;
}
.type-main.infinity-main {
    height: 450px;
}
.usluga .txt-slide {
    max-width: 90%;
}

}

@media (max-width: 1100px) {
.benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
.main-top .btn {
    padding: 14px 25px;
    margin: 20px 10px;
}
}


@media (max-width: 1024px) {
.usluga {
    height: 500px;
}
.usluga-wide {
height: 580px;
}
.u-img img {
    max-height: 68%;
}
.ucl a {
    font-size: 15px;
}
    .zag-slide {
        font-size: 28px;
    }
.benefits-desc span{
display:none;
}
.benefit-img {
    height: 160px;
}
.type-main .ob-block img {
    max-width: 90%;
}
.benefits-name {
        font-size: 18px;
        margin: 5px 0 12px;
    }
    .type-main .ob-block {
        width: 300px;
        height: 350px;
        padding: 25px;
    }
    .type-main.infinity-main {
        height: 350px;
    }
    .pre-pm-in {
        padding: 1px 40px 40px;
    }
}


@media (max-width: 960px) {
    .usluga {
        height: 440px;
    }
.usluga-wide {
        height: 550px;
    }
	
}

@media (max-width: 880px) {
.u-txt .zag-slide{
margin: 30px 40px 10px;
}
.ucl a {
        font-size: 14px;
        padding: 10px 17px;
        margin: 0 6px;
    }
.usluga {
        height: 340px;
    }
    .usluga-wide {
        height: 460px;
    }
.usluga .txt-slide, .usluga-wide .txt-slide {

        display: none;
    }
    .u-img img {
        max-height: 75%;
    }
.scrolldown{
bottom:10px;
}
    .pre-pm-in {
        padding: 1px 30px 40px;
    }
}



@media (max-width: 820px) {
.usluga {
        height: 320px;
    }	
    .usluga-wide {
        height: 440px;
    }
	
}


@media (max-width: 767px) {
.benefits {
padding: 56px 16px;
}

.benefits-title {
font-size: 34px;
}

.benefits-text {
font-size: 17px;
}
}


@media (max-width: 720px) {
	
.usluga-wide, .usluga {
height: 450px;
grid-column: span 2;
    }
.u-hide{
display:block;
}
.us-hide{
display:none;
}
}




@media (max-width: 500px) {
.main-top .btn {
        margin: 20px auto 0;
        width: 70%;
    }
.main-top .btn:nth-last-child(1){
margin-bottom:20px;
}
}

@media (max-width: 460px) {
.main-top {
    height: calc(100vh - 60px);
	height: calc(100svh - 60px);
    margin-top: 60px;
}
    .main-top .btn {
        font-size:14px;
        width: 80%;
    }
}


@media (max-width: 420px) {
    .main-uslugi, .uslugi {
        margin: 40px -20px;
	}

}



/** видео **/



.video-box {
    position: relative;
    width: calc(100% + 260px);
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
    border-radius: 30px;
    margin: 40px -130px;
}

.video-box__video,
.video-box__poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-box__video {
  background: #000;
}

.video-box__poster {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.video-box__play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 92px;
  height: 64px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.video-box__play:hover {
  transform: translate(-50%, -50%) scale(1.08);
}

.video-box__play svg {
  display: block;
  width: 100%;
  height: 100%;
}

.video-box.is-playing .video-box__poster,
.video-box.is-playing .video-box__play {
  opacity: 0;
  pointer-events: none;
}



/** форма заявки **/


.form-show, .otz-show{
position: fixed;
    left: calc(50% - 610px);
    user-select: none;
    overscroll-behavior: contain;
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    z-index: 100;
    bottom: -200%;
    border-radius: 0;
    font-size: 15px;
    height: 100%;
    transition-duration: 0.6s;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #efefef;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.otz-show{
align-items: normal;
}



.otz-on .form-in .cc-close{
    position: fixed;
    right: calc(50% - 590px);
}

.form-on .form-show, .otz-on .otz-show{
    bottom: 0;
}

.form-in {
    width: 800px;
}

.form-in p {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

.msngrs {
    margin: 20px 0 20px;
    position: relative;
}

.msngrs a {
    background-repeat: no-repeat;
    background-size: 22px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding: 8px 40px 8px 15px;
    background-position: 92%;
    font-size: 18px;
    margin: 0 10px 10px 0;
    opacity: 0.8;
    display: inline-block;
    background-color: #fff;
}

.msngrs .tg{
background-size: 25px;
}

.msngrs .max {
    background-position: 85%;
}

.msngrs .ph{
background-position: 92%;
}

.final-in {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding: 20px;

}

.final-go {
    width: 100%;
    background-color: #000000;
    display: block;
    height: 70px;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 70px;
    font-size: 19px;
    color: #fff;
}

.image-place{
display:none;
}

.add-image{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23777'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M73.7316 26.6294C73.7269 26.825 73.7201 27.02 73.7112 27.2144C75.8253 26.429 78.1125 26 80.5 26C91.2695 26 100 34.7305 100 45.5C100 56.2695 91.2695 65 80.5 65C80.4043 65 80.3086 64.9993 80.2131 64.9978C80.142 64.9968 80.0709 64.9954 80 64.9937V65H50.4232V35.0049L62.5533 47.2871C63.5706 48.3171 65.2198 48.3171 66.2371 47.2871C67.2543 46.2571 67.2543 44.5872 66.2371 43.5571L49.6603 26.7725C48.6431 25.7424 46.9938 25.7424 45.9766 26.7725L29.3998 43.5571C28.3826 44.5872 28.3826 46.2571 29.3998 47.2871C30.417 48.3171 32.0663 48.3171 33.0835 47.2871L45.2136 35.0049V65H23.5H23V64.9949C10.2522 64.7288 0 54.3115 0 41.5C0 28.6914 10.2476 18.2761 22.9913 18.0054C26.3639 7.55762 36.1689 0 47.7391 0C62.0985 0 73.7391 11.6406 73.7391 26C73.7391 26.2104 73.7366 26.4202 73.7316 26.6294Z'/%3e%3c/svg%3e");
cursor:pointer;
width: 100%;
    height: 200px;
    background-color: #d9d9d9;
    border-radius: 20px;
	margin: 0 0 20px;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #717171;
    background-repeat: no-repeat;
 background-position: 50% 70%;
    background-size: 80px;
}

.name-place, .phone-place, .car-place, .comment-place {
position: relative;
    height: 70px;
    background-color: #fff;
    border-radius: 20px;
    margin: 0 0 20px;
    padding: 26px 20px 0;
    display: block;
    border: 1px solid #e5e5e5;
}

.comment-place{
height:20%;
}
.comment-place textarea{
height: calc(100% - 20px);
}
.name-zag {
    color: #a3a3a3;
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: normal;
	display:none;
}

.name-place input, .phone-place input, .car-place input, .comment-place textarea{
    font-family: Roboto, SF Pro Text, Helvetica Neue, Helvetica, Calibri, Arial;
    outline: none;
    border: none;
    color: #444;
    font-size: 15px;
    width: 100% !important;
    resize: none;
	}



/*** отзывы ***/

.otzivi {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto 100px;
    background: #f5f5f7;
    padding: 70px 70px 50px;
    border-radius: 30px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.otzivi h2 {
    margin: 0;
    font-size: 32px;
    max-width: 400px;
}


.otz-block {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
	cursor:pointer;
}

.otz-zag{

}



.otz-head {
    position: relative;
}

.otz-ava {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
}

.otz-ava img{
width:100%;
}

.otz-car {
    position: absolute;
    top: 18px;
    left: 46px;
    font-size: 13px;
    color: #9c9c9c;
}

.otz-name {
    position: absolute;
    top: 0;
    left: 46px;
    font-size: 14px;
    color: #747474;
}

.otz-txt{

}

.otz-txt p {
    color: #747474;
    margin: 10px 0;
    line-height: 1.5;
    font-size: 15px;
}

.otz-img {
  display: flex;
  gap: 5px;
}

.otz-img a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
}

.otz-img img {
    max-height: 100%;
    object-fit: cover;
}

.otz-more{

}





.nice-place{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2216%22%20viewBox%3D%220%200%2028%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.593%2014.635c.886-.949%203.343-2.48%206.016-.147-1.435%201.592-3.899%202.131-6.016.147z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19.593%2014.635c.886-.949%203.343-2.48%206.016-.147-1.435%201.592-3.899%202.131-6.016.147z%22%20fill%3D%22url(%233fe8ff51-8229-49ac-809e-fac8a17a7c49-gradient)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22.52%2012.129c.723-2.305%203.107-3.077%205.027-1.928-.509%201.999-2.89%203.238-5.027%201.928z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22.52%2012.129c.723-2.305%203.107-3.077%205.027-1.928-.509%201.999-2.89%203.238-5.027%201.928z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__b)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.33%209.17c-.306-2.703%201.432-4.177%203.552-4.044.49%202.38-1.294%204.147-3.551%204.044z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.33%209.17c-.306-2.703%201.432-4.177%203.552-4.044.49%202.38-1.294%204.147-3.551%204.044z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__c)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.476%205.666c-1.525-2.12-1.229-3.942.89-5.467%201.526%202.119%201.23%203.941-.89%205.467z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.476%205.666c-1.525-2.12-1.229-3.942.89-5.467%201.526%202.119%201.23%203.941-.89%205.467z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__d)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.407%2014.635c-.886-.949-3.343-2.48-6.016-.147%201.435%201.592%203.899%202.131%206.016.147z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.407%2014.635c-.886-.949-3.343-2.48-6.016-.147%201.435%201.592%203.899%202.131%206.016.147z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__e)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.48%2012.129C4.756%209.824%202.372%209.052.452%2010.2c.509%201.999%202.89%203.238%205.026%201.928z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.48%2012.129C4.756%209.824%202.372%209.052.452%2010.2c.509%201.999%202.89%203.238%205.026%201.928z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__f)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.67%209.17C3.975%206.467%202.237%204.993.117%205.126c-.49%202.38%201.294%204.147%203.551%204.044z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.67%209.17C3.975%206.467%202.237%204.993.117%205.126c-.49%202.38%201.294%204.147%203.551%204.044z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__g)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.524%205.666c1.525-2.12%201.229-3.942-.89-5.467-1.526%202.119-1.23%203.941.89%205.467z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.524%205.666c1.525-2.12%201.229-3.942-.89-5.467-1.526%202.119-1.23%203.941.89%205.467z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__h)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%20.667a6.001%206.001%200%200%200-4.244%2010.24c1.086%201.087%203.644%202.66%203.796%204.311.022.247.202.449.448.449s.426-.202.448-.449c.152-1.651%202.707-3.22%203.793-4.307A6.001%206.001%200%200%200%2014%20.667z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__i)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%208.72a2.053%202.053%200%201%201%200-4.106%202.053%202.053%200%200%201%200%204.105z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3Cdefs%3E%3ClinearGradient%20id%3D%223fe8ff51-8229-49ac-809e-fac8a17a7c49-gradient%22%20x1%3D%2225.59%22%20y1%3D%2214.697%22%20x2%3D%2219.587%22%20y2%3D%2214.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__b%22%20x1%3D%2227.541%22%20y1%3D%2210.207%22%20x2%3D%2222.634%22%20y2%3D%2212.445%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__c%22%20x1%3D%2227.809%22%20y1%3D%225.072%22%20x2%3D%2224.649%22%20y2%3D%229.444%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__d%22%20x1%3D%2225.319%22%20y1%3D%22.198%22%20x2%3D%2224.87%22%20y2%3D%225.73%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__e%22%20x1%3D%222.41%22%20y1%3D%2214.697%22%20x2%3D%228.413%22%20y2%3D%2214.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__f%22%20x1%3D%22.459%22%20y1%3D%2210.207%22%20x2%3D%225.366%22%20y2%3D%2212.445%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__g%22%20x1%3D%22.191%22%20y1%3D%225.072%22%20x2%3D%223.351%22%20y2%3D%229.444%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__h%22%20x1%3D%222.681%22%20y1%3D%22.198%22%20x2%3D%223.13%22%20y2%3D%225.73%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__i%22%20x1%3D%2214%22%20y1%3D%22.667%22%20x2%3D%2214%22%20y2%3D%2215.667%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF6122%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F22411%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");

	
background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 27px;
    padding: 0 0 0 39px;
    margin: 30px 0 10px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: bold;
}


.otz-link{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.4991%200C8.03652%200%204.41992%203.61664%204.41992%208.07919C4.41992%2012.6337%206.67733%2013.604%209.17239%2016.6336C12.1567%2020.2575%2012.4991%2024%2012.4991%2024C12.4991%2024%2012.8415%2020.2575%2015.8258%2016.6337C18.3209%2013.604%2020.5783%2012.6337%2020.5783%208.07923C20.5783%203.61664%2016.9617%200%2012.4991%200ZM12.4991%2010.8713C10.9571%2010.8713%209.70705%209.62123%209.70705%208.07923C9.70705%206.53723%2010.9571%205.28717%2012.4991%205.28717C14.0411%205.28717%2015.2912%206.53723%2015.2912%208.07923C15.2912%209.62123%2014.0411%2010.8713%2012.4991%2010.8713Z%22%20fill%3D%22%23FF4433%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 20px 10px;
    background-size: 28px;
    padding: 0 0 0 60px;
    background-color: #fff;
    height: 47px;
    line-height: 47px;
    margin: 10px auto;
    width: 240px;
    font-size: 16px;
    font-weight: bold;
}

.avito{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2304E061%22%20d%3D%22M%208.305%2026.167%20a%208.305%208.305%200%201%200%200%20-16.61%20a%208.305%208.305%200%200%200%200%2016.61%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23FF4053%22%20d%3D%22M%2022.708%2025.12%20a%205.017%205.017%200%201%200%200%20-10.035%20a%205.017%205.017%200%200%200%200%2010.035%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23965EEB%22%20d%3D%22M%209.892%208.48%20a%203.106%203.106%200%201%200%200%20-6.211%20a%203.106%203.106%200%200%200%200%206.211%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%230AF%22%20d%3D%22M%2020.757%2014.004%20a%206.752%206.752%200%201%200%200%20-13.504%20a%206.752%206.752%200%200%200%200%2013.504%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.otz-btn {
    background: #fff;
    border-radius: 20px;
}

.otz-page {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding: 30px 0;
}

.otz-in-btn {
    gap: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.otz-in-btn .otz-btn {
    border: 1px solid #eee;
}

.otz-page .otz-block {
    border-radius: 30px;
    border: 1px solid #eee;
	cursor:auto;
}

.otz-page .otz-img a {
    width: 158px;
    height: 158px;
    border-radius: 20px;
}

.otz-page .otz-img {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.otz-page .otz-txt p {
    color: #000;
    margin: 15px 0;
    font-size: 16px;
}

.otz-page .otz-ava {
    width: 60px;
    height: 60px;
}

.otz-page .otz-name {
    left: 75px;
    font-size: 20px;
    color: #000;
}

.otz-page  .otz-car {
    top: 30px;
    left: 75px;
    font-size: 17px;
    color: #9c9c9c;
}

.otz-page .otz-txt {
    margin: 20px 0 0;
}


.r {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 15px 0 0;
}

.s {
  width: 120px;
  height: 22px;
  flex: 0 0 120px;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='16' viewBox='0 0 90 16'%3E%3Cpath fill='%23fbbc04' d='M8 0l1.8 4.9H15l-4.2 3 1.6 5L8 9.9 3.6 12.9l1.6-5L1 4.9h5.2z'/%3E%3Cpath fill='%23fbbc04' d='M26 0l1.8 4.9H33l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3h5.2z'/%3E%3Cpath fill='%23fbbc04' d='M44 0l1.8 4.9H51l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3H42z'/%3E%3Cpath fill='%23fbbc04' d='M62 0l1.8 4.9H69l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3H60z'/%3E%3Cpath fill='%23fbbc04' d='M80 0l1.8 4.9H87l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3H78z'/%3E%3C/svg%3E");
}

.d {
    font-size: 13px;
    color: #5f6368;
    white-space: nowrap;
    margin: 0 0 1px 0;
}













@media screen and (max-width:2100px){
.infinity-in {
    padding: 0 20px;
}
	
}


@media screen and (max-width:1580px){
.video-box {
width: 100%;
margin: 40px auto;
}

.pt-cat {
grid-template-columns: repeat(2, 1fr);
}
.content-max {
    max-width: 1470px;
}


}


@media screen and (max-width:1500px){
.infinity-in {
    padding: 0 20px;
}
.content {
    padding: 0 40px;
}
.otzivi {
    max-width: 1180px;
}


}





@media screen and (max-width:1470px){
	
.menu-right {
        font-size: 16px;
        margin: 15px 20px;
    }	
.menu-el {
    margin: 0 10px;
    font-size: 17px;
}
    .mm {
        margin: 0 28px 0 10px;
    }
.mm:after{
    width: 20px;
    height: 20px;
    top: 0;
    right: -23px;
}
.logo-txt{
width:220px;
}
h1 {
    font-size: 55px;
}
.publ h1{
font-size: 50px;
}
.gallery-in {
grid-template-columns: repeat(3, 1fr);
margin: 30px -100px 10px;
}
.gallery {
    margin: 0 0 50px;
}
	
}










@media screen and (max-width:1440px){
.vertical-slider {
margin: 50px -30px;
}
.vertical-slider {
    padding: 50px;
}
h2 {
        font-size: 45px;
        margin: 80px 0 30px;
    }
	
.slider {
        margin: 50px 0;
}

.itemsmenu {
    margin: 24px 10px;
}

.slide {
width: 1024px;
height: 570px;
}
.portfolio {
    margin: 80px 0 220px;

}
.portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
    font-size: 16px;
    line-height: 1.5;
}
.portfolio .slide {
    width: 560px;
    height: 560px;
}

.etapi {
    margin: 50px 0 270px;
}

.etapi .slide {
width: 410px;
height: 570px;
}

.type1 .ob-block {
    width: 1024px;
    height: 570px;
}
.type1.infinity-main {
    height: 570px;
}
.content p , .opis ul, .publ-txt ul, .content ul, .benefits-text{
    font-size: 18px;
}

.type2 .ob-block{
    width: 650px;
    height: 820px;
}
.pt-next a{
height: 650px;
}
.type3 .ob-block {
    width: 650px;
    height: 850px;
}

.content {
    margin: 100px auto;
}

}

@media screen and (max-width:1380px){
.gallery-in {
margin: 30px -40px 10px;
}
}


@media screen and (max-width:1350px){
.img-one {
    text-align: center;
    margin: 40px -40px;
}
.img-three {
    margin: 40px -40px;
}
.img-two {
    margin: 40px -40px;
}
	
	
}


@media screen and (max-width:1280px){

.page {
margin: 130px 0 0 0;
    border-radius: 30px 30px 0 0;
}

    .menu-right {
        font-size: 15px;
        margin: 16px 20px;
    }
.menu-el {
        margin: 0 8px;
        font-size: 16px;
    }

.itemsmenu {
    margin: 25px 10px;
}
	
    h1 {
        font-size: 50px;
        letter-spacing: 0.05em;
    }
.publ h1{
font-size: 45px;
}
.first-txt p {
    font-size: 25px;
}
	
.mm {
        margin: 0 26px 0 10px;
    }
	
    .slide {
        width: 900px;
        height: 570px;
    }
    .type1 .ob-block {
        width: 900px;
        height: 570px;
    }
.zag-slide {
    font-size: 30px;
}
.txt-slide {
    font-size: 15px;
}
.content p , .opis ul, .publ-txt ul, .content ul, .benefits-text{
        font-size: 17px;
    }
.faq {
    font-size: 17px;
}
.opis {
    max-height: 260px;
}

    .type2 .ob-block{
        width: 560px;
        height: 760px;
    }
.type2.infinity-main {
    height: 760px;
}
.pt-next a{
height: 560px;
}

.type3 .ob-block {
        width: 560px;
        height: 820px;
    }
.type3.infinity-main {
    height: 820px;
}

.portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
    font-size: 16px;
}
.form-title {
    font-size: 55px;
}


    .fin {
        display: block;
        align-items: unset;
        padding: 50px 30px 0;
    }
    .f-menu {
        border-left: none;
        padding: 50px 0 0;
        margin: 0;
    }
	
.niz {
    font-size: 14px;
}

    .c-line {
        width: 100%;
        position: relative;
        background: #f6f6f6;
        padding: 20px;
        border-radius: 30px;
    }

.c-line .cfm{
    padding: 0;
    background: none;
    border-radius: 0;
}

.cfm a {
    font-size: 15px;
    display: inline-block;
    margin: 10px 12px 10px 0;
    color: #fff;
    background: #000;
    padding: 10px 20px;
    border-radius: 30px;
}

.company {
    width: 100%;
}



    .social {
        overflow: hidden;
        width: 220px;
    }


.sc {
        width: 54px;
        height: 54px;
        margin: 0 20px 0 0;
        border-radius: 30px;
        background-color: #ececec;
    }
.sc:nth-child(3) {
    margin: 0;
}


    .vertical-slider {
        margin: 50px 0px;
    }


.menu-drop {
    width: 420px;
}
.menu-panel {
    padding: 20px 30px 40px;
}
.fpanel:before {
    height: 10px;
}

.fpanel .menu-header {
    font-size: 18px;
    padding: 12px 0;
}
.menu-item, .menu-link, .menu-back {
    padding: 12px 0;
    font-size: 17px;

}
.menu-title {
    font-size: 19px;
    margin: 18px 0 10px;
}
.menu-header {
    font-size: 19px;
    margin: 32px 0 10px;
}
.mhd a {
    font-size: 18px;
    padding: 12px 0 0;
}
.fpanel .social {
    margin: 30px 0;
}


    .otzivi {
        margin: 0 40px 100px;
        max-width: calc(100% - 80px);
    }


.pt-in {
    padding: 180px 0 30px;
}
.rt-choice {
    margin: 30px auto 10px;
}
.pt.infinity-main {
    margin: 30px 0 0;
}

.rt1, .rt2{
font-size: 14px;
height: 46px;
}
.rt-choice {
    height: 44px;
    max-width: 360px;
}

.rt-choice:after{
height: 36px;
}
.etap-zag {
    font-size: 28px;
}
.etap-us a {
    font-size: 14px;
}
.b-name {
    font-size: 15px;
}
.b-num {
    font-size: 12px;
}
.brand-el {
    padding: 25px;
}
.b-name a{
    padding: 25px;
}
.pt .ob-block {
    height: 90px;
    width: 260px;
}
.pt .b-big .ob-block{
    height: 90px;
}
.pt.infinity-main {
    height: 90px;
}
.cat-uslug .b-num {
    bottom: 26px;
    left: 25px;
}
    .content-max {
        margin: 40px auto;
        padding: 0 30px;
    }
.pt-cat {
    gap: 25px;
}
.bei {
    top: 15px;
}

.cat-uslug .b-name {
margin: -1px 0 0;
}

.page-min .otzivi {
margin: 0 30px 100px;
max-width: calc(100% - 60px);
}

.backurl {
    padding: 0 20px 0 35px;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
background-size: 14px;
    margin: -50px 0 0 0;
}





}




@media screen and (max-width:1220px){


    h1 {
        font-size: 45px;
	}
.publ h1{
font-size: 40px;
}
.logo-txt {
        width: 200px;
    }
	
.form-show, .otz-show{
left:0;
max-width: 100%;
}
   .z-order {
        padding: 80px 40px;
    }
	
.img-block img {
    height: 300px;
}
.gallery {
        margin: 0 0 40px;
    }

.otz-on .form-in .cc-close {
    right: 18px;
}

}





@media screen and (max-width:1120px){

.menu-el {
        font-size: 15px;
}

.form-title {
font-size: 45px;
}

.form-txt {
font-size: 16px;
}
.policy_text {
font-size: 15px;
}


    .type1 .ob-block {
        width: 800px;
        height: 570px;
    }
    .slide {
        width: 800px;
        height: 570px;
    }

.type2 .ob-block{
        width: 520px;
        height: 710px;
    }

    .type2.infinity-main {
        height: 710px;
    }
.pt-next a{
height: 520px;
}
.portfolio-txt, .etapi-txt {
    padding: 20px 10px;
}
    .type3 .ob-block {
        width: 520px;
        height: 760px;
    }
    .type3.infinity-main {
        height: 760px;
    }
.gallery-in {
        grid-template-columns: repeat(2, 1fr);
}
    .img-block img {
        height: 360px;
    }
}





@media screen and (max-width:1024px){
    .feee {
        width: 90%;
    }
.fe-price, .price-go{
font-size: 15px;
}
.fe-price {
        height: 60px;
        width: 432px;
    }
.fe {
    margin: 10px 40px;
}
.price-go{
height: 51px;
line-height: 51px;	
}

.blockfix .price-go{
    width: 250px;
}
.blockfix .price-go:after {

    top: 8px;
    right: 8px;
}
.menu-drop {
    left: -100%;
}

.lastm span{
display:none;
}
.lastm{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='-5.0 -10.0 110.0 110' style='&%2310; fill: %23fff;&%2310;'%3e%3cpath d='m33.621 39.395 6.9648-6.9648c2.707-2.707 2.707-7.1367 0-9.8438l-7.2227-7.2227c-2.707-2.707-7.1367-2.707-9.8438 0l-8.1562 8.1562c-8.543 8.543 12.211 36.348 18.492 42.629s34.086 27.035 42.629 18.492l8.1562-8.1562c2.707-2.707 2.707-7.1367 0-9.8438l-7.2227-7.2227c-2.707-2.707-7.1367-2.707-9.8438 0l-6.9648 6.9648c-5.2852-3.1953-10.387-7.1641-15.105-11.883-4.7188-4.7148-8.6875-9.8203-11.883-15.105z' fill-rule='evenodd'/%3e%3c/svg%3e");
width: 40px;
        height: 40px;
        border-radius: 50%;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 50%;
        cursor: pointer;
}

.itemsmenu-mob{
        display: grid;
        width: 64px;
        cursor: pointer;
        gap: 4px;
        position: absolute;
        left: 0;
        top: 6px;
        padding: 20px;
}


.itemsmenu-mob>* {
    width: 100%;
    height: 3px;
    transform: translate3d(0, 0, 0);
    transform-origin: 0% 0px;
    transition: 0.2s ease;
    border-radius: 9999999px;
    opacity: 1;
    background-color: #060318

}

.itemsmenu-mob>*:nth-child(2) {
    width: 74%
}

.itemsmenu-mob>*:nth-child(3) {
    width: 50%
}


.itemsmenu{
display:none;
}
	
	
.menu-hide, .fpanel .social, .fpanel .info{
display:block;
}
	

	
.f-menu {
    column-count: 1;
user-select: none;
}

.bus {
  border-bottom: 1px solid #ececec;
  margin: 0 0 10px;
}
	
.bus:nth-last-child(1){
border-bottom:0;
}

	
.f-menu .bus > ul,
.f-menu .bus > .mb2,
.f-menu .bus > .mb2 + ul {
    max-height: 0;
    padding: 0;        /* убираем внутренние отступы */
    margin: 0;         /* убираем внешние отступы */
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease;
}

/* открытое состояние */
.f-menu .bus.active > ul,
.f-menu .bus.active > .mb2,
.f-menu .bus.active > .mb2 + ul {
    max-height: 2000px;  /* достаточно для всего контента */
    opacity: 1;
    padding: initial;    /* возвращаем стандартные отступы */
    margin: initial;     /* возвращаем стандартные отступы */
}

.f-menu .bus.active > .mb2{
margin: 22px 0 8px;	
}

    .#f-menu .mb1 {
        display: block;
        padding: 30px;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        transition: background 0.3s;
        margin-bottom: 0;
    }
	
.f-menu .mb1 {
        display: block;
        padding: 10px 0;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        transition: background 0.3s;
        margin-bottom: 0;

    }

.f-menu a {
    font-size: 15px;
    line-height: 1.6;
}

.bus ul li:nth-last-child(1){
margin-bottom: 35px;
}


.mb1:after {
content: "";
position: absolute;
top: 10px;
font-family: auto;
width: 20px;
height: 20px;
background-position: 50%;
right: 5px;
left: auto;
opacity: 0.5;
background: none;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpolygon%20points%3D%2279.7%2C43.5%2074%2C37.9%2050.2%2C62.2%2025.9%2C38.4%2020.3%2C44.2%2050.4%2C73.5%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: 20px;
}

.niz {
font-size: 13px;
margin-top: 20px;
}
.zay img {
width: auto;
height: 100%;
min-width: 100%;
}

.vertical-slider {
margin: 50px -40px 0;
border-radius: 0;
padding: 40px;
}

.p-price {
    width: 80%;
}
.p-srok {
    width: 80%;
}
.p-name {
    width: 140%;
}

.otzivi{
    padding: 50px;
}

.pt-in {
        padding: 160px 0 30px;
    }
.content-max {
margin: 30px auto;
padding: 0 20px;
}
    .pt-cat {
        gap: 20px;
    }
	
.page-min .otzivi {
        margin: 0 20px 100px;
        max-width: calc(100% - 40px);
    }

.otz-page .otz-txt p {
    font-size: 16px;
}
.otz-page .otz-ava {
    width: 50px;
    height: 50px;
}
.otz-page .otz-name {
    left: 65px;
    font-size: 18px;
}
.otz-page .otz-car {
    top: 27px;
    left: 65px;
    font-size: 16px;
}
.otz-page .otz-img a {
    width: 100%;
    height: auto;
}
.otz-page .otz-img img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.otz-page .otz-img {
    gap: 15px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}


}

@media screen and (max-height: 1000px) and (min-width: 1400px) {
    .feee {
        height: 60%;
    }
}

@media screen and (max-height: 900px) and (min-width: 1400px) {
    .feee {
        height: 55%;
    }
}

@media screen and (max-height: 860px) and (min-width: 1300px) {
    .feee {
        height: 55%;
    }
}

@media screen and (max-height: 790px) and (min-width: 1200px) {
    .feee {
        height: 55%;
    }
}

@media screen and (max-height:1150px){
.form-show, .otz-show{
align-items: normal;
padding-top: 100px;
}
}

@media screen and (max-height:1100px){
.form-show , .otz-show{
padding-top: 50px;
}
}


@media screen and (max-height:900px){
.first-txt {
    margin: 8% auto 0;
}
.form-show , .otz-show{
padding-top: 30px;
}
}

@media screen and (max-height:700px){
    .first-txt {
        margin: 70px auto 0;
    }
}

@media screen and (max-height:650px){
    .first-txt {
        margin: 50px auto 0;
    }
}


@media screen and (max-width:900px){
h1 {
font-size: 40px;
}
.publ h1{
font-size: 35px;
}
h2 {
font-size: 42px;
margin: 60px 0 30px;
}
.first-txt p {
font-size: 20px;
}
.content {
margin: 80px auto;
}
.type1 .ob-block, .slide {
width: 700px;
height: 520px;
}
.txt-slide{
max-width: 550px;
}
.type1.infinity-main {
height: 520px;
}

.p-line {
width: calc(100% + 40px);
padding: 20px 20px;
margin: 0 -20px 20px;
}
.faq-item {
margin: 0 -20px 20px;
}

    .form-show, .otz-show{

        padding: 40px;
    }
    .otzivi {
        grid-template-columns: repeat(1, 1fr);
        margin: 0;
        max-width: 100%;
                padding: 50px 30px;
        border-radius: 0;
		    gap: 20px;
    }
    .page-min .otzivi {
        margin: 0;
        max-width: 100%;
    }

.otzivi h2 {
    font-size: 42px;
    max-width: 100%;
}
    .img-block img {
        height: 320px;
    }
.gallery {
        margin: 0 0 30px;
    }
	
    .company {
        width: calc(100% + 60px);
        margin: 0 -30px;
    }
.c-line{
padding: 30px;
        border-radius: 0;
}
.fin {
        padding: 0 30px 0;
    }
}



@media screen and (max-width:800px){
.type1 .ob-block, .slide {
width: 500px;
height: 520px;
}
.slide .min-img {
width: 90%;
right: 5%;
bottom: 18%;
}
.txt-slide {
max-width: 440px;
}	
    .zag-slide {
        font-size: 26px;
    }
.txt-slide {
        font-size: 14px;
    }
h1 {
        font-size: 38px;
    }
.publ h1{
font-size: 33px;
}
    .first-txt p {
        font-size: 18px;
    }
    h2 {
        font-size: 36px;
        margin: 50px 0 20px;
    }
	.otzivi h2{
		 font-size: 36px;
	}
.content {
        margin: 60px auto;
		padding: 0 30px;
    }

    .content p, .opis ul, .publ-txt ul, .content ul, .benefits-text {
        font-size: 15px;
    }
    .portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
        font-size: 14px;
    }
    .type2 .ob-block{
        width: 420px;
        height: 560px;
    }
    .type2.infinity-main {
        height: 560px;
    }
.pt-next a{
height: 420px;
}
.type3 .ob-block {
        width: 420px;
        height: 640px;
    }
    .type3.infinity-main {
        height: 640px;
    }
    .p-line {
        width: 100%;
        padding: 20px 20px;
        margin: 0 0 20px;
        height: 170px;
        position: relative;
    font-size: 14px;
    }
.p-name {
        width: 50%;
        position: absolute;
        left: 20px;
        top: 20px;
    }
	.p-buy{
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
	    left: 20px;
	}
    .p-price {
        width: 25%;
        position: absolute;
        left: 50%;
        top: 20px;
    }
    .p-srok {
        width: 25%;
        left: 75%;
        position: absolute;
        top: 20px;
    }
	
	
    .faq {
        font-size: 15px;
    }
.faq-item input:checked ~ .faq-answer{
    margin: -10px 0 0 0;
}
    .faq-item {
        margin: 0 0 20px;
    }
.opis {
        max-height: 190px;
    }
	


.rightto .vs-right{
display:block;
height: 42px;
width: 62px;
position: absolute;
right: 0;
z-index: 2;
background: #FFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 1) 49%);
}

.rightto .vs-right:after{
content:'';
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%227px%22%20height%3D%2212px%22%20viewBox%3D%220%200%207%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-41.5%2C%20-32)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(22%2C%2016)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22currentcolor%22%20d%3D%22M20.5798786%2C28%20C20.3124688%2C28%2020.045059%2C27.8976471%2019.8406514%2C27.6929412%20C19.4283363%2C27.2814118%2019.4262362%2C26.6115295%2019.8343512%2C26.1957648%20L23.9673032%2C21.9887063%20L19.8084502%2C17.8084714%20C19.3982352%2C17.3962361%2019.3968351%2C16.7256479%2019.8063502%2C16.311295%20C20.2151652%2C15.8969421%2020.8815897%2C15.8962362%2021.2911048%2C16.3091774%20L26.191285%2C21.234824%20C26.6015001%2C21.6470593%2026.6029002%2C22.314824%2026.1954852%2C22.7298827%20L21.3254061%2C27.6865883%20C21.1202985%2C27.8955294%2020.8500886%2C28%2020.5798786%2C28%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
height: 42px;
width: 42px;
background-repeat: no-repeat;
background-position: 50%;
display: block;
margin: 0 0 0 20px;
}



.lefto .vs-left{
display:block;
height: 42px;
width: 62px;
position: absolute;
z-index: 2;
background: #FFF;
background: linear-gradient(260deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 1) 49%);
}

.lefto .vs-left:after{
content:'';
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%227px%22%20height%3D%2212px%22%20viewBox%3D%220%200%207%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-23.5%2C%20-32)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(6%2C%2016)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22currentcolor%22%20d%3D%22M22.6745939%2C27.6865883%20L17.8045148%2C22.7298827%20C17.3970998%2C22.314824%2017.3984999%2C21.6470593%2017.808715%2C21.234824%20L22.7088952%2C16.3091774%20C23.1184103%2C15.8962362%2023.7848348%2C15.8969421%2024.1936498%2C16.311295%20C24.6031649%2C16.7256479%2024.6017648%2C17.3962361%2024.1915498%2C17.8084714%20L20.0326968%2C21.9887063%20L24.1656488%2C26.1957648%20C24.5737638%2C26.6115295%2024.5716637%2C27.2814118%2024.1593486%2C27.6929412%20C23.954941%2C27.8976471%2023.6875312%2C28%2023.4201214%2C28%20C23.1499114%2C28%2022.8797015%2C27.8955294%2022.6745939%2C27.6865883%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
height: 42px;
width: 42px;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}

.vs-mob{
    display: block;
    width: calc(80% + 30px);
    margin: 70px auto;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

.vertical-slider {
		padding: 0 15px 25px;
        margin: 0 -40px 0;
        height: auto;
        display: flex;
        flex-direction: column;
        overflow: unset;
		background:none;
    }
	
.vs-tab.active {
    background-color: #eee;
}
.vs-tab.active h3 {
    display: block;
}
.vs-slide img {
width: auto;
height:100%;
margin-left: 0 !important;
opacity: 0;
}

.vs-slide.active img{
width: auto;
}

    /* ---------- СЛАЙДЕР ---------- */

    .vs-slider-track {
        order: 1;
        width: 100%;
        height: 400px;
        margin: 0 0 20px 0;
        position: relative;
        width: 80%;
        margin: 0 auto;
        padding: 50px;
        background: #fff;
        border-radius: 30px;
    }

.vs-slide {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
top: 0;
left: 0;
}

.vs-in{
    position: relative;
        padding: 20px 0;
}




    .vs-slide.active img {
        opacity: 1;
    }

    /* ---------- КНОПКИ ---------- */

.vs-tabs {
        order: 2;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        min-width: 0;
        max-width: 100%;
        background: #fff;
        scrollbar-width: none;
        width: 100%;
    }
	
    .vs-tabs-wrapper {
        border-radius: 30px;
        position: relative;
        bottom: -470px;
        width: 80%;
        left: 10%;
        height: 42px;
        clip-path: inset(0 round 30px);
    }

    .vs-tabs::-webkit-scrollbar {
        display: none;
    }

    .vs-tab {
        flex: 0 0 auto;
        white-space: nowrap;
        margin: 0;
        padding: 12px 18px;
        border-radius: 50px;
		background:none;
    }

    /* ВАЖНО — табы не должны менять высоту */
    .vs-tab p {
        display: none !important;
    }

    .vs-tab h3 {
        margin: 0;
        font-size: 14px;
    }

    .vs-tab h3:before {
        display: none;
    }






.politika {
    display: block;
    float: none;
    margin: 10px 0 0 0;
}

.politika a {
        margin: 0 20px 5px 0;
        line-height: 1.5;
    }
.img-block img {
        height: 280px;
    }
	
	
.img-one {
    text-align: center;
    margin: 30px -30px;
}
.img-three {
    margin: 30px -30px;
}
.img-two {
    margin: 30px -30px;
}


.otz-page .otz-txt p {
    font-size: 15px;
}

.otz-page .otz-img {
grid-template-columns: repeat(4, 1fr);
}






}


@media (min-width: 721px) and (max-width: 980px) {
    .etap-tt {
        padding: 25px 20px;
    }

    .etap-zag {
        font-size: 25px;
    }

    .etap-us a {
        font-size: 12px;
    }
}


@media screen and (max-width:720px){
.pt-cat {
        grid-template-columns: repeat(1, 1fr);
    }
    .img-block img {
        height: 230px;
    }
}




@media screen and (max-width:700px){
	
.form-show , .otz-show{
padding: 20px;
}
.form-in p {
max-width: calc(100% - 50px);
}	

    .form-title {
        font-size: 40px;
    }
    .form-txt {
        font-size: 15px;
    }
.inputz {
    font-size: 15px;
}
.policy_text {
        font-size: 15px;
    }
.btn-go {
    border: 1px solid #fff;
    font-size: 15px;
}

.otz-page .otz-img {
grid-template-columns: repeat(3, 1fr);
}

}




@media screen and (max-width:620px){
.feee {
width: 95%;
}
.logo-txt {
width: 170px;
}
	
.form-in p {
    font-size: 20px;
}
.msngrs a{
font-size: 15px;
}
.name-place, .phone-place, .car-place, .comment-place{
    padding: 16px 20px 0;
height: 50px;
}
.form-show{
	font-size: 14px;
}
.name-place input, .phone-place input, .car-place input, .comment-place textarea{
    font-size: 14px;
}
.final-go{
    line-height: 60px;
    font-size: 16px;
    height: 60px;
}
.comment-place{
height:20%;
}
.reversed {
text-align: center;
align-items: center;
}

    .img-block img {
        height: 200px;
    }

.otz-page .otz-img a {
    border-radius: 15px;
}

}



@media screen and (max-width:580px){
.lastm{
        padding: 5px;
        width: 38px;
        height: 38px;
}
    .menu-right {
        height: 38px;
    }
    h1 {
        font-size: 35px;
        letter-spacing: 0;
    }
.publ h1{
font-size: 27px;
}
    h2 {
        font-size: 33px;
        margin: 45px 0 20px;
    }
	.otzivi h2{
		 font-size: 33px;
	}
    .first-txt p {
        font-size: 17px;
    }
	
.infinity-main {

    margin: 30px 0;
}
    .type1 .ob-block, .slide {
        width: 420px;
        height: 480px;
    }
    .type1.infinity-main {
        height: 480px;
    }
    .txt-slide {
        max-width: 380px;
    }
    .zag-slide {
        font-size: 23px;
    }

	
.fe-price {
        width: 370px;
    }
.fe-price, .price-go {
font-size: 14px;
}	
    .price-go {
        width: 200px;
    }
    .blockfix .price-go {
        width: 240px;
    }


.p-line{
height: 158px;
}
.p-srok{
display:none;	
}
.p-price {
width: 30%;
left: 75%;
}
.p-name {
width: 75%;
}

.vs-slide{
padding:40px;
}

.vs-slider-track{
        width: calc(100% - 40px);
        margin: 0 20px;
}
.vs-tabs-wrapper{
        width: calc(100% - 40px);
        left: 20px;
}
.vs-mob {
width:100%;
}

    .form-title {
        font-size: 32px;
    }

.etap-tt {
        padding: 25px 20px;
    }

.img-block img {
        height: 180px;
    }
	
    .gallery {
        margin: 0 0 20px;
    }

.prc-v, .also-t{
font-size: 42px;
}
.also-in, .prc-in{
padding:30px;
}

.otz-page .otz-img {
        grid-template-columns: repeat(2, 1fr);
    }


}



@media screen and (max-width:520px){
    .img-block img {
        height: 160px;
    }
	
.otz-page .otz-block {
    padding: 25px;
}
.otz-page .otz-name {
        font-size: 17px;
    }
.otz-page .otz-car {
        font-size: 15px;
    }

}


@media screen and (max-width:480px){
	
.type1 .ob-block, .slide {
        width: 380px;
        height: 450px;
    }
.type2 .ob-block{
        width: 380px;
        height: 540px;
    }
    .type2.infinity-main {
        height: 540px;
    }
.pt-next a{
height: 380px;
}
.type3 .ob-block {
        width: 380px;
        height: 610px;
    }
.type3.infinity-main {
        height: 610px;
    }
	
    .content-max {
        margin: 20px auto;
    }
    .b-name {
        font-size: 14px;
    }
.b-num {
        font-size: 11px;
    }
    .pt .ob-block {
        width: 250px;
    }
.cat-uslug .ob-block {
    min-width: 140px;
}
    .etap-zag {
        font-size: 25px;
    }
    .etap-us a {
        font-size: 12px;
    }
	
.pt-cat {
        gap: 1px;
    }
.pt-cat .ob-block {
    margin: 0;
    border-radius: 0;
}
.content-max {
margin: 0 auto 30px;
        padding: 0;
    }
    .img-block img {
        height: 150px;
    }
}




@media screen and (max-width:460px){
	
.header-in,.headfix, header {
    height: 60px;
}
    .lastm {
        width: 36px;
        height: 36px;
    }
    .menu-right {
        height: 36px;
	        margin: 12px 20px;
    }
    .itemsmenu-mob {
        top: 2px;
    }
.logo {
    width: 200px;
    padding: 5px;
}
    .logo-txt {
        width: 150px;
    }	
    .menu-drop {
        width: 100%;
    }

    .fe-price {
        width: 345px;
    }
.fe {
        margin: 10px 30px;
    }
.price-go{
    padding: 0 10px;
	width: 190px;
}
    .p-name {
        width: 100%;
    }
.wht {
    display: inline-block;
    margin: 5px 3px 5px 0;
}
    .p-price {
        width: 100%;
        left: 85px;
        top: 44px;
    }



    .type1 .ob-block, .slide {
        width: 360px;
        height: 430px;
    }
.txt-slide {
        max-width: 320px;
    }
    .slide .min-img {
        width: 95%;
        right: 2.5%;
	}
.type1.infinity-main {
        height: 430px;
    }
	
    .type2 .ob-block{
        width: 360px;
        height: 530px;
    }
.pt-next a{
height: 360px;
}
.type2.infinity-main {
        height: 530px;
    }
    .type3 .ob-block {
        width: 360px;
        height: 590px;
    }
	
	
.img-block img {
        height: 140px;
    }	
	
	
	

}



@media screen and (max-width:420px){
	


.fe-price {
        width: 330px;
    }
.fe-price, .price-go {
        font-size: 13px;
    }

.price-go {
        width: 180px;
    }
	
    .type1 .ob-block, .slide {
        width: 330px;
        height: 430px;
    }
	
    .type2 .ob-block{
        width: 330px;
        height: 500px;
    }
	
    .type2.infinity-main {
        height: 500px;
    }
.pt-next a{
height: 330px;
}
.type3 .ob-block {
        width: 330px;
        height: 590px;
    }
	
    .content {
        padding: 0 20px;
    }


.faq-question::after {
    right: 20px;
}
.faq-item {
    border-radius: 25px;
}



.fin {
        padding: 50px 20px 0;
    }
    .form-title {
        font-size: 25px;
    }
    .rt-choice {
        max-width: 320px;
    }
.rt1, .rt2 {
        font-size: 13px;
}

    .img-block img {
        height: 128px;
    }

	
.img-one {
    text-align: center;
    margin: 20px -20px;
}
.img-three {
    margin: 20px -20px;
}
.img-two {
    margin: 20px -20px;
}
	
}