/* critical css */




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

*{margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;touch-action: manipulation;}
.popup-window *{box-sizing:content-box;}


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

/* REGULAR — 400 */
@font-face {
    font-family: 'Yandex Sans Text';
    font-style: normal;
    font-weight: 400;
    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;
}

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

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


.page {
    max-width: 1240px;
    margin: 0 auto;
}
.itemsmenu {
    vertical-align: top;
    margin: 23px 10px;
    position: absolute;
    top: 0;
    left: 0;
}
.itemsmenu-mob{
display:none;
}
.itemsmenu a, .mm2c{
    font-size: 20px;
    margin: 0 12px;
	cursor:pointer;
}
.mm2c: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;
			}
.mm2c{
position:relative;
margin: 0 40px 0 12px;
}

.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;	
}



.bg-show, .bg-show-menu{
visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(6px) !important;
    background-color: rgb(179 179 179 / 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-menu, .openmenu .bg-show-menu, .msggrs-open .bg-show-menu{
    visibility: visible;
    opacity: 1;
    transition: opacity .3s linear, visibility 0s linear .0s;
}

.menu-drop {
position:fixed;

    user-select: none;
    overscroll-behavior: contain;
    width: 1380px;
    margin: 0 auto;
    z-index: 100;
    left: -100%;
	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 .brands-content{
margin:0;
}

.menu-drop-content{
    padding: 20px 40px 40px;	
}


.cc-menu{
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: 17px;
	right:20px;
    background-position: 50%;
    background-color: #000;
    cursor: pointer;
}
				

.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-right {
    height: 40px;
    font-size: 17px;
    margin: 15px 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.logo {
    width: 365px;
    padding: 10px;
    margin: 0 auto;
}
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: 110px;
user-select: none;
}



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

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

.logo-txt {
width: 324px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%221305.9927%22%20height%3D%22136%22%20id%3D%22svg124%22%20viewBox%3D%220%200%201305.9927%20136%22%20sodipodi%3Adocname%3D%2221fd81d64476ad4e40263bcf911474ba.cdr%22%3E%0A%3Cpath%20d%3D%22m%2027.51448%2C28.9488%20h%2036.375%20l%20-19.925%2C77.7206%20h%2035.625%20l%2019.925%2C-77.7206%20h%2036.375%20l%20-19.925%2C77.7206%20h%2035.625%20l%2019.925%2C-77.7206%20h%2036.375%20l%20-27.3753%2C106.782%20c%20-60.1242%2C0%20-120.2505%2C0%20-180.37499984%2C0%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path104%22%2F%3E%0A%3Cpath%20d%3D%22m%20361.22798%2C27.6866%20-27.7135%2C108.0442%20h%20-36.375%20l%2020.1994%2C-78.7496%20h%20-58.6917%20l%20-20.3828%2C78.7496%20h%20-36.375%20L%20236.99248%2C0.108%20h%2036.3751%20l%20-7.1983%2C27.8113%20c%2031.8551%2C0%2063.2902%2C-0.2327%2095.0587%2C-0.2327%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path106%22%2F%3E%0A%3Cpath%20d%3D%22m%20382.22818%2C27.6866%20-27.7135%2C108.0442%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path108%22%2F%3E%0A%3Cpath%20d%3D%22m%20513.85318%2C27.6866%20-18.1196%2C70.6419%20c%20-31.6874%2C0%20-63.4858%2C0.0904%20-95.2733%2C0.0904%20l%20-2.1892%2C8.5346%20h%2095.2501%20l%20-7.3814%2C28.7773%20h%20-131.6251%20l%2027.7135%2C-108.0442%20c%2043.88%2C0%2087.5168%2C0%20131.625%2C0%20z%20m%20-47.0633%2C41.6704%203.1742%2C-12.3758%20h%20-58.875%20l%20-3.1745%2C12.3758%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path110%22%2F%3E%0A%3Cpath%20d%3D%22m%20666.10378%2C27.6866%20-18.1197%2C70.6419%20c%20-31.6873%2C0%20-63.4858%2C0.0904%20-95.2733%2C0.0904%20l%20-2.1892%2C8.5346%20h%2095.2501%20l%20-7.3814%2C28.7773%20c%20-43.875%2C0%20-87.7502%2C0%20-131.6251%2C0%20l%2027.7135%2C-108.0442%20c%2043.9259%2C0%2087.6158%2C0%20131.6251%2C0%20z%20m%20-47.0634%2C41.6704%203.1742%2C-12.3758%20h%20-58.875%20l%20-3.1745%2C12.3758%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path112%22%2F%3E%0A%3Cpath%20d%3D%22m%20696.74258%2C0.108%20h%2036.375%20l%20-35.1031%2C135.6228%20h%20-36.375%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path114%22%2F%3E%0A%3Cpath%20d%3D%22m%20824.91898%2C92.7505%20h%2036.375%20l%20-10.2795%2C42.9803%20c%20-43.8126%2C0%20-87.6251%2C0%20-131.4377%2C0%20l%2027.3753%2C-106.782%20c%2043.3749%2C0%2086.7694%2C0.0516%20130.0918%2C0.0516%20l%20-10.2796%2C42.9803%20h%20-36.375%20l%203.3409%2C-13.9685%20h%20-57.8539%20l%20-12.4739%2C48.6567%20h%2058.1879%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path116%22%2F%3E%0A%3Cpath%20d%3D%22m%201003.265%2C135.7308%2027.8544%2C-107.4827%20c%20-44.15132%2C0%20-88.24082%2C0%20-132.37542%2C0%20l%20-27.8544%2C107.4827%20c%2044.1782%2C0%2088.2309%2C0%20132.37542%2C0%20z%20m%20-28.81932%2C-29.1555%20h%20-59.6253%20l%2012.7553%2C-49.2194%20h%2059.6254%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path118%22%2F%3E%0A%3Cpath%20d%3D%22m%201053.7427%2C28.2331%20c%2034.3891%2C0%2069.3507%2C-0.3138%20104.1176%2C-0.3138%20l%20-7.3125%2C29.0619%20h%20-68.0125%20l%20-20.7706%2C78.7496%20h%20-36.375%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path120%22%2F%3E%0A%3Cpath%20d%3D%22m%201305.8535%2C27.6866%20-18.1196%2C70.6419%20c%20-31.6874%2C0%20-63.4859%2C0.0904%20-95.2733%2C0.0904%20l%20-2.1892%2C8.5346%20h%2095.2501%20l%20-7.3815%2C28.7773%20c%20-43.8749%2C0%20-87.7501%2C0%20-131.625%2C0%20l%2027.7134%2C-108.0442%20c%2043.8421%2C0%2087.5557%2C0%20131.6251%2C0%20z%20m%20-47.0633%2C41.6704%203.1742%2C-12.3758%20h%20-58.875%20l%20-3.1745%2C12.3758%20z%22%20style%3D%22fill%3A%231b1918%3Bfill-rule%3Aevenodd%3Bstroke%3A%231b1918%3Bstroke-width%3A0.216%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Amiter%3Bstroke-dasharray%3Anone%22%20id%3D%22path122%22%2F%3E%0A%3C%2Fsvg%3E");
}
.mob-calc{
display:none;
}

h2{
    font-size: 70px;
    margin: 20px 0;
}
.wrapper{
padding:0 20px;
}

.wrapper p{
    font-size: 20px;
    line-height: 1.5;
	margin:20px 0;
}
.wrapper p a{
color: #000;
border-bottom: 2px solid;
}
.onlymob{
display:none;
}





.mcalc-on .mob-calc-in{
width: 400px;
height: 300px;
background-color: #f7f7f7;
}
.mcalc-on .mob-calc-in .czag{
padding: 19px 0 0;
transition: padding 0.3s ease-in, opacity 0.3s ease-in 0.6s;
opacity:0;
}
.mcalc-off.mcalc-on .mob-calc-in .czag{
opacity:1;
transition: padding 0.3s ease-in, opacity 0.3s ease-in 0.3s;
}
.mcalc-nl.mcalc-on .mob-calc-in .czag{
transition: padding 0.3s ease-in, opacity 0.3s ease-in 0s;
}

.mcalc-on .mc-close{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='-5.0 -5.0 110.0 110.0' style='&%2310; fill: %23fff;&%2310;'%3e%3cpath d='m49.551 89.992c-16.648 0-32.23-10.488-37.887-27.102l-1.1719-3.4414 6.8828-2.3477 1.1719 3.4414c2.8164 8.2773 8.6875 14.957 16.527 18.812 7.8477 3.8594 16.715 4.4336 24.988 1.6133 17.074-5.8125 26.238-24.441 20.426-41.516-5.8164-17.078-24.441-26.234-41.516-20.426l-3.4414 1.1719-2.3438-6.8828 3.4414-1.1719c20.875-7.1055 43.641 4.0977 50.746 24.965 7.1055 20.871-4.0898 43.641-24.965 50.746-4.2578 1.4492-8.5938 2.1367-12.855 2.1406z'/%3e%3c/svg%3e");
animation: loading 1.3s linear infinite;
background-position: 50%;
background-repeat: no-repeat;
background-size: 38px;
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
display: block;
position: absolute;
top: 10px;
right: 10px;
background-position: 50%;
background-color: #000;
}
.preopen {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
}
.mcalc-on .preopen{
display:none;
}





/* nocritical */

input, textarea {
  touch-action: manipulation; /* Отключает двойное нажатие для зума */
}


/* preload */

.ci img, .ob-block img{
max-width:100%;
}


/* Главная шапка */

.lastm {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 19px;
    display: inline-block;
    vertical-align: top;
}
.save{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' role='img' class='icon '%3e%3cpath d='M10.7408 2C13.0889 2 14.6667 4.235 14.6667 6.32C14.6667 10.5425 8.11856 14 8.00004 14C7.88152 14 1.33337 10.5425 1.33337 6.32C1.33337 4.235 2.91115 2 5.2593 2C6.60745 2 7.48893 2.6825 8.00004 3.2825C8.51115 2.6825 9.39263 2 10.7408 2Z' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");
 width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: top;
    border: 1px solid #e8e8ea;
    border-radius: 50%;
    margin: 0 10px;
    background-size: 18px;
	    cursor: pointer;
	display:none;
}
.main {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
	min-height:700px;
}


.porshe, .porshe-rims, .porshe-rims-next{
    background-image: url(/img/porshe.webp);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-position: 0 100%;
    bottom: 0;
    right: -80%;
    transition: right 0.5s ease-in-out;
}

.porshe-block {
    position: absolute;
    bottom: 300px;
    right: 0;
    width: 100%;
    overflow: hidden;
    height: 50%;
max-height: 400px;
}

.porshe-rims, .porshe-rims-next{
transition: right 1.5s ease-in-out;
background-image: url(/img/porshe-rims3.webp);
right: -280%;
}
.porshe-rims-next{
background-image: url(/img/porshe-rims2.webp);
}

.poehali .porshe, .poehali .porshe-rims{
right: -40%;
}


.poehali-next .porshe-rims-next{
right: -40%;
}


.porin {
    position: relative;
    width: 100%;
    height: 100%;
}


.main-center {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    height: calc(100% - 240px);
user-select: none;
}
.main-txt , .rf-txt{
    position: absolute;
    max-width: 640px;
    top: 25%;
    z-index: 2;
    padding: 0 20px;
}
.main-txt h1, .rf-txt h1{
    font-size: 78px;
    line-height: 1;
}
.main-txt p , .rf-txt p{
    margin: 40px 0;
    font-size: 28px;
    line-height: 1.5;
}



/* калькулятор десктоп (критикал) */

.calc-p span{
display:none;
}
.calc-p .calc-active, .calc-p .calc-vibor{
display:inline-block;
}
.rcd{
display:none;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.calcloading{
pointer-events: none
}
@keyframes loading {
  0 {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.clch1 .ch1.calcloading:after , .clch2 .ch2.calcloading:after, .clch3 .ch3.calcloading:after, .cload:after{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100'%3e%3cpath d='m49.129 71.762c-2.1875 0-3.9531 1.7695-3.9531 3.9531v13.203c0 2.1875 1.7695 3.9531 3.9531 3.9531 2.1875 0 3.9531-1.7695 3.9531-3.9531v-13.203c0-2.1875-1.7695-3.9531-3.9531-3.9531z'/%3e%3cpath d='m28.152 65.371-9.332 9.332c-1.543 1.543-1.543 4.0508 0 5.5938 0.77344 0.77344 1.7852 1.1562 2.7969 1.1562 1.0117 0 2.0234-0.38281 2.7969-1.1562l9.332-9.332c1.543-1.543 1.543-4.0508 0-5.5938-1.543-1.543-4.0508-1.543-5.5938 0z'/%3e%3cpath d='m27.391 49.977c0-2.1875-1.7695-3.9531-3.9531-3.9531h-13.207c-2.1875 0-3.9531 1.7695-3.9531 3.9531 0 2.1875 1.7695 3.9531 3.9531 3.9531h13.199c2.1875 0 3.9531-1.7695 3.9531-3.9531z'/%3e%3cpath d='m24.445 19.668c-1.543-1.543-4.0508-1.543-5.5938 0-1.543 1.543-1.543 4.0508 0 5.5938l9.332 9.332c0.77344 0.77344 1.7852 1.1562 2.7969 1.1562s2.0234-0.38281 2.7969-1.1562c1.543-1.543 1.543-4.0508 0-5.5938z'/%3e%3cpath d='m49.176 7.125c-2.1875 0-3.9531 1.7695-3.9531 3.9531v13.203c0 2.1875 1.7695 3.9531 3.9531 3.9531 2.1875 0 3.9531-1.7695 3.9531-3.9531v-13.203c0-2.1875-1.7695-3.9531-3.9531-3.9531z'/%3e%3cpath d='m67.355 35.785c1.0117 0 2.0234-0.38281 2.7969-1.1562l9.332-9.332c1.543-1.543 1.543-4.0508 0-5.5938s-4.0508-1.543-5.5938 0l-9.332 9.332c-1.543 1.543-1.543 4.0508 0 5.5938 0.77344 0.77344 1.7852 1.1562 2.7969 1.1562z'/%3e%3cpath d='m88.074 44.371h-13.199c-3.1133 0-5.6484 2.5352-5.6484 5.6484s2.5352 5.6484 5.6484 5.6484h13.199c3.1133 0 5.6484-2.5352 5.6484-5.6484s-2.5352-5.6484-5.6484-5.6484z'/%3e%3cpath d='m70.117 65.406c-1.543-1.543-4.0508-1.543-5.5938 0-1.543 1.543-1.543 4.0508 0 5.5938l9.332 9.332c0.77344 0.77344 1.7852 1.1562 2.7969 1.1562 1.0117 0 2.0234-0.38281 2.7969-1.1562 1.543-1.543 1.543-4.0508 0-5.5938z'/%3e%3c/svg%3e");
animation: loading 1.3s linear infinite;
background-position: 50%;
}

.calc-rezult-on {
    overflow: hidden;
    min-height: 600px;
    max-height: 1200px;
    margin: 0 auto;
}
.calc-rezult-in {
    transition: height 0.2slinear;
    height: 0%;
    background-color: #efefef;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
}

.calc-rezult-on .calc-rezult-in{
height:100%;
}



/* aluminium-block */


.shorth2 {
    font-size: 140px;
}

.main-second {
    margin: 120px auto;
}


.tr-text{
transition: opacity 1s ease-in,translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: .1s;
    translate: 0 50px;
    opacity: 0;
}
.ms-left {
    max-width: 900px;
}

.aluminium {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 60px;
	opacity:0;
    left: -100%;
transition: all 1.5s linear,translate 2.5s cubic-bezier(0.22,1,0.36,1);
transform: rotate(0deg);
}
.alal{
position:relative;
    width: 100%;
    height: 100%;
}
.al-on{
    background-image: url(/img/rim1.png);
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left:0;
	opacity:1;
transition: all 0.3s linear,translate 2.5s cubic-bezier(0.22,1,0.36,1);
}

.go-a6061 .aluminium {
opacity:1;
left: -220px;
    transform: rotate(180deg);
}
.al-round .aluminium {
transform: rotate(360deg);
}

.al-block {
    position: relative;
    padding: 40px 0 90px 280px;
    margin: 0 0 120px;
}

.al-in{
    background-image: url(/img/rim2.jpg);
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
	display:none;
    position: absolute;
    top: 0;
	left:0;
	opacity:0;
transition: all 0.3s linear,translate 2.5s cubic-bezier(0.22,1,0.36,1);
}
.go-a6061 .al-in{
display:block;
}
.al-off .al-in{
opacity:1;
}
.al-off .al-on{
opacity:0;
}





/* строка выбора */


.whataprice:after{
content:'';
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' enable-background='new 0 0 100 100' xml:space='preserve' style='transform: scale(1, -1);'%3e%3cg%3e%3cpath d='M73.778,67.546c-0.663,0-1.2-0.538-1.2-1.2v-0.159c0-1.612-0.063-3.194-0.187-4.701c-0.055-0.661,0.437-1.24,1.097-1.294 c0.658-0.064,1.24,0.437,1.294,1.097c0.13,1.572,0.196,3.22,0.196,4.898v0.159C74.978,67.008,74.44,67.546,73.778,67.546z M72.921,57.64c-0.565,0-1.068-0.4-1.177-0.976c-0.311-1.635-0.714-3.21-1.199-4.684c-0.207-0.629,0.136-1.308,0.766-1.515 c0.628-0.206,1.308,0.136,1.515,0.766c0.517,1.571,0.946,3.249,1.276,4.985c0.124,0.651-0.303,1.279-0.955,1.403 C73.071,57.633,72.996,57.64,72.921,57.64z M69.774,48.198c-0.436,0-0.856-0.238-1.069-0.653c-0.738-1.439-1.593-2.798-2.541-4.04 c-0.402-0.527-0.301-1.28,0.225-1.682c0.527-0.402,1.28-0.301,1.682,0.225c1.035,1.355,1.966,2.836,2.77,4.402 c0.302,0.589,0.069,1.313-0.52,1.615C70.146,48.156,69.958,48.198,69.774,48.198z M63.733,40.316c-0.285,0-0.571-0.101-0.8-0.307 c-1.166-1.044-2.455-2.003-3.831-2.848c-0.564-0.347-0.741-1.086-0.394-1.651c0.348-0.565,1.086-0.74,1.651-0.394 c1.498,0.92,2.902,1.965,4.175,3.106c0.494,0.442,0.535,1.201,0.093,1.694C64.39,40.181,64.062,40.316,63.733,40.316z M11.036,35.729c-0.507,0-0.978-0.323-1.142-0.832c-0.204-0.63,0.142-1.307,0.772-1.511c0.076-0.024,1.898-0.61,4.926-1.331 c0.646-0.15,1.292,0.245,1.445,0.89s-0.245,1.292-0.89,1.445c-2.927,0.697-4.726,1.274-4.744,1.28 C11.282,35.71,11.158,35.729,11.036,35.729z M55.28,35.08c-0.153,0-0.309-0.029-0.459-0.092c-1.436-0.595-2.979-1.113-4.585-1.541 c-0.641-0.17-1.022-0.828-0.852-1.468c0.17-0.641,0.83-1.021,1.468-0.852c1.71,0.455,3.354,1.007,4.888,1.643 c0.612,0.253,0.903,0.956,0.649,1.568C56.197,34.801,55.75,35.08,55.28,35.08z M20.764,33.387c-0.567,0-1.071-0.403-1.178-0.981 c-0.121-0.652,0.309-1.278,0.96-1.399c1.673-0.311,3.355-0.58,5-0.8c0.661-0.091,1.261,0.374,1.349,1.03 c0.088,0.657-0.374,1.261-1.03,1.349c-1.605,0.214-3.247,0.477-4.88,0.78C20.911,33.38,20.837,33.387,20.764,33.387z M45.648,32.477c-0.06,0-0.121-0.004-0.182-0.014c-1.553-0.237-3.19-0.409-4.866-0.511c-0.662-0.041-1.165-0.61-1.125-1.271 c0.041-0.662,0.598-1.16,1.271-1.125c1.748,0.107,3.457,0.287,5.081,0.534c0.655,0.1,1.105,0.712,1.006,1.367 C46.742,32.051,46.231,32.477,45.648,32.477z M30.678,32.071c-0.621,0-1.146-0.479-1.195-1.108 c-0.051-0.661,0.443-1.238,1.104-1.289c1.723-0.133,3.43-0.212,5.073-0.233c0.005,0,0.011,0,0.016,0 c0.655,0,1.191,0.527,1.199,1.185c0.009,0.663-0.521,1.207-1.184,1.215c-1.591,0.021-3.247,0.098-4.919,0.227 C30.741,32.069,30.709,32.071,30.678,32.071z'/%3e%3c/g%3e%3cg%3e%3cpath d='M73.337,69.617c-0.826,0-1.607-0.421-2.144-1.155l-6.59-9.005c-0.392-0.535-0.275-1.286,0.26-1.677 c0.534-0.391,1.286-0.274,1.677,0.26l6.59,9.005c0.207,0.282,0.208,0.282,0.415-0.001l6.52-8.997 c0.39-0.537,1.139-0.656,1.676-0.268c0.537,0.389,0.656,1.139,0.268,1.676l-6.52,8.997c-0.536,0.739-1.317,1.164-2.145,1.166 C73.341,69.617,73.339,69.617,73.337,69.617z'/%3e%3c/g%3e%3c/svg%3e");
width: 130px;
    height: 130px;
    display: block;
    transform: rotate(86deg);
}

.whataprice {
    font-size: 20px;
    position: absolute;
    top: -95px;
    left: -97px;
    opacity: 0.5;
}

.footer-calc .whataprice{
display:none;
}

.pre-rim-block {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    user-select: none;
}
.rim-block {
    max-width: 1240px;
    margin: 20px auto 40px;
    font-size: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.calc-ch {
    font-size: 15px;
    display: inline-block;
    width: 26%;
    margin: 0 1%;
    height: 80px;
    background: #efefef;
    padding: 14px 25px;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
	vertical-align:top;
transition: width 0.2s linear;
}
.calc-ch.ch4{
width: 14%;
background-color: #ffb23f;
padding:0;
}
.calc-z {
    text-transform: uppercase;
    font-size: 13px;
    color: #888;
}
.calc-p {
    margin: 4px 0;
    font-weight: bold;
    color: #222;
	letter-spacing: 0.2px;
}
.calc-ch:after, .filter-header:after{
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");
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 30px;
    top: 33px;
    transition: all 0.2s ease-in;
}
.calc-ch.ch4:after{
display:none;
}
.calc-go {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 110.0 110'%3e%3cg%3e%3cpath d='m90.09 46.875v6.25h-82.277c-1.7266 0-3.125-1.3984-3.125-3.125s1.3984-3.125 3.125-3.125z'/%3e%3cpath d='m62.258 81.25c-1.2148-1.2266-1.207-3.2031 0.019532-4.418l27.039-26.832-27.039-26.832c-1.2266-1.2148-1.2305-3.1953-0.019532-4.418 1.2148-1.2266 3.1953-1.2344 4.418-0.019531l27.684 27.473c1.0195 1.0117 1.582 2.3633 1.582 3.7969s-0.5625 2.7852-1.5781 3.7969l-27.688 27.473c-1.2266 1.2148-3.2031 1.207-4.418-0.019531z'/%3e%3c/g%3e%3c/svg%3e");
position: absolute;
    width: 40%;
    background-position: 50%;
    height: 40px;
    top: 22px;
    right: 30%;
    background-repeat: no-repeat;
}


/* стандарты */

.standarts {
    overflow: hidden;
    height: 680px;
    border-radius: 60px;
    padding: 341px 60px 0;
    color: #fff;
    position: relative;
    margin: 20px 0 180px;
    transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: .2s;
    translate: 0 50px;
    opacity: 0;

}

.go-st{
    opacity: 1;
    translate: 0 0;
}

.st-sl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.st-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0 60px 50px;
}
.standarts:after{
content: '';
    height: 100%;
    width: 100%;
    background-color: #00000066;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    background-size: cover;
    background-position: 50%;
}
.slide.active {
    opacity: 1;
}




/* карусель-каталог */



.txt-podpis, .rt-choice, .gal-choice{
transition: opacity 1s ease-in,translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: .2s;
translate: 0 50px;
opacity: 0;
}


.rims-cat .ob-block{
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: 0.3s;
translate: 0 50px;
opacity: 0;
}

.go-rims .txt-podpis, .go-rims .tr-text, .go-rim .tr-text, .go-ccl .tr-text, .go-rim .txt-podpis, .go-ccl .txt-podpis, .go-cat .txt-podpis, .go-galo .txt-podpis, .go-galo .tr-text, .go-rim .rt-choice, .go-galo .gal-choice, .go-rim .ob-block, .go-pt .tr-text, .go-etapi .tr-text, .go-a6061 .tr-text, .go-cat .tr-text, .go-tcat .tr-text, .go-gl .txt-podpis, .go-gl .tr-text, .go-clr .tr-text, .go-clr .txt-podpis {
opacity: 1;
translate: 0 0;
}


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


.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;
}






/* footer */

footer {
    background: #000;
    color: #fff;
    margin: 100px auto 0;
    padding: 50px 20px 30px;
    text-align: center;
    font-size: 16px;
}

.footer-logo{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='820' height='100' viewBox='0 0 820 100' version='1.1'%3e%3cpath d='' stroke='none' fill='%23fff' fill-rule='evenodd'/%3e%3cpath d='M 150.087 11.750 L 149.097 15.500 140.008 52 L 130.919 88.500 130.392 90.250 L 129.865 92 141.312 92 L 152.759 92 158.687 68.250 L 164.615 44.500 182.696 44.228 L 200.777 43.956 194.915 67.228 L 189.053 90.500 189.026 91.250 L 189 92 200.266 92 L 211.532 92 219.420 60.250 L 227.307 28.500 227.760 27.250 L 228.214 26 198.712 26 L 169.210 26 171.500 17 L 173.790 8 162.434 8 L 151.077 8 150.087 11.750 M 434.087 11.750 L 433.097 15.500 424.008 52 L 414.919 88.500 414.392 90.250 L 413.865 92 425.308 92 L 436.750 92 447.252 50 L 457.754 8 446.416 8 L 435.077 8 434.087 11.750 M 13.580 57.750 L 5.693 89.500 5.240 90.750 L 4.786 92 60.659 92 L 116.532 92 124.420 60.250 L 132.307 28.500 132.760 27.250 L 133.214 26 121.728 26 L 110.241 26 104.314 49.750 L 98.387 73.500 87.694 73.784 L 77 74.068 77.026 73.284 L 77.053 72.500 82.909 49.250 L 88.766 26 77.422 26 L 66.077 26 65.090 29.750 L 64.103 33.500 60 50 L 55.897 66.500 54.910 70.250 L 53.923 74 43.078 74 L 32.234 74 38.091 50.750 L 43.947 27.500 43.974 26.750 L 44 26 32.734 26 L 21.468 26 13.580 57.750 M 240.088 29.750 L 239.098 33.500 232.049 61.723 L 225 89.947 225 90.973 L 225 92 265.461 92 L 305.923 92 307.025 87.750 L 308.128 83.500 309.058 80 L 309.989 76.500 309.994 75.250 L 310 74 281 74 L 252 74 252 73.082 L 252 72.164 252.607 70.582 L 253.214 69 282.483 69 L 311.751 69 316.876 48.517 L 322 28.034 322 27.017 L 322 26 281.539 26 L 241.077 26 240.088 29.750 M 327.580 57.750 L 319.693 89.500 319.240 90.750 L 318.786 92 359.710 92 L 400.634 92 402.453 84.250 L 404.272 76.500 404.743 75.250 L 405.214 74 375.746 74 L 346.277 74 346.752 71.515 L 347.228 69.029 376.802 68.765 L 406.376 68.500 411.011 50 L 415.646 31.500 416.342 28.750 L 417.038 26 376.253 26 L 335.468 26 327.580 57.750 M 458.580 57.750 L 450.693 89.500 450.240 90.750 L 449.786 92 490.674 92 L 531.563 92 534.653 79.487 L 537.742 66.973 535.621 66.443 L 533.500 65.912 524.500 66.206 L 515.500 66.500 514.370 70 L 513.239 73.500 495.233 73.772 L 477.226 74.044 480.925 59.272 L 484.623 44.500 502.748 44.228 L 520.873 43.955 519.966 47.120 L 519.058 50.285 519.588 51.142 L 520.118 52 529.809 51.985 L 539.500 51.969 540.672 51.224 L 541.844 50.478 544.469 39.989 L 547.094 29.500 547.614 27.750 L 548.135 26 507.301 26 L 466.468 26 458.580 57.750 M 560.088 29.750 L 559.098 33.500 552.049 61.723 L 545 89.947 545 90.973 L 545 92 585.461 92 L 625.923 92 626.912 88.250 L 627.902 84.500 634.951 56.277 L 642 28.053 642 27.027 L 642 26 601.539 26 L 561.077 26 560.088 29.750 M 647.580 57.750 L 639.693 89.500 639.240 90.750 L 638.786 92 650.272 92 L 661.759 92 667.687 68.250 L 673.615 44.500 695.129 44.231 L 716.643 43.962 718.458 36.231 L 720.272 28.500 720.743 27.250 L 721.214 26 688.341 26 L 655.468 26 647.580 57.750 M 731.088 29.750 L 730.098 33.500 723.049 61.723 L 716 89.947 716 90.973 L 716 92 756.461 92 L 796.923 92 798.025 87.750 L 799.128 83.500 800.058 80 L 800.989 76.500 800.994 75.250 L 801 74 772 74 L 743 74 743 73.082 L 743 72.164 743.607 70.582 L 744.214 69 773.483 69 L 802.751 69 807.876 48.517 L 813 28.034 813 27.017 L 813 26 772.539 26 L 732.077 26 731.088 29.750 M 258.630 46.250 L 258.027 48.500 258.014 49.750 L 258 51 276 51 L 294 51 294.014 49.750 L 294.027 48.500 294.630 46.250 L 295.233 44 277.233 44 L 259.233 44 258.630 46.250 M 353.697 44.750 L 353.277 45.500 352.619 48.250 L 351.962 51 369.981 51 L 388 51 388 50.743 L 388 50.487 388.930 47.243 L 389.860 44 371.989 44 L 354.118 44 353.697 44.750 M 575.624 58.477 L 572 72.954 572 73.477 L 572 74 589.876 74 L 607.752 74 611.376 59.523 L 615 45.046 615 44.523 L 615 44 597.124 44 L 579.248 44 575.624 58.477 M 749.630 46.250 L 749.027 48.500 749.014 49.750 L 749 51 767 51 L 785 51 785.014 49.750 L 785.027 48.500 785.630 46.250 L 786.233 44 768.233 44 L 750.233 44 749.630 46.250' stroke='none' fill='%23fff' fill-rule='evenodd'/%3e%3c/svg%3e");

    width: 300px;
    height: 50px;
    background-size: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50%;
}
.footer-menu{
    margin: 30px 0;
}

.footer-menu a {
    color: #fff;
    margin: 0 15px;
    line-height: 2;
}
.copy {
    margin: 50px 0 0 0;
}
.copy a{
color: #fff;
text-decoration: underline;
}

.footer-calc {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.pre-calc + footer{
margin:0 auto;
}
.takov-put .pre-calc + footer{
margin: 100px auto 0;
}

.footer-calc-in {
    background: #f7f7f7;
    padding: 40px 0;
}




.footer-calc .pre-rim-block {
    position: relative;
    max-width: 1240px;
    width: 100%;
    user-select: none;
    height: 210px;
    border-radius: 60px;
}


.whprfoot h2{
font-size: 50px;
}

.spasibo-on .footer-calc{
display:none;
}


/* этапы */



.etapi, .portfolio{
    margin: 0 0 160px 0;
}

.etapi h3 {
font-size: 29px;
margin: 0 0 20px;
font-weight: 500;
}

.etapi .ob-block {
width: 420px;
height: 400px;
white-space: normal;
border-radius: 30px;
}

.etapi .infinity-main{
height: 410px;
}

.etapi p {
font-size: 17px;
}



.time{
font-size: 17px;
background-repeat: no-repeat;
background-size: 23px;
background-position: 0 3px;
padding: 5px 0 3px 28px;
position: absolute;
bottom: 20px;
left:30px;
}


.etap-img {
height: 60px;
width: 60px;
background-position: 50%;
background-size: 100%;
margin: 50px 30px 20px;
background-repeat: no-repeat;
}

.etap-img, .etap-txt, .time {
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: 0.3s;
translate: 0 50px;
opacity: 0;
}

.go-etapi .etap-img, .go-etapi .etap-txt, .go-etapi .time {
opacity: 1;
translate: 0 0;
}

.etapi .ob-block{
transition: opacity 0.5s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: 0.2s;
translate: 0 50px;
opacity: 0;
}

.go-etapi.etapi .ob-block{
opacity: 1;
translate: 0 0;
}



/* портфолио */

.inf-portfolio .ob-block {
    width: 540px;
    height: 670px;
    white-space: normal;
	color: #fff;
transition: opacity 0.5s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: 0.3s;
    translate: 0 50px;
    opacity: 0;
    border-radius: 30px;
}
.inf-portfolio.infinity-main {
    height: 680px;
}

.inf-portfolio .ob-block a{
color: #fff;
}

.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: 43%;
    top: 0;
    pointer-events: none;
}

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

.etap-podpis {
    margin: 8px 0;
    font-size: 15px;
    line-height: 1.5;
pointer-events: all;
}

.etap-go {
    border: 1px solid #fff;
    padding: 8px;
    border-radius: 8px;
    width: 87px;
    margin: 14px 0;
    pointer-events: all;
    background-color: rgb(0 0 0 / 14%);
    backdrop-filter: blur(5px);
}

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

.inf-portfolio .ob-block {
    width: 540px;
    height: 670px;
    border: none;
}



.go-pt.portfolio .ob-block {
opacity: 1;
translate: 0 0;
}
















/* логотипы */


.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;
	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: 16px;
    overflow: hidden;
    margin: 5px 15px 15px 0;
    transition: opacity .15s linear 0;
    display: inline-block;
    text-align: left;
    border: 1px solid #efefef;
}


.brand-name {
    width: 100%;
    text-align: center;
    padding: 30px;
    font-size: 18px;
}

.ob-block a{

}
.brand-logo {
    width: 100%;
    height: 218px;
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}


.cat-auto{
display:none;
}

.ctch .cat-brand{
display:none;
}
.ctch .cat-auto{
display:block;
}


/* каталог популярных */


.main-cat{
    margin: 120px auto 0;
}
.cat {
    margin: 40px -20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
}
.ce {
    font-size: 17px;
	display: block;
    width: 100%;
	vertical-align:top;
}
.cn {
 /*	margin: 20px 0 0;	*/
	margin: 0;
    text-align: center;
    font-size: 20px;
	line-height: 1.3;
    padding: 0 10px;
    white-space: normal;
}
.ci {
text-align:center;
aspect-ratio: 1;
}
.ci img {
    width: 90%;
}
.cl{
display:none;
}

.ce {
    transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: 0.2s;
    translate: 0 50px;
    opacity: 1;
}

.catcat .ce {
transition-delay: 0.15s;
opacity: 0;
}

.main-cat .ce {
opacity: 0;
}

.go-cat .ce, .go-rims .ce{
    opacity: 1;
    translate: 0 0;
    min-width: 0;
}





/* шапка диска */

.rimface{
width: 100%;
position: relative;
height: 100%;
overflow: hidden;
min-height: 700px;
}

.rimface-in {
max-width: 1600px;
margin: 0 auto;
position: relative;
height: calc(100% - 240px);
user-select: none;
}

.rfc {
    height: 75%;
    width: 900px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.rfphoto img {
height: 100%;
margin: 0 auto;
display: block;
max-width: 700px;
max-height: 700px;
object-fit: contain;
}


.back{
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;
}

.path {
    padding: 0 30px 0 38px;
    margin: 0 0 30px 0;
    font-size: 20px;
    height: 46px;
    line-height: 45px;
    display: inline-block;
    background-size: 24px;
    border: 1px solid #efefef;
    border-radius: 40px;
    background-position: 5px 50%;
}


.rf-txt {
    position: absolute;
    max-width: 640px;
    top: 25%;
    z-index: 2;
    padding: 0 20px;
    user-select: text;
}

.rf-txt h1 {
    font-size: 78px;
    line-height: 1;
}

.rf-txt p {
    margin: 40px 0;
    font-size: 28px;
    line-height: 1.5;
}








/* Галерея */


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

.gallery-mini{
max-width: 1200px;
grid-template-columns: repeat(3, 1fr);
margin: 0;
}

.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;
}
.tt .img-block {
translate: 0 50px;
opacity: 0;
}
.go-gl .img-block{
    opacity: 1;
    translate: 0 0;
}

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

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


.morephoto, .go-gallery {
background-repeat: no-repeat;
width: 220px;
height: 60px;
line-height: 60px;
padding: 0 20px 0 50px;
background-size: 33px;
background-position: 20px 50%;
font-size: 16px;
text-align: center;
margin: 0 auto;
border: 1px solid #efefef;
border-radius: 30px;
cursor: pointer;
position: relative;
}


.nowrap{
white-space:nowrap;
}

.galogalo h2{
border-top: 100px solid transparent;
}
.galocat {
    /* grid-template-columns: repeat(2, 1fr); */
    /* gap:20px; */
    /* display: grid; */
    margin: 70px 0;
    text-align: center;
}
.galob {
    position: relative;
    overflow: hidden;
    height: 680px;
	cursor:pointer;
	border-radius:30px;
}
.galo-img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.galo-txt {
    position: absolute;
    padding: 60px 30px 0;
    background: linear-gradient(to top, #000000 0%, rgba(32, 32, 48, 0.5) 35%, rgba(32, 32, 48, 0.3) 45%, rgba(32, 32, 48, 0) 70%);
    width: 100%;
    height: 140px;
    color: #fff;
    bottom: 0;
    z-index: 2;
}

.galob:after{
content:'';
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50' fill='%23fff' x='0px' y='0px'%3e%3cpath d='M17.9998 10C17.9998 8.11438 17.9998 7.17157 17.4141 6.58579C16.8283 6 15.8855 6 13.9998 6H9.16998C7.21131 6 6.23198 6 5.64156 6.61554C5.05113 7.23107 5.0919 8.20956 5.17344 10.1665L5.34011 14.1665C5.41567 15.98 5.45345 16.8867 6.03378 17.4434C6.6141 18 7.52162 18 9.33664 18H13.9998C15.8855 18 16.8283 18 17.4141 17.4142C17.9998 16.8284 17.9998 15.8856 17.9998 14V10Z'/%3e%3cpath d='M17.9998 26C17.9998 24.1144 17.9998 23.1716 17.4141 22.5858C16.8283 22 15.8855 22 13.9998 22H9.66998C7.71131 22 6.73198 22 6.14156 22.6155C5.55113 23.2311 5.5919 24.2096 5.67344 26.1665L5.84011 30.1665C5.91567 31.98 5.95345 32.8867 6.53378 33.4433C7.1141 34 8.02162 34 9.83664 34H13.9998C15.8855 34 16.8283 34 17.4141 33.4142C17.9998 32.8284 17.9998 31.8856 17.9998 30V26Z'/%3e%3cpath d='M21.9998 10C21.9998 8.11438 21.9998 7.17157 22.5856 6.58579C23.1714 6 24.1142 6 25.9998 6H30.8297C32.7884 6 33.7677 6 34.3581 6.61554C34.9485 7.23107 34.9078 8.20956 34.8262 10.1665L34.6596 14.1665C34.584 15.98 34.5462 16.8867 33.9659 17.4434C33.3856 18 32.4781 18 30.663 18H25.9998C24.1142 18 23.1714 18 22.5856 17.4142C21.9998 16.8284 21.9998 15.8856 21.9998 14V10Z'/%3e%3cpath d='M34.3262 26.1665C34.4078 24.2096 34.4485 23.2311 33.8581 22.6155C33.2677 22 32.2884 22 30.3297 22H25.9998C24.1142 22 23.1714 22 22.5856 22.5858C21.9998 23.1716 21.9998 24.1144 21.9998 26V30C21.9998 31.8856 21.9998 32.8284 22.5856 33.4142C23.1714 34 24.1142 34 25.9998 34H30.163C31.9781 34 32.8856 34 33.4659 33.4433C34.0462 32.8867 34.084 31.98 34.1596 30.1665L34.3262 26.1665Z'/%3e%3c/svg%3e");
    position: absolute;
    width: 40px;
    background-position: 50%;
    height: 40px;
    right: 15px;
    top: 20px;
    background-repeat: no-repeat;
}

.galo-car{
font-weight: bold;
font-size:22px;
}
.galo-rim {
    font-size: 16px;
    line-height: 1.5;
    margin: 5px 0;
}
.galo-img {
    position: relative;
    overflow: hidden;
}

.galo-img img{
	
}

.galo-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.05;
    width: 100%;
    height: 100%;
}


.galo-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.05;
    width: 100%;
    height: 100%;
}

.galleryhead {
    position: relative;
    width: 1580px;
    min-height: 420px;
    margin: 0 auto;
    padding: 120px 0 0;
    z-index: 2;
}
.galleryhead h1{
font-size: 50px;
}
.galleryhead-in {
    display: block;
    z-index: 1;
    width: 100%;
    padding: 0 30px 0 200px;
    margin: 80px auto 0;
    position: relative;
}
.head-rims {
    margin: 16px auto;
}



.hr-img {
    width: 180px;
    position: absolute;
    top: 27px;
    left: 0;
}
.hr-img img {
    width: 100%;
}

.rim-name {
font-size: 30px;
display: inline;
line-height:1.5;
}

a .rim-name{
border-bottom: 2px solid;
}
.gal-page{
margin:0;
}

.gallery-s {
    margin: 80px 0 -50px;
    overflow: hidden;
    height: 80px;
}

.gallery-p {
    overflow: hidden;
    overflow-x: scroll;
    vertical-align: top;
    text-align: center;
}
.gallery-d {
    display: flex;
    gap: 20px;
    margin: 0 auto;
}

.galocenter .gallery-d {
    max-width: fit-content;
}


.gal-info {
    margin: 70px 0 0;
}

.gal-tag {
    display: block;
    height: 72px;
    width: 100%;
    border: 1px solid #eee;
    padding: 5px 20px 5px 20px;
    border-radius: 50px;
    margin: 0 20px 20px 0;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;

}

.gallery-s{
    transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: .1s;
    translate: 0 50px;
    opacity: 0;
    text-align: center;
}

.go-gl .gallery-s {
    opacity: 1;
    translate: 0 0;
}
.gal-tag img {
    height: 60px;
    margin: 0 10px 0 0;
    display: inline-block;
}


.gal-color img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px 10px 0 0;
}



.wrapper .gal-tag p{
    line-height: 60px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}


/* Блок rp */

.rp-txt {
    color: #fff;
    border-radius: 40px;
    background-color: rgb(6 6 6);
    margin: 0 -80px;
    padding: 80px 80px 80px 450px;
    position: relative;
    background-size: 100%;
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: .1s;
translate: 0 50px;
opacity: 0;
}



.rp-txt p{
max-width: 710px;
transition: opacity 1sease-in, translate 2.5scubic-bezier(0.22,1,0.36,1);
transition-delay: .2s;
translate: 0 50px;
opacity: 0;
}
.rp-txt:after{
    content: '';
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 400px;
    background-image: url(/img/styl1.png);
    background-size: 90%;
    background-position: 50%;
	
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: .15s;
translate: 0 50px;
opacity: 0;
}



.rp-txt h2 {
font-size: 40px;
margin: 20px 0;
}



.rp-txt h2{
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: .2s;
}

.go-rp.rp-txt h2, .go-rp.rp-txt:after, .go-rp.rp-txt p, .go-rp.rp-txt{
opacity: 1;
translate: 0 0;
}




/* Цвета */

.color-txt h2{
font-size: 60px;
margin: 20px 0;
}


.color-txt {
margin: 120px 0;
}
.rp-links {
display:flex;
margin: 30px 0 10px;
}
.rl{
height: 50px;
line-height: 48px;
border: 1px solid #ffffff;
padding: 0 46px 0 20px;
margin: 0 20px 0 0;
font-size: 17px;
border-radius: 10px;
background-position: 100% 50%;
background-size: 40px;
cursor: pointer;
background-repeat: no-repeat;
}
.clr {
display: inline-block;
width: 130px;
height: 180px;
margin-bottom: 20px;
break-inside: avoid;
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: 0.3s;
translate: 0 50px;
opacity: 0;
}
.color-name {
text-align: center;
margin: 8px 0 0;
}

.color-image {
display: inline-block;
width: 130px;
height: 130px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
cursor:pointer;
position:relative;
}


.colors-block {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(3, 180px);
grid-auto-columns: 130px;
gap: 20px 60px;
white-space: normal
}

.inf-colors{
margin: 60px 0;
height:610px
}
.inf-colors .infinity-in{
max-width:2200px;
}

.go-clr .clr {
opacity: 1;
translate: 0 0;
}

.clrempt{
width:1px;
}


.show-color, .show-color-on{
overflow: hidden;
}

.color-detail {
    position: fixed;
    left: calc(50% - 620px);
	user-select: none;
	overscroll-behavior: contain;
    max-width: 1240px;
    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%);
}

.show-color .color-detail{
bottom:0;
}
.bg-show {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000db;
    left: 0;
    top: 0;
    z-index: 99;
	opacity:0;
    transition: opacity .3s linear, visibility 0s linear .3s;
    background-image: url(/img/loading.png);
    background-size: 64px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.show-color-on .bg-show{
background-image:none;
}
.show-color .bg-show, .show-filter .bg-show{
   visibility: visible;
  opacity:1;
transition: opacity .3s linear, visibility 0s linear .0s;
}



/* каталог дисков */

.allcat-c {
    text-align: center;
    margin: 70px 0;
}
.ccnp .allcat-c {
    margin: 70px 0 0;
}


.galocat  + .allcat-c {
    text-align: center;
    margin: -70px 0 140px;
}

.allcat{
    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='-2.4000000000000004 -2.400000000000001 52.8 52.8 ' version='1.1' x='0px' y='0px'%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg fill='%23000000'%3e%3cg transform='translate(24.000000, 24.000000) rotate(-180.000000) translate(-24.000000, -24.000000) '%3e%3cpath d='M17.6862915,23.8587234 L30.4107158,11.1342992 C31.1941338,10.3508811 31.1952621,9.08342284 30.4142136,8.30237426 C29.6277197,7.51588035 28.365269,7.52289168 27.5822887,8.30587203 L13.4471486,22.4410121 C13.4465655,22.4415952 13.4459828,22.4421786 13.4454005,22.4427623 C13.4448173,22.4433441 13.4442339,22.4439268 13.4436508,22.4445099 C13.050989,22.8371717 12.8561136,23.3484688 12.8568423,23.8595052 C12.8587273,24.3718101 13.0537077,24.8829939 13.4436508,25.272937 C13.4442339,25.2735201 13.4448173,25.2741028 13.445401,25.2746851 C13.4459828,25.2752683 13.4465655,25.2758517 13.4471486,25.2764348 L27.5822887,39.4115749 C28.3657067,40.1949929 29.633165,40.1961212 30.4142136,39.4150726 C31.2007075,38.6285787 31.1936961,37.3661281 30.4107158,36.5831477 L17.6862915,23.8587234 Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
height: 60px;
    line-height: 60px;
    background-position: 95% 50%;
    background-size: 30px;
    font-size: 16px;
    padding: 0 50px 0 30px;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 0 auto;
    border: 1px solid #efefef;
    border-radius: 30px;
}



.rimbrand {
    user-select: none;
    height: 100vh;
	height: 100dvh;
    position: relative;
    min-height: 400px;
    align-items: center;
    z-index: 2;
}

.rimbrand-in {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 560px;
    margin: 0 auto;
    padding: 120px 0 0;
    background: #000000b8;
    z-index: 2;
}

.rimbrand-in h1{
font-size: 150px;
}
.rimmark h1{
font-size: 120px;
}
.rimmark h1.longh1{
font-size: 90px;	
}

.rimbrand-in p {
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.5;
}

.rimbrand-txt {
    display: block;
    z-index: 1;
    width: 100%;
    border-radius: 60px;
    margin: -90px 0 0 0;
	padding:0 30px;
}

.rimbrand .rfpath{
	
}

.rimbrand-slider {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.rimbrand-slide {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: 50%;
}


.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'%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;

}

.slideon, .slideon h1, .slideon .path, .slideon p{
color:#fff;
}
.slideon .path{
    border: 2px solid #ffffff;
    line-height: 42px;
}

.slideon .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");
}

.slideon .scrolldown span{
color:#fff;
}

.slideon .back{
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: %23fff;&%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;
}

.collect {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    background: #f7f7f7;
    padding: 50px 0;
}

.inf-collect {
    height: 580px;
    margin: 80px 0 40px;
	font-size:0;
}

.collect-name {
    width: 100%;
    height: 85px;
    line-height: 80px;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin: 0;
    z-index: 2;
    position: absolute;
    color: 000;
}
.collect-name:after {
    content: '';
    position: absolute;
    width: 20%;
    height: 8px;
    background: #000;
    border-radius: 5px;
    bottom: 0;
    left: 40%;
}
.collect-image {
    height: 340px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 112px;
    background-position: 50%;
    background-size: 70%;
    background-repeat: no-repeat;
	text-align:center;
}

.inf-collect .ob-block {
    height: 580px;
    width: 480px;
    margin: 0 20px;
    border-radius: 50px;
    border: 0;
    cursor: pointer;
    background: #fff;
    transition: opacity 0.5s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: 0.3s;
    translate: 0 50px;
	opacity:0;
}
.collect .infinity-in {
    padding: 0;
}

.go-ccl .inf-collect .ob-block {
    opacity: 1;
    translate: 0 0;
}

.catcat {
margin: 0 auto 100px;
}
.ccnp{
margin: 0 auto 50px;
}
.cat {
    margin: 70px -20px;
}
.catcat h2{
border-top: 100px solid transparent;
}

.collect .tr-text{
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}

.collect-var {
    position: absolute;
    bottom: 30px;
    width: 60%;
    height: 50px;
    line-height: 50px;
    color: #000;
    z-index: 3333;
    left: 20%;
    text-align: center;
    background: #f7f7f7;
    border-radius: 40px;
    font-size: 18px;
}


.collect-menu {
position: fixed;
font-size: 14px;
top: -100px;
width: 100%;
background: #f7f7f7;
z-index: 9;
height: 50px;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .14);
transition: all 0.5s linear;
}

.collect-menu .infinity-in{
padding:0;
}

.colfix .collect-menu{
top:70px;
}

.collect-menu a {
    border-radius: 20px;
    white-space: nowrap;
    cursor: pointer;
    padding: 8px 16px;
    display: inline-block;
    margin: 9px 8px;
}
.collect-menu a:nth-child(1){
    margin: 9px 8px 9px 20px;
}
.collect-menu a:nth-last-child(1){
 margin: 9px 20px 9px 9px;
}

.colact{
color:#fff;
background:#000;
}

.photo-cat {
    cursor: pointer;
    background: #f7f7f7;
    display: inline-block;
    padding: 0 35px 0 130px;
    border-radius: 70px;
    font-size: 16px;
    position: relative;
    height: 69px;
    line-height: 70px;
    max-width: 100%;
    transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: .2s;
    translate: 0 50px;
    opacity: 0;
}

.go-cat .photo-cat {
opacity: 1;
translate: 0 0;
}
.pcp {
    position: absolute;
    display: flex
;
    top: 7px;
    left: 10px;
}
.pcn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pcn a{

}

.pcpimg {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-size: cover;
    margin: 0 -30px 0 0;
    border: 3px solid #f7f7f7;
}

.cat-txt {
    padding: 40px 60px;
    background-color: #f7f7f7;
    border-radius: 70px;
}






/* бренды */


.brands-head {
    user-select: none;
    height: calc(100% - 240px);
	max-height:60%;
    position: relative;
    min-height: 400px;
    align-items: center;
    z-index: 2;
}

.brands-head-in{
position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 560px;
    margin: 0 auto;
    padding: 120px 0 0;
    z-index: 2;
}
.brands-head-txt {
    display: block;
    z-index: 1;
    border-radius: 60px;
    margin: -90px auto 0;
    max-width: 90%;
}

.brands-head h1{
font-size: 120px;
}  

.brands-head p{
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.5;
}

.brands-rims, .brands-auto {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
}
.brand-el {
    border-radius: 20px;
    position: relative;
    padding: 30px;
    background: #f7f7f7;
	cursor:pointer;
}

.brands-auto{
display:none;
}
.ctch .brands-rims{
display:none;	
}
.ctch .brands-auto{
display: grid
}

.bet{
	
}
.bei {
    position: absolute;
    top: 20px;
    right: 20px;
}
.bei img {
    width: 60px;
}
.b-name,.b-name a {
    font-weight: bold;
    font-size: 16px!important;
}


.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;
}

.brands-content{
margin: 0 0 100px;
}

.brands-content .rt-choice{
    margin: 0 auto 50px;
	z-index:2;
}

.brands-head-img {
    background-size: contain;
    background-repeat: no-repeat;
    top: 80px;
    background-image: url(/img/ww4.png);
    position: absolute;
    height: calc(100% - 110px);
    background-position: 50%;
    width: 100%;
    max-width: 900px;
    opacity: 0.9;
}

.brands-content-fix .wrapper .rt-fix {
position: fixed;
    top: 70px;
    background: #f7f7f7;
    z-index: 9;
    height: 50px;
    width: 100%;
    left: 0;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .14);
    transition: all 0.1s linear;
}

.brands-content-fix .wrapper .brands-content{
padding:100px 0 0;
}

.brands-content-fix .wrapper .rt-choice:after{
display:none;
}

.brands-content-fix .wrapper .rt-choice:before{
	content: '';
    position: absolute;
    margin: 2px;
    border-radius: 30px;
    transition: left 0.2s, opacity 0.2s linear 0.1s;
    top: 7px;
    background: #000;
    height: 33px;
    left: calc(0.5% + 20px);
    width: calc(49.8% - 20px);
}

.brands-content-fix .wrapper .rt1 {
    color: #fff;
    left: 10px;
}

.brands-content-fix .wrapper .rt2{
    right: 10px;
}

.brands-content-fix .wrapper .ctch .rt1{
color:#000;
}
.brands-content-fix .wrapper .ctch .rt2{
color:#fff;
}

.brands-content-fix .wrapper .ctch .rt-choice:before {
    left: 49%;
}


#rt-choice{
    position: absolute;
    margin: -50px 0 0 0;
}



/* марки */

.rims {
    margin: 0 auto;
    width: 100%;
    padding: 50px 0 80px;
}



.rims .ob-block {
    width: 380px;
    height: 450px;
    border: 0;
    margin: 5px 30px 15px 0;
}
.inf-rims {
    height: 450px;
    margin: 40px 0 40px;
    font-size: 0;
}



.inf-rims .ob-block{
translate: 0 50px;
    opacity: 0;
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: 0.3s;
}

.go-rims .inf-rims .ob-block{
    opacity: 1;
    translate: 0 0;
}

.rims .ci img{
width:100%;
}

.collect .txt-podpis{
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}

.inf-collect.inf-auto .ob-block {
    height: 460px;
}

.inf-collect.inf-auto .collect-image{
background-position: 50%;
bottom: 60px;
}

.inf-collect.inf-auto {
    height: 460px;
}
.mark-main {
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
}
.mark-main h1{
    font-size: 90px;
    margin: 20px 0;
}

.mark-main .rfpath {
    max-width: 1240px;
    margin: 120px auto 0;
    padding: 0 20px;
}

.mark-main .path , .original-rims .path {
margin: 0;
}

.original-rims {
    max-width: 1240px;
    margin: 200px auto 0;
    padding: 0 20px;
}

.original-rims h1 {
    font-size: 70px;
	margin: 20px 0;
}

.galgogog{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0000009c;
    display: flex !important;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.galgogog span{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='-5.0 -5.0 110.0 110' style='&%2310; fill: %23fff;&%2310;'%3e%3cpath d='m30.648 94.352c-1.4453 0-2.8945-0.55469-3.9961-1.6562-2.2031-2.2109-2.2031-5.7852 0-7.9883l34.707-34.707-34.703-34.707c-2.2031-2.2109-2.2031-5.7852 0-7.9883 2.2109-2.2031 5.7852-2.2031 7.9883 0l38.699 38.699c1.0625 1.0625 1.6562 2.4961 1.6562 3.9961 0 1.4961-0.59375 2.9375-1.6562 3.9961l-38.699 38.699c-1.1016 1.1016-2.5469 1.6562-3.9961 1.6562z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
    padding: 0 40px 0 0;
    background-size: 30px;
    background-position: 100% 50%;
    color: #fff;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}

/* блог */

.blog{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.blog .ob-block {
width: 100%;
height: 660px;
margin: 0;
border-radius:30px;
}

.blogcat img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

.blog .etap-tt {
color: #fff;
top: auto;
bottom: 0;
background: linear-gradient(to top, #000000 0%, rgb(0 0 0 / 85%) 35%, rgb(0 0 0 / 70%) 45%, rgb(0 0 0 / 0%) 70%);
width: 100%;
height: auto;
padding: 40% 30px 30px;
z-index:1;
}
.wrapper ul  {
    font-size: 20px;
    line-height: 1.5;
    margin: 20px 0;
    list-style-type: none;
}

.wrapper ol  {
    font-size: 20px;
    line-height: 1.5;
    margin: 20px 0;
}

.wrapper li {
    background-repeat: no-repeat;
    padding: 0 0 15px 30px;
    max-width: 90%;
    line-height: 26px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100'%3e%3cg transform='translate(0,-952.36218)'%3e%3cpath d='m 22,996.36218 c -3.3137,0 -6,2.6862 -6,6.00002 0,3.3136 2.6863,6 6,6 l 56,0 c 3.3137,0 6,-2.6864 6,-6 0,-3.31382 -2.6863,-6.00002 -6,-6.00002 z'/%3e%3c/g%3e%3c/svg%3e");
background-size: 24px;
}

.wrapper ol li {
padding: 0 0 15px 0;
background-image: none;
margin: 0 0 0 22px;
}


.bloghead {
    position: relative;
    padding: 120px 0 0;
    z-index: 2;
    max-width: 1240px;
    margin: 0 auto;
}

.bloghead h1 {
    font-size: 70px;
}
.blog-txt h2 {
    font-size: 50px;
    display: inline-block;
}
.blog-txt h3 {
    font-size: 30px;
    display: inline-block;
}

.anons {
    padding: 20px 40px 1px;
    margin: 40px -20px;
    background: #f7f7f7;
    border-radius: 30px;
}

.bloghead-in {
    padding: 0 20px;
    margin: 80px auto 0;
}

.img-one {
    text-align: center;
    margin: 40px -75px;
}

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


.img-two {
    margin: 0 -75px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.img-two:nth-child(1){
margin-top: 40px;	
}
.img-two:nth-last-child(1){
margin-bottom: 40px;
}

.img-two-block img{
    display: block;
    max-width: max-content;
    margin: 0 auto;
    width: 100%;
}
.img_text {
    text-align: center;
    font-size: 17px;
    padding: 5px;
}
.blog-date{
margin: 0 0 12px;
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block;
    border-radius: 10px;
}
.blog-in-date{
    margin: 10px 0;
    padding: 5px;
    display: inline-block;
    border-radius: 10px;
    color: #777;
    font-size: 17px;
}



/* Блок pr */

.pr-txt {
color: #000;
position: relative;
transition: opacity 1s ease-in, translate 2.5s cubic-bezier(0.22,1,0.36,1);
transition-delay: .1s;
translate: 0 50px;
opacity: 0;
}
.pr-txt p{
transition: opacity 1sease-in, translate 2.5scubic-bezier(0.22,1,0.36,1);
transition-delay: .2s;
translate: 0 50px;
opacity: 0;
}
.pr-txt h2{
font-size: 40px;
margin: 20px 0;
}
.go-pr .pr-txt h2, .go-pr .pr-txt p, .go-pr .pr-txt{
opacity: 1;
translate: 0 0;
}
.go-pr .inf-collect .ob-block {
    opacity: 1;
    translate: 0 0;
}

.price-block{
background: #f7f7f7;
    padding: 80px 0;
    margin: 80px 0;
}
.collect-image img{
width:80%;
}

.inf-price .ob-block {
    width: 250px;
    height: 220px;
    border-radius: 40px;
}

.inf-price .collect-var {
    bottom: auto;
    background: none;
    font-size: 20px;
    top: 75px;
    text-align: left;
    left: 30px;
}
.inf-price .collect-name:after {
    height: 6px;
	left: 0;
}
.inf-price .collect-name {
    height: 70px;
    line-height: 75px;
    font-size: 28px;
    text-align: left;
    margin: 0 0 0 30px;
}
.inf-price.inf-collect {
    height: 220px;
}

.inf-price .infinity-in {
padding: 0;
}
.inf-price .collect-image img {
    width: 85%;
    margin: 69% 0 0 55%;
}
.inf-price .ob-block:nth-child(1) img {
    width: 50%;
    margin: 101% 0 0 70%;
}
.inf-price .ob-block:nth-child(2) img {
    width: 55%;
    margin: 96% 0 0 69%;
}
.inf-price .ob-block:nth-child(3) img{
    width: 60%;
    margin: 92% 0 0 68%;
}
.inf-price .ob-block:nth-child(4) img{
    width: 65%;
    margin: 87% 0 0 66%;
}
.inf-price .ob-block:nth-child(5) img{
    width: 70%;
    margin: 82% 0 0 64%;
}
.inf-price .ob-block:nth-child(6) img{
width:75%;
    margin: 77% 0 0 61%;
}
.inf-price .ob-block:nth-child(7) img{
width:80%;
    margin: 73% 0 0 59%;
}
.price-block .fast-order {
    bottom: 20px;
    position: absolute;
    width: 80%;
    left: 10%;
    height: 50px;
    line-height: 50px;
    color: #000;
    z-index: 3333;
    text-align: center;
    border-radius: 40px;
    font-size: 18px;
    background: #ffb23f;
}
.price-block .fast-order.cload::after{
display:none;
}







/* offer */


.offer {
    position: relative;
    padding: 60px 20px;
    margin: 80px 0 0;
    background-color: #f5f5f5;
    border-radius: 30px;
}
.range-input {
    position: relative;
    padding: 30px 0 40px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    width: 80%;
    flex-direction: column;
    margin: 0 auto;
}

.range-input input {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: #000;
    border: none;
    outline: none;
    margin: 0;
    z-index: 2;
    border-radius: 5px;
}

.range-input input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #ffb23f;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 3;
}

.offer-price {
    text-align: center;
    font-weight: bold;
    margin: 60px auto 50px;
    font-size: 50px;
}


.range-markers {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 30px;
}


.marker {
    position: absolute;
    transform: translateX(-50%);
    bottom: 0;
}


.marker::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 10px;
    background-color: #000;
}


.marker-label {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    min-width: 20px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.marker-label.active {
    color: #000;
}

.offer .value {
    color: #ffb23f;
    display: inline-block;
    font-weight: bold;
}

.offer .value div {
    transition: all 300ms ease-in-out;
    display: inline-block;
}

.offer .fast-order {
    background-color: #ffb23f;
    padding: 20px 40px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    width: 400px;
    margin: 100px auto 0;
    border-radius: 40px;
}

.h2-offer{
    background: #000;
    border-radius: 35px;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-size: 21px;
    font-weight: normal;
    margin: 20px auto 0;
    width: auto;
    display: table;
    text-align: center;
    line-height: 1.5;
    padding: 12px 50px;
}

.offer-txt {
    font-size: 18px;
    text-align: center;
    margin: 0 auto 60px;
    width: 80%;
    max-width: 800px;
	line-height:1.5;
}

@media screen and (max-height: 1200px) {
.porshe-block{
bottom: 200px;	
}
}


@media screen and (max-height: 1200px) {
.porshe-block{
bottom: 200px;	
}
}
@media screen and (max-height: 1100px) {
.rim-block{
    margin: 20px auto 20px;
}
.rfc{
bottom: -30px;	
}
}

@media screen and (max-height: 1000px) {
.rfc{
height: 90%;
bottom: -100px;
}
}


@media screen and (max-height: 860px) {
.main-txt{
    top: 128px;
}
}

@media screen and (max-height: 800px) {
.rfc{
height: 95%;
bottom: -110px;
}
}

.rimbrand-slide--desktop {
display: block;
}

@media (max-width: 1199px) {
.rimbrand-slide--desktop {
display: none;
}

.rimbrand-slide--tablet {
display: block;
}
}

@media (max-width: 767px) {
.rimbrand-slide--tablet {
display: none;
}

.rimbrand-slide--mobile {
display: block;
}
}


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

/* aluminium-block */
.al-block {
        margin: 0 0 100px 90px;
    }
.ms-left {
    max-width: 1000px;
}

}


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


.galocat .gallery-in {
grid-template-columns: repeat(2, 1fr);
}

.galocat .img-block img {
        height: 360px;
    }

.galob{
height: 520px;
}
.img-block img {
    height: 300px;
}
.rp-txt{
margin:0;
}


.colors-block{
    grid-template-rows: repeat(2, 180px);
}

.inf-colors {
height: 380px;
}

.galleryhead {
width: 1200px;
}
.galleryhead-in {
padding: 0 30px 0 190px;
    margin: 70px auto 0;
}
.portfoliohead .galleryhead-in {
padding: 0;
 }
.galleryhead h1 {
    font-size: 45px;
}
.rim-name {
    font-size: 27px;
}
.galleryhead .path {
    margin: 0 0 20px 0;
}
.galleryhead {
    min-height: 380px;
}
.hr-img {
    width: 160px;
    top: 28px;
}



.gallery-s{
    margin: 80px 0 -30px;
}

/* блог */
.bloghead-in {
margin: 70px auto 0;
}


}

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

/* critical css */
	
    .itemsmenu {
        margin: 24px 20px;
    }
.menu-right{
margin: 14px 20px;
}
.headfix .header-in {
margin: 0;
}
.header-in{
margin: 20px 0;
}
.itemsmenu a {
    font-size: 18px;
}


.logo {
width: 340px;
}
.logo-txt {
width:300px;
}
.wrapper p {
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 30px 0;
}
.rfc{
width:800px;
}

.rimface-in {
    max-width: 1320px;
}

/* main */

.main-txt, .rf-txt {
position: absolute;
    max-width: 600px;
}
.main-txt h1 , .rf-txt h1 {
    font-size: 60px;
}
.main-txt p , .rf-txt p{
    font-size: 23px;
}


/* aluminium-block */
.main-second {
    margin: 100px auto;
}
.shorth2 {
    font-size: 120px;
}
.aluminium {
    width: 300px;
    height: 300px;
	top:90px;
}
.go-a6061 .aluminium {
    left: -90px;
}

/* этапы */

.etapi p {
    font-size: 17px;
}


/* каталог */

.inf-collect .ob-block{
margin: 0 0 0 20px;
}
.inf-collect a:nth-last-child(1) .ob-block{
margin: 0 20px;
}
.catcat {
 margin: 0 auto 80px;
}
.ccnp{
margin: 0 auto 30px;
}

.cat-txt {
    padding: 60px;
}




/* меню */


.menu-drop{
width: 1220px;
}

/* блог */
.bloghead h1 {
    font-size: 68px;
}
.blog-txt h2{
font-size: 48px;
}

}



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

/* critical css */

.itemsmenu a, .mm2c{
margin: 0 10px;
font-size: 17px;
}
.mm2c{
    margin: 0 32px 0 10px;
}
    .mm2c:after {
        width: 20px;
        height: 20px;
        top: -1px;
        right: -23px;
    }

.menu-right{
font-size: 16px;
        margin: 15px 20px;
}
.logo-txt {
        width: 250px;
    }
.logo {
        width: 290px;
    }

    .itemsmenu {
        margin: 25px 20px;
    }


	
/* main */

.whataprice{
	    top: -80px;
left:-20px;
}

.whataprice:after{
width: 90px;
    height: 90px;

    transform: rotate(98deg);
    margin: 0 0 0 -33px;
}


.menu-drop{
width: 1120px;
}
	
	
}


@media screen and (max-width:1350px), screen and (max-height: 900px){
/* main */
    .whataprice {
        top: -67px;
        left: 107px;
    }
    .whataprice:after {
        transform: rotate(168deg);
        margin: -35px 0 0 -93px;
    }
.rfc {
        width: 700px;
    }
.rfphoto img{
    max-width: 620px;
    max-height: 620px;
}


/* страница диска */
.rf-txt {
        padding: 0 0 0 60px;
    }

/* footer */

.footer-calc-in, .dcalc-on .footer-calc-in{
margin: 0;
background: none;
}
.footer-calc{
    max-width: 100%;
background: #f7f7f7;
}

/* марки */

.mark-main .rfpath {
margin: 120px auto 0;
}
.original-rims{
margin: 160px auto 0;
}

.mark-main h1{
    font-size: 70px;
}

/* блог */
.img-one {
margin: 40px -20px;
}
.img-two {
margin: 0 -20px 0;
}
.anons {
padding: 0;
margin: 0;
background: none;
border-radius: 0;
}

.rimmark h1{
font-size:110px;
}
.rimmark h1.longh1{
font-size: 70px;	
}



}


@media screen and (max-height: 1000px) and (max-width: 1350px) {
	
/* main h */

.whataprice {
top: -40px;
left: 75px;
}
.whataprice:after{
transform: rotate(179deg);
margin: -35px 0 0 -61px;
width: 60px;
height: 60px;
}

}




@media screen and (max-height: 1000px) {
.porshe-block {
bottom: 160px;
}
}
@media screen and (max-height: 900px) {
.rf-txt {
    top: 30%;
	}
.rimface-in {
max-width: 1320px;
}
.brands-head-in {
display: none;
}
    .brands-head {
        height: 120px;
        min-height: 120px;
    }
}

@media screen and (max-height: 800px) {
.porshe-block {
bottom: 160px;
}
}

@media screen and (max-height: 730px) {
.porshe-block {
bottom: 130px;
}
}



@media screen and (max-width:1280px), screen and (max-height: 900px){
.main {
min-height:620px;
}
.mm2c:after{
    top:0;
width: 20px;
        height: 20px;
        right: -23px;
}
.itemsmenu a, .mm2c {
        margin: 0 9px;
        font-size: 16px;
    }
	
.mm2c{
margin: 0 26px 0 9px;
}	

    .menu-right {
        font-size: 15px;
		margin: 16px 20px;
    }
.itemsmenu {
        margin: 26px 20px;
    }

.poehali .porshe, .poehali .porshe-rims, .poehali-next .porshe-rims-next {
    right: -43%;
}
.porin{
display:none;
}

.rfphoto img{
    max-width: 620px;
    max-height: 620px;
}


.rfc {
    width: 650px;
}

/* aluminium-block */
.main-second {
    margin: 80px auto;
}
    .shorth2 {
        font-size: 100px;
    }
    .wrapper p {
        font-size: 18px;
    }
.al-block {
    padding: 40px 0 90px 260px;
    margin: 0 80px 80px;
}


/* каталог */

.rimbrand-in h1 {
    font-size: 120px;
}
.rimmark h1{
font-size: 100px;
}
.rimmark h1.longh1{
font-size: 60px;	
}
.inf-collect .ob-block {
    height: 520px;
    width: 420px;
}
.collect-image {
bottom: 83px;
}
.inf-collect {
    height: 520px;
    margin: 60px 0 40px;
}
.cn{
font-size: 18px;
}

    .cat-txt {
        border-radius: 0;
        margin: 0 -20px;
        padding: 40px;
		background-color:#fff;
    }


.inf-portfolio.infinity-main {
    height: 500px;
}
.inf-portfolio .ob-block {
    width: 400px;
    height: 496px;
    border: none;
}
.etap-zag {
    font-size: 26px;
}
.etap-podpis {
    margin: 4px 0;
}
.etap-tt {
    padding: 25px;
}

/* марки */

.inf-collect.inf-auto .ob-block {
    height: 430px;
}
.inf-collect.inf-auto {
    height: 430px;
}
.inf-collect.inf-auto .collect-image {
bottom: 40px;
}

.rims .ob-block {
    width: 320px;
    height: 420px;
}
.inf-rims {
    height: 420px;
}
/* блог */
.wrapper ul, .wrapper ol {
    font-size: 18px;
}


/* Блок pr */
.inf-price .ob-block {
    width: 250px;
    height: 220px;
}
.inf-price .collect-image{
bottom: 112px;
}

}


@media screen and (max-height: 900px) and (max-width: 1280px) {
        .main-txt , .rf-txt{
            max-width: 520px;
        }
.main-txt h1 , .rf-txt h1{
            font-size: 54px;
        }
        .main-txt p , .rf-txt p{
            font-size: 24px;
            margin: 30px 0;
        }
		.rf-txt p{
font-size: 22px;
		}
.porshe-block {
            bottom: 140px;
        }
		
		


/* этапы */
.etap-img {
    margin: 35px 30px 10px;
}
.etapi h3 {
    font-size: 24px;
}
    .etapi p {
        font-size: 16px;
    }
.time {
    font-size: 16px;
    background-position: 0 2px;
}
.etapi .ob-block {
    width: 360px;
}

		
}



@media screen and (max-height: 720px) and (max-width: 1280px) {
        .main-txt , .rf-txt{
            max-width: 460px;
        }
        .main-txt h1 , .rf-txt h1{
            font-size: 50px;
        }
        .main-txt p , .rf-txt p{
            font-size: 21px;
        }
.porshe-block {
            bottom: 120px;
        }
}


@media screen and (max-width:1240px){
	
.color-detail{
left:0;	
}
	
.footer-calc .pre-rim-block{
height: 190px;
}

/* блог */

.blog .ob-block {
height: 600px;
}




.menu-drop{
width: 100%;
}

}



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


/* main */


.main-txt {
            padding: 0 20px;
        }
		
.rim-block{
    margin: 20px auto 20px;
}

    .rfc {
        width: 100%;
        height: calc(100% - 320px);
        bottom: -100px;
    }


.rfphoto img {
max-width: 560px;
max-height: 560px;
}


.rf-txt h1 {
        font-size: 60px;
    }
    .rf-txt p {
        font-size: 22px;
        margin: 20px 0;
    }
.rf-txt {
        top: 180px;
        text-align: center;
        position: relative;
        margin: 0 auto;
        max-width: 90%;
    }
	
    .path {
        margin: 0 0 20px 0;
        height: 40px;
        line-height: 40px;
        background-size: 17px;
        padding: 0 22px 0 30px;
        background-position: 8px 50%;
        font-size: 18px;
    }


/* галерея */

.gallery h2, .color-txt h2{
    font-size: 50px;
}
.gallery-in{
        margin: 40px -20px 30px;
}
.galob {
height: 480px;
}

.galocat{/* margin: 40px 0; */}
   .galleryhead {
		min-height: 360px;
        padding: 120px 20px 0;
		width: 100%;
    }
    .galleryhead-in {
        padding: 0 30px 0 180px;
    }
    .galleryhead h1 {
        font-size: 40px;
    }
    .rim-name {
        font-size: 25px;
    }

.head-rims {
    margin: 12px auto;
}
    .hr-img {
        width: 150px;
        top: 22px;
    }

    .gallery-s {
        margin: 80px -20px -30px;
    }
.gallery-d {
    gap: 20px;
    padding: 0 20px;
}



/* блок rp */

.rp-txt{
    margin: 0 -20px;
    border-radius: 0;
    padding: 80px 40px 80px 380px;
}


/* каталог */

.slideon .path{
        line-height: 38px;
	
}


/* бренды */

.brands-head h1 {
    font-size: 65px;
}
.brands-head p{
font-size:22px;
}

.brands-rims, .brands-auto{
    gap: 20px;
}

/* блог */
.bloghead-in {
margin: 30px auto 0;
}

}


@media screen and (max-height: 800px){
.rfphoto img {
max-width: 560px;
max-height: 560px;
}
}

@media screen and (max-height: 720px){
.rfphoto img {
max-width: 500px;
max-height: 500px;
}
}


@media screen and (max-height: 1100px) and (max-width: 1220px) {
.rf-txt {
top: 150px;
}
	
.rfc {
height: calc(100% - 280px);
bottom: -110px;
}
}

@media screen and (max-height: 1000px) and (max-width: 1220px) {
.path {
    margin: 0 0 20px 0;
}
.rf-txt h1 {
font-size: 48px;
}
.rfc {
        height: calc(100% - 250px);
}
.rf-txt p {
font-size: 20px;
}
.rfphoto img {
max-width: 500px;
max-height: 500px;
}
}

@media screen and (max-height: 900px) and (max-width: 1220px) {
.rf-txt {
top: 130px;
}
.rfc {
height: calc(100% - 180px);
bottom: -120px;
}
.mobhide2{
display:none;
}
.rfphoto img {
max-width: 440px;
max-height: 440px;
}
}

@media screen and (max-height: 800px) and (max-width: 1220px) {
.rfphoto img {
max-width: 400px;
max-height: 400px;
}
}

@media screen and (max-height: 760px) and (max-width: 1220px) {
.rfphoto img {
max-width: 360px;
max-height: 360px;
}
}


@media screen and (max-width: 1140px) {
/* блог */
.blog .ob-block {
height: 540px;
}
}







@media screen and (max-width:1120px){
/* critical css */
    .itemsmenu a, .mm2c {
        font-size: 15px;
    }
.itemsmenu {
        margin: 27px 20px;
    }
.mm2c:after {
        top: -1px;
    }

/* main */



		.calc-ch:after{
		     right: 25px;
		}


/* Галерея */



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

 .galocat .img-block img {
height: 300px; 
 }


}



@media screen and (max-height: 820px) and (max-width: 1120px) {
	/* main h*/

		.calc-ch{
    height: 70px;
		}
		
		.calc-ch:after{
		    top: 28px;
		}
        .porshe-block {
            bottom: 140px;
        }
		  
}


@media screen and (max-height: 720px) and (max-width: 1120px) {
	/* main h*/
        .main-txt h1{
            font-size: 50px;
        }
        .main-txt p{
            font-size: 21px;
        }
        .main-txt{
            max-width: 460px;
        }


}



@media screen and (max-width: 1024px) {
.itemsmenu-mob{
	display:block;
	z-index:100;
}
.mm-show{
display:block;
}
.itemsmenu .mm-hide{
display:none;
}
.mobhide2{
display:none;
}
    .info-menu {
        display: block;
        position: relative;
        box-shadow: none;
        width: auto;
        right: 0px;
        margin: 30px 0px 0px;
        padding: 17px 0px;
        border-top: 1px solid rgb(241, 241, 241);
        border-radius: 0px;
    }
.info-menu a {
        color: rgb(102, 102, 102) !important;
    }

.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");
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNi40MTcgMTIuODE2LS4wMTYtLjAwM2ExLjUgMS41IDAgMCAwLTEuMjE3LjI5OHEtLjgxLjY0NC0xLjM5Ny45MzRhNSA1IDAgMCAwIC4zMzUtMS4yNDUgMS43IDEuNyAwIDAgMC0uNDcyLTEuMzk3bC0uMTU5LS4xNjFDMi40MDggMTAuMjA1IDEuOCA4Ljg0NCAxLjggNy40YzAtMy4wNiAyLjc0Ni01LjYgNi4yLTUuNnM2LjIgMi41NCA2LjIgNS42UzExLjQ1NCAxMyA4IDEzYTYuOCA2LjggMCAwIDEtMS41ODMtLjE4NE0xLjcxIDE1Ljk0OXEyLjcyMS0uMjIgNC4yOS0xLjM4MmMuNjQuMTUyIDEuMzEuMjMzIDIgLjIzMyA0LjQxOCAwIDgtMy4zMTMgOC03LjRTMTIuNDE4IDAgOCAwIDAgMy4zMTMgMCA3LjRjMCAyLjA3Ni45MjQgMy45NTIgMi40MTMgNS4yOTZhNC43IDQuNyAwIDAgMS0xLjExNSAyLjQ0NC40OS40OSAwIDAgMCAuNDEyLjgwOW0xMy4xNjYtMS4yMDJjLTEuMjYzLjY3NC0zLjAzIDEuMTU0LTUuNTUyIDEuMjRBNy40IDcuNCAwIDAgMCAxMyAxNi45NWE3LjQgNy40IDAgMCAwIDMuMTgzLS43MDdxMS4zMDMuNzggMy4zNTQuOTQ0YS40My40MyAwIDAgMCAuMzYtLjcwOSA0LjE0IDQuMTQgMCAwIDEtMS4wMS0yLjQ5N0E2LjEgNi4xIDAgMCAwIDIwIDEwLjQ3NWMwLTIuMTQtMS4xMjMtNC4wMzgtMi44NTItNS4yMTYuNDY0LjkzNC43NzIgMS45ODkuODk2IDMuMTU3LjEyOSAxLjIwNy4wOTUgMi4xMTYtLjA5MSAyLjg1Ny0uMTE3LjUwMi0uMzIyLjk5LS42MSAxLjQ0OGwtLjAyNy4wNDVhMS43IDEuNyAwIDAgMC0uMDc1IDEuNTc3cS4xNy4zNjEuNDMuNzItLjQ3NS0uMTA0LTEuMTE4LS40NDdhMS41IDEuNSAwIDAgMC0xLjM4Ni0uMDEzbC0uMDkzLjA0N3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
width: 40px;
        height: 40px;
        border-radius: 50%;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 50%;
        cursor: pointer;
}
.itemsmenu .mm4 {
        display: none;
    }

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

.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%
}


.openmenu .itemsmenu-mob span:nth-child(1) {
    transform: rotate(45deg) translate3d(0px, -3px, 0);
	width:97%;
}

.openmenu .itemsmenu-mob span:nth-child(2) {
    width: 0;
    opacity: 0
}

.openmenu .itemsmenu-mob span:nth-child(3) {
    width: 97%;
    transform: rotate(-45deg) translate3d(0, 0, 0)
}


    .itemsmenu {
        width: 300px;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        background: #fff;
        overflow: auto;
        visibility: hidden;
        transition: 0.2s ease;
        margin: 0 0 0 -300px;
		padding: 22px 10px 0;
		z-index:100;
    }
	
    .openmenu .itemsmenu {
        visibility: visible;
        transition: 0.2s ease;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        margin: 0;
    }
    .itemsmenu a {
        display: block;
        transition: transform 0.3s, opacity 0.3s;
        font-size: 16px;
        padding: 12px 10px 14px 66px;
        margin: 10px 0;
        background-repeat: no-repeat;
        background-size: 41px;
        background-position: 11px 0px;
        color: #000;
        font-weight: normal;
    }
.menu-right{
z-index:100;
}



.menu{
 transition: 0.2s ease;
 left: 0;
}
	
.openmenu .menu {
        left: 260px;
    }

.openmenu .mob-calc{
opacity:0;
}
    .wrapper p {
        font-size: 18px;
    }

/* main */


    .main-txt {
        position: absolute;
        max-width: 520px;
    }
    .main-txt h1{
        font-size: 58px;
    }
    .main-txt p{
        font-size: 24px;
        margin: 30px 0;
    }
	
.calc-ch {
    font-size: 13px;
height: 70px;
}
.calc-z {
    font-size: 12px;
}
.calc-ch:after{
top:27px;	
}
.calc-go{
top: 17px;
}

	
	
/* aluminium-block */
.main-second {
    margin: 60px auto;
}
    .shorth2 {
        font-size: 80px;
    }

        .al-block {
            padding: 40px 0 90px 200px;
            margin: 0 80px 50px;
        }
    .aluminium {
        width: 260px;
        height: 260px;
        top: 150px;
	}

/* .standarts */

.standarts{
    margin: 20px 0 160px;
}


/* карусель-каталог */


        .rims-cat .ob-block {
            width: 200px;
            height: 190px;
        }
.brand-name {
    padding: 20px;
    font-size: 16px;
}
.brand-logo {
    height: 130px;
    background-size: 90px;
}
.infinity-main {
    height: 200px;
    margin: 30px 0;
}


/* этапы */
.etapi p {
        font-size: 16px;
    }
.etapi, .portfolio {
    margin: 0 0 70px 0;
}
.main-cat {
    margin: 80px auto 0;
}


/* цвета */

.inf-colors {
height: 380px;
}
.color-detail{
height: 97%;
border-radius: 20px 20px 0 0;
}

/* блок rp */
.rp-txt{
padding: 80px 40px 80px 320px;
}
.rp-txt:after{
width: 320px;
}
.rp-txt h2 {
    font-size: 32px;
}


/* блок pr */
.pr-txt h2{
font-size: 32px;
}


/* галерея */

.morephoto, .go-gallery{
height: 50px;
    line-height: 50px;
    background-size: 24px;
    background-position: 15px 50%;
    font-size: 15px;
    width: 200px;
    padding: 0 20px 0 40px;
}



.allcat{
height: 50px;
    line-height: 50px;
    background-size: 25px;
    font-size: 15px;
    padding: 0 45px 0 25px;
}


/* каталог */

.rimbrand-in h1 {
    font-size: 100px;
}
.rimmark h1{
font-size: 70px;
}
.rimmark h1.longh1{
font-size: 50px;	
}
.rimbrand-in p {
margin: 20px 0;
font-size: 22px;
}

.catcat {
margin: 0 auto 70px;
}
.ccnp{
margin: 0 auto 20px;
}

.inf-collect .ob-block {
height: 500px;
width: 380px;
border-radius: 40px;
}
.collect-image {
background-size: 75%;
bottom: 73px;
}
.inf-collect {
height: 500px;
margin: 60px 0 40px;
}
.collect-name {
    height: 83px;
    font-size: 26px;
}
.collect-name:after{
height: 6px;
bottom: 2px;
}
.collect-var{
font-size:17px;
}
.cn .nowrap, h2 .nowrap, .nowrap{
    white-space: normal;
}

.brands-head-in{
display:none;
}

.brands-head{
height: 120px;
min-height: 120px;
}

/* footer */

.footer-calc .pre-rim-block{
height: 170px;
}



/* бренды */

.brands-content .rt-choice {
    margin: 0 auto 40px;
}
.brands-content-fix .brands-content {
    padding: 90px 0 0;
}

/* марки */

.inf-collect.inf-auto .ob-block {
    height: 410px;
}
.inf-collect.inf-auto {
height: 410px;
}
.inf-collect.inf-auto .collect-image {
bottom: 40px;
}
.rims{
    padding: 50px 0;
}

/* блог */
.blog .ob-block {
height: 500px;
}
.blogcat .etap-zag {
    font-size: 30px;
}
.bloghead h1 {
    font-size: 58px;
}
.blog-txt h2{
font-size: 40px;
}
.blog-txt h3 {
font-size: 25px;
}



/* Блок pr */
.inf-price .ob-block {
    width: 250px;
    height: 220px;
}


}


@media screen and (max-height: 1000px) and (max-width: 1024px) {
    .rf-txt {
        top: 130px;
    }
.rfc {
        height: calc(100% - 210px);
}
	
	
}

@media screen and (max-height: 1100px) and (max-width: 1024px) {
	
    .rfc {
        height: calc(100% - 210px);
    }
	
}




@media screen and (max-height: 820px) and (max-width: 1024px) {
	/* main h*/
        .main-txt h1{
            font-size: 50px;
        }
        .main-txt p {
            font-size: 21px;
        }
        .main-txt {
            max-width: 460px;
        }





}




@media screen and (max-width:980px){
	
h2 {
    font-size: 60px;
}
	
	/* main*/


.porshe-block{
width:120%;
}

/* стандарты */

.st-txt{
padding: 0 50px 10px;
}

.st-txt h2{
font-size: 60px;
}
.standarts{
    margin: 20px -20px 155px;
    border-radius: 0;
}



/* портфолио */

    .inf-portfolio .ob-block {
        width: 360px;
        height: 440px;
    }
.inf-portfolio.infinity-main {
    height: 445px;
}
.etap-tt {
    padding: 25px;
}
.etap-zag {
    font-size: 26px;
}

/* галерея */

.galob {
        height: 420px;
    }
    .galocat {
        /* margin: 30px 0; */
    }


/* марки */

.mark-main .rfpath{
margin: 120px auto 0;
}
.original-rims{
margin: 160px auto 0;
}

.mark-main h1, .original-rims h1{
    font-size: 60px;
}

    .mark-main {
        width: 100%;
        text-align: left;
    }
	
/* блог */
.blog .ob-block {
height: 448px;
}
.blogcat .etap-zag {
    font-size: 24px;
}

}

@media screen and (max-height: 780px) and (max-width: 980px) {
.porshe-block{
width:110%;
}
}
@media screen and (max-height: 680px) and (max-width: 980px) {
.porshe-block{
width:100%;
}
}




@media screen and (max-width:860px){
    .header-in {
        margin: 5px 0;
    }
	
	.wrapper p {
            font-size: 17px;
        }
		
header{
    height: 80px;
}
.headfix{
height:70px;
}
	
/* main */
    .main-txt h1 {
        font-size: 50px;
    }
    .main-txt p {
        font-size: 21px;
	}
    .main-txt {
        max-width: 460px;
    }

        .calc-ch {
            height: 70px;
		width: 27.5%;
    margin: 0 0.5%;
        }
.calc-ch:after {
            top: 28px;
        }
.calc-ch:nth-child(2){
    margin: 0 0.5% 0 0;
}
.calc-ch:nth-child(5){
    margin: 0 0 0 0.5%;
}

.rim-block {
        margin: 10px;
        width: calc(100% - 20px);
        }

.porshe-block{
width:130%;
}


    .rf-txt h1 {
        font-size: 48px;
    }
    .rf-txt p {
        font-size: 20px;
    }

/* aluminium-block */

    .shorth2 {
        font-size: 80px;
    }

        .al-block {
            padding: 40px 0 90px 200px;
        }
    .aluminium {
        width: 260px;
        height: 260px;
        top: 150px;
	}
	

/* этапы */
.etapi p {
            font-size: 16px;
        }



/* блок rp */
.rp-txt {
padding: 40px 40px 40px 280px;
}
.rp-txt:after{
width: 280px;
}
.rp-txt h2 {
    font-size: 30px;
}
.rl{
font-size:15px;	
}

/* блок rp */
.pr-txt h2 {
    font-size: 30px;
}

/* каталог */

.inf-collect .ob-block {
        height: 450px;
        width: 350px;
        border-radius: 35px;
    }
    .inf-collect {
        height: 450px;
	}
    .collect-image {
        background-size: 74%;
        bottom: 51px;
    }
.collect-name {
        height: 80px;
        line-height: 78px;
        font-size: 24px;
    }

.rimbrand-in h1 {
font-size: 70px;
}
.rimmark h1{
font-size: 50px;
}
.rimmark h1.longh1{
font-size: 40px;	
}
.rimbrand-in p {
margin: 15px 0;
font-size: 19px;
}
.collect-var {
        font-size: 16px;
        bottom: 25px;
    }
.cn{
font-size: 17px;
}

.cat-txt {
padding: 20px 40px 1px;
}

.brands-head{
height: 100px;
min-height: 100px;
}

/* footer */

.footer-calc .pre-rim-block{
height: 160px;
}




/* бренды */

.brands-head h1 {
    font-size: 60px;
}
.brands-head p{
font-size: 20px;
}
	
.brands-rims, .brands-auto{
grid-template-columns: repeat(2, 1fr);
}

/* галерея */

.galo-rim {
    font-size: 15px;
}
.galo-car {
    font-size: 20px;
}
.galo-txt {
    padding: 60px 20px 0;
	height:130px;
}

    .hr-img {
        width: 140px;
	}
    .galleryhead {
        min-height: 320px;
        padding: 110px 20px 0;
	}
    .galleryhead-in {
        padding: 0 30px 0 165px;
    }
    .galleryhead h1 {
        font-size: 35px;
    }
    .rim-name {
        font-size: 23px;
    }



/* марки */

.inf-collect.inf-auto .ob-block {
    height: 380px;
}
.inf-collect.inf-auto {
height: 380px;
}
.inf-collect.inf-auto .collect-image {
bottom: 20px;
}

.rims .ob-block {
    width: 280px;
    height: 380px;
}
.inf-rims {
    height: 380px;
}
    .mark-main .rfpath{
        margin: 90px auto 0;
    }
	.original-rims{
		 margin: 140px auto 0;
	}
/* блог */
.blog .ob-block {
height: 368px;
}
.blogcat .etap-zag {
    font-size: 22px;
}
.bloghead h1 {
    font-size: 50px;
}
.blog-txt h2{
font-size: 36px;
}
.blog-txt h3 {
font-size: 22px;
}
.wrapper ul, .wrapper ol {
    font-size: 17px;
}


/* Блок pr */
.inf-price .ob-block {
    width: 250px;
    height: 220px;
}


/* быстрый заказ */
	
.offer-txt {
    font-size: 17px;
}
.h2-offer{
font-size: 18px;
}	



}

@media screen and (max-height: 780px) and (max-width: 860px) {
.porshe-block{
width:120%;
}
}
@media screen and (max-height: 680px) and (max-width: 860px) {
.porshe-block{
width:110%;
bottom: 120px;
}
}



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

        .main-txt {
            max-width: 420px;
        }
        .main-txt h1 {
            font-size: 46px;
        }
        .main-txt p {
            font-size: 19px;
			margin: 20px 0;
        }

}


@media screen and (max-width:780px){
        .main-txt {
            max-width: 420px;
        }
        .main-txt h1 {
            font-size: 46px;
        }
        .main-txt p {
            font-size: 19px;
			margin: 20px 0;
        }
        .porshe-block {
            width: 140%;
        }
.front-et{
    width: 90px;
}




/* каталог */

.inf-collect .ob-block {
        height: 420px;
        width: 320px;
        border-radius: 35px;
    }
    .inf-collect {
        height: 420px;
    }
    .collect-image {
        background-size: 73%;
        bottom: 38px;
    }
    .collect-name {
        height: 75px;
        line-height: 75px;
        font-size: 22px;
    }
    .collect-name:after {
        bottom: 3px;
        height: 5px;
    }
/* блог */	
.bloghead h1 {
    font-size: 46px;
}
.blog-txt h2{
font-size: 32px;
}
.blog-txt h3 {
font-size: 20px;
}
}
@media screen and (max-height: 780px) and (max-width: 860px) {
.porshe-block{
width:130%;
}
}
@media screen and (max-height: 680px) and (max-width: 860px) {
.porshe-block{
width:120%;
}
}




@media screen and (max-width:860px){
/* быстрый заказ */
.range-input, .offer-txt{
width:90%;
}
.offer{
    padding: 50px 20px 60px;
    margin: 60px 0 0;
}		
	
}



@media screen and (max-width:820px){
	
h2 {
    font-size: 55px;
}


/* стандарты */

.st-txt h2{
font-size: 50px;
}


/* галерея */



/* марки */


.mark-main h1, .original-rims h1{
    font-size: 55px;
}


}



@media screen and (max-width:780px){
.inf-collect.inf-auto .ob-block {
    height: 350px;
}
.inf-collect.inf-auto {
height: 350px;
}
.inf-collect.inf-auto .collect-image {
bottom: 0;
}
.galocat {
    /* grid-template-columns: repeat(1, 1fr); */
}
.galob {
height: 520px;
}
.rims .ob-block {
    width: 260px;
    height: 360px;
}
.inf-rims {
    height: 360px;
}
.rims .ob-block {
    width: 230px;
    height: 320px;
}
.inf-rims {
    height: 320px;
}

/* Блок pr */
.inf-price .ob-block {
    width: 250px;
    height: 220px;
}
}



@media screen and (max-width:768px){
	
/* Галерея */
.gallery-in {
grid-template-columns: repeat(2, 1fr);
}
.img-block img , .galocat .img-block img{
height: 280px;
border-radius: 0;
}
.img-block{
border-radius: 0;
}

}


@media screen and (max-width:720px){
	
	
/* main */

.main {
min-height: 720px;
}
.pre-rim-block{
display:none;
}
.porshe-block{
width:150%;
}
.main-txt{
top: 25%;
text-align: center;
position: relative;
margin: 0 auto;
}
	
	
.mob-calc {
display: block;
padding: 0 20px;
position: fixed;
bottom: 30px;
width: 100%;
z-index: 10;
transition: bottom 0.3s ease-in, border-radius 0.3s ease-in 0.2s, width 0.3s ease-in 0.5s, height 0.3s ease-in 0.7s;
}

.mob-calc-in {
display: block;
height: 56px;
background-color: rgb(232 232 237 / 70%);
position: relative;
cursor: pointer;
backdrop-filter: blur(5px);
border-radius: 32px;
width: 180px;
margin: 0 auto;
box-shadow: inset 0 0 1px rgb(0 0 0 / 11%);	
transition: width 0.3s ease-in, height 0.3s ease-in 0.2s;
overflow:hidden;
}
.mc-close{
display:none;
}
.mob-calc-in .czag {
display: block;
text-align: center;
font-size: 14px;
padding: 19px 38px 0 0;
font-weight: 600;
letter-spacing: 0.3px;
}

.mc-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 48 48' style='enable-background:new 0 0 48 48;transform: scale(-1, 1);fill: %23fff;' xml:space='preserve'%3e%3cpath d='M24.5756836,44.5273438c-0.0048828,0-0.0092773,0-0.0141602,0c-0.6425781-0.0058594-1.2094727-0.4208984-1.4106445-1.03125 l-9.2089844-27.9707031c-0.1772461-0.5380859-0.0361328-1.1293945,0.3642578-1.5297852s0.9921875-0.5415039,1.5297852-0.3642578 l27.9707031,9.2089844c0.6103516,0.2011719,1.0253906,0.7680664,1.03125,1.4106445s-0.3974609,1.2177734-1.0039062,1.4296875 l-13.2138672,4.6279297l-4.6289062,13.2148438C25.7802734,44.125,25.2128906,44.5273438,24.5756836,44.5273438z M17.7211914,17.4106445l6.8984375,20.9536133l3.4077148-9.7285156c0.1513672-0.4306641,0.4892578-0.7685547,0.9199219-0.9199219 l9.7275391-3.4067383L17.7211914,17.4106445z M11.6860352,11.3754883c0.5859375-0.5854492,0.5859375-1.5351562,0-2.1210938 L9.1074219,6.675293c-0.5849609-0.5859375-1.5351562-0.5859375-2.1210938,0c-0.5859375,0.5854492-0.5859375,1.5351562,0,2.1210938 l2.5786133,2.5791016c0.2924805,0.2929688,0.6767578,0.4394531,1.0605469,0.4394531S11.3930664,11.668457,11.6860352,11.3754883z M17.1186523,8.2563477V4.609375c0-0.8286133-0.6713867-1.5-1.5-1.5s-1.5,0.6713867-1.5,1.5v3.6469727 c0,0.8286133,0.6713867,1.5,1.5,1.5S17.1186523,9.0849609,17.1186523,8.2563477z M21.7753906,10.7661133l2.5791016-2.5791016 c0.5859375-0.5854492,0.5859375-1.5356445,0-2.1210938c-0.5859375-0.5859375-1.5351562-0.5859375-2.1210938,0l-2.5791016,2.5791016 c-0.5859375,0.5854492-0.5859375,1.5356445,0,2.1210938c0.2929688,0.2929688,0.6767578,0.4394531,1.0605469,0.4394531 S21.4824219,11.059082,21.7753906,10.7661133z M10.0449219,15.3300781c0-0.8286133-0.6713867-1.5-1.5-1.5H4.8979492 c-0.8286133,0-1.5,0.6713867-1.5,1.5s0.6713867,1.5,1.5,1.5h3.6469727 C9.3735352,16.8300781,10.0449219,16.1586914,10.0449219,15.3300781z M8.4760742,24.0654297l2.5786133-2.5786133 c0.5859375-0.5854492,0.5859375-1.5356445,0-2.1210938c-0.5859375-0.5859375-1.5351562-0.5859375-2.1210938,0l-2.5786133,2.5786133 c-0.5859375,0.5854492-0.5859375,1.5356445,0,2.1210938c0.2929688,0.2929688,0.6767578,0.4394531,1.0605469,0.4394531 S8.1831055,24.3583984,8.4760742,24.0654297z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 24px;
content: '';
height: 36px;
width: 36px;
border-radius: 50%;
display: block;
position: absolute;
top: 10px;
right: 10px;
background-position: 50%;
background-color: #000;
}

.mob-hide{
display:none;
}

.onlymob{
display:block;
}

    .rf-txt h1 {
        font-size: 40px;
    }
.rf-txt p {
        font-size: 18px;
    }
    .rf-txt {
top:130px;
padding:0;
	}

    .rfc {
        height: calc(100% - 190px);
        bottom: -130px;
    }
    .path {
  
        font-size: 16px;
    }



.mobchide .mob-calc, .mcalc-off.mobchide .mob-calc{
bottom:-100px!important;
}


.mobchide.colfix .mob-calc{
bottom:30px;
}


/* aluminium-block */
.main-second {
margin: 30px auto 0;
}
.go-a6061 .aluminium {
left: 0;
}
.aluminium {
width: 280px;
height: 280px;
top: 125px;
}
.al-block {
padding: 0;
margin: 0 0 160px;
}
.ms-left {
padding: 320px 0 0 0;
}

/* стандарты */
.standarts {
margin: 20px -20px 145px;
}
.st-txt h2 {
font-size: 55px;
}
.st-txt {
padding: 0 35px 10px;
}
	
footer {
padding: 50px 20px 120px;
}


/* этапы */
.etapi p {
font-size: 15px;
}
.etapi h3 {
font-size: 22px;
}
.etapi .ob-block {
height: 390px;
width: 330px;
}
.etapi .infinity-main {
height: 400px;
}
.time {
font-size: 15px;
background-position: 0 1px;
}
.etapi2, .portfolio2{
margin: 0 0 50px 0;
}
.etap-zag {
font-size: 22px;
}	
.etap-tt {
        padding: 20px;
    }		
	
		
/* портфолио */

.inf-portfolio .ob-block {
        width: 325px;
        height: 400px;
    }
.inf-portfolio.infinity-main {
height: 405px;
}
.etap-podpis {
margin: 6px 0;
font-size: 14px;
}



/* каталог */


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

.photo-cat{
font-size: 15px;
height: 64px;
line-height: 65px;
padding: 0 30px 0 110px;
}
.pcpimg {
    width: 50px;
    height: 50px;
}























/* блок rp */
    .rp-txt:after {
display:none;
    }
    .rp-txt {
        padding: 40px;
    }
.rp-txt h2 {
    font-size: 30px;
}
.rl{
font-size:15px;	
}

/* блок pr */
.pr-txt h2 {
    font-size: 30px;
}

/* footer */

.footer-menu {
margin:40px 0;
}
.copy {
margin: 50px 15px 0;
}
.footer-logo{
margin: 0 auto;
}

.footer-calc{
display:none;
}

/* цвета */

.color-image{
width:90px;
height:90px;
}
.clr{
    width: 100px;
    height: 150px;
}
    .colors-block {
        grid-template-rows: repeat(2, 150px);
        gap: 20px 50px;
        grid-auto-columns: 90px;
    }
    .inf-colors {
        height: 315px;
    }
	

/* бренды */

.brands-head h1 {
    font-size: 55px;
}
.brands-head p{
font-size: 18px;
}



/* галерея */


    .hr-img {
        width: 120px;
		top:30px;
    }
    .galleryhead {
        min-height: 300px;
        width: 100%;
    }
    .galleryhead-in {
        padding: 0 0 0 140px;
    }
.galleryhead h1 {
        font-size: 30px;
    }
    .rim-name {
        font-size: 20px;
    }
/* блог */
.blog .ob-block {
height: 312px;
}
.blogcat .etap-zag {
font-size: 18px;
}
.blog .etap-tt{
padding: 40% 20px 20px;
}
.bloghead-in {
margin: 0 auto 0;
}
.img_text, .blog-in-date{
font-size: 16px;
}
}


@media screen and (max-height: 1024px) and (max-width: 720px) {
    .rf-txt {
        top: 110px;
    }
    .rfc {
        height: calc(100% - 170px);
	}
}


@media screen and (max-height: 780px) and (max-width: 720px) {
.porshe-block{
width:140%;
}
}
@media screen and (max-height: 740px) and (max-width: 720px) {
.porshe-block {
bottom: 110px;
}
}





@media screen and (max-height: 670px) and (max-width: 720px) {
.main-txt h1{
font-size: 42px;
}
.main-txt {
max-width: 380px;
}
.main-txt p {
font-size: 17px;
}
}



@media screen and (max-width:660px){
.img-block img , .galocat .img-block img{
height: 220px;
}
.gallery h2, .color-txt h2, .t-cat h2 {
font-size: 42px;
}
.galob {
height: 460px;
}
}


@media screen and (max-width:620px){
	
	
/* main */

.logo {
width: 260px;
}
.logo-txt {
width: 220px;
}
	
.save{
margin: 0 5px;
}
	
.main-txt h1{
font-size: 42px;
}
.main-txt {
top: 30%;
max-width: 380px;
}
.main-txt p {
font-size: 17px;
}
.porshe-block {
width: 190%;
}
.poehali .porshe, .poehali .porshe-rims, .poehali-next .porshe-rims-next {
right: -53%;
}
.main {
min-height: 640px;
}

    .path {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        background-size: 15px;
        background-position: 9px 50%;
    }
.rf-txt h1 {
        font-size: 35px;
    }
.rf-txt p {
        font-size: 16px;
        max-width: 440px;
        margin: 20px auto;
    }
.rfphoto img {
        max-width: 90%;
    }


		
/* aluminium */

.al-block {
margin: 0 0 140px;
}

/* стандарты */
.st-txt h2 {
font-size: 55px;
}
.standarts {
margin: 20px -20px 130px;
}


/* этапы */

.etapi2, .portfolio2{
margin: 0 0 40px 0;
}



/* каталог */
	
.rimbrand-in h1 {
font-size: 60px;
}
.rimmark h1{
font-size: 40px;
}
.rimmark h1.longh1{
font-size: 35px;	
}
.rimbrand-in p {
font-size: 17px;
}



/* бренды */

.brands-head h1 {
    font-size: 50px;
}
.brands-head p{
font-size: 16px;
}

.b-name a {
padding: 100px 30px 30px;
}
.b-num {
    margin: 94px 0 0;
}

.brand-el{
height: 160px;
}

.bet {
    margin: 70px 0 0;
    text-align: center;
}

.bei {
    top: 25px;
    right: calc(50% - 30px);
}

.brands-head-in{
padding: 90px 0 0;
}
/* блог */
.blog {
grid-template-columns: repeat(1, 1fr);
}
.blog .ob-block {
height: 600px;
}
.blogcat .etap-zag {
font-size: 28px;
}
.blog .etap-tt{
padding: 40% 30px 30px;
}
.bloghead h1 {
    font-size: 42px;
}
.blog-txt h2{
font-size: 28px;
}
.blog-txt h3 {
font-size: 19px;
}
}

@media screen and (max-height: 780px) and (max-width: 620px) {
.porshe-block{
width:180%;
}
}
@media screen and (max-height: 720px) and (max-width: 620px) {
.porshe-block{
width: 150%;
bottom: 120px;
}
}
@media screen and (max-height: 640px) and (max-width: 620px) {
.porshe-block{
width:140%;
bottom: 110px;
}
.main-txt {
top: 110px;
}
}




@media screen and (max-width:580px){
    .galleryhead {
        min-height: 240px;
        padding: 60px 20px 0;
    }
}


@media screen and (max-width:580px){
.menu-right .save{
display:none;
}
.lastm{
padding: 5px;
width: 38px;
height: 38px;
}
.menu-right{
height: 38px;
}
.img-block img , .galocat .img-block img{
height: 200px;
}

    .gallery h2, .color-txt h2, .t-cat h2 {
        font-size: 36px;
    }
/* блог */
.blog .ob-block {
height: 538px;
}
}



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

h2 {
font-size: 42px;
}
.cn{
font-size: 18px;
}
.wrapper p {
font-size: 16px;
}




/* aluminium-block */

.shorth2 {
font-size: 70px;
}
.aluminium {
top: 112px;
margin: 0 0 130px;
}



/* main */
.porshe-block {
width: 200%;
}
.main {
min-height: 620px;
}

    .rf-txt {
        top: 110px;
    }
    .rf-txt h1 {
        font-size: 30px;
    }
    .rf-txt p {
        max-width: 100%;
        margin: 15px auto;
    }
	
    .path {
        font-size: 13px;
        height: 36px;
        line-height: 36px;
        background-size: 13px;
        background-position: 9px 50%;
        margin: 0 0 15px 0;
        padding: 0 20px 0 28px;
    }
    .rfc {

        bottom: -130px;
    }



/* стандарты */
.st-txt h2 {
font-size: 50px;
}
.standarts {
margin: 20px -20px 120px;
}



    .gallery h2, .color-txt h2, .t-cat h2 {
        font-size: 32px;
    }
	
	
/* rp блок */
	

.rl:nth-child(2){
    margin: 0;
}
    .rl {
        font-size: 14px;
        padding: 0 40px 0 15px;
        background-size: 33px;
        background-position: 98% 50%;
        height: 42px;
        line-height: 41px;
        border-radius: 9px;
    }
	
	
	
	
/* цвета */
	
    .color-image {
        width: 90px;
        height: 90px;
    }	
    .clr {
        width: 90px;
        height: 135px;
    }
.colors-block {
        grid-template-rows: repeat(3, 145px);
        gap: 10px 38px;
        grid-auto-columns: 90px;
    }
    .inf-colors {
        height: 450px;
    }
	



/* каталог */

.rimbrand-in h1 {
font-size: 50px;
}
.rimmark h1{
font-size: 38px;
}
.rimmark h1.longh1{
font-size: 32px;	
}
.rimbrand-in p {
font-size: 16px;
}

    .inf-collect .ob-block {
        height: 390px;
        width: 300px;
        border-radius: 34px;
    }
    .collect-name {
        height: 70px;
        line-height: 70px;
        font-size: 20px;
    }
    .inf-collect {
        height: 390px;
    }
    .collect-var {
        font-size: 16px;
        bottom: 20px;
        height: 45px;
        line-height: 45px;
    }
    .collect-image {
        height: 300px;
        background-size: 76%;
        bottom: 36px;
    }

.slideon .path{
line-height: 32px;
	}
.cn{
font-size: 16px;
}


/* бренды */

.brands-head h1 {
    font-size: 45px;
}

.brands-rims, .brands-auto{
margin: 0 -10px;
gap: 10px;
}

.brands-content .rt-choice {
margin: 0 -10px 30px;
max-width: calc(100% + 20px);
width: calc(100% + 20px);
}
.brands-content-fix .brands-content {
    padding: 80px 0 0;
}

/* марки */


.mark-main h1, .original-rims h1{
    font-size: 46px;
}

    .mark-main .rfpath {
        margin: 70px auto 0;
    }
	.original-rims{
		margin: 120px auto 0;
	}
	
/* галерея */	

.gal-tag {
    margin: 0 0 15px 0;
    width: 100%;
}
.gal-info {
    margin: 50px 0 0;
}
.wrapper .gal-tag p {
    line-height: 60px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* блог */
    .blog .ob-block {
        height: 460px;
    }
.wrapper ul, .wrapper ol  {
    font-size: 17px;
}
.img_text, .blog-in-date{
    font-size: 15px;
}

/* Блок pr */
.price-block {
    padding: 40px 0;
    margin: 40px 0;
}
    .inf-price .ob-block {
        width: 200px;
        height: 200px;
		        border-radius: 30px;
    }
    .inf-price .collect-image {
        height: 250px;
    }
.inf-price .collect-name {
    height: 60px;
    line-height: 65px;
    font-size: 22px;
    text-align: left;
    margin: 0 0 0 20px;
}
.inf-price .collect-name:after {
    height: 5px;
}
.inf-price .collect-var {
        top: 59px;
        left: 20px;
        font-size: 18px;
    }
.price-block .fast-order {
    bottom: 10px;
    position: absolute;
    width: 88%;
    left: 6%;
    border-radius: 20px;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
}
.inf-price.inf-collect {
    height: 240px;
}



/* быстрый заказ */

.offer {
padding: 20px;
margin: 60px -20px 0;
border-radius: 0!important;
}

.range-input, .offer-txt{
width:98%;
}
.offer-txt, .h2-offer{
    font-size: 16px;
}

.offer .fast-order{
width:100%;
font-size: 16px;
}
.marker-label{
font-size:13px;
}

}

		
	
@media screen and (max-height: 780px) and (max-width: 520px) {
.porshe-block{
width:190%;
}
}
@media screen and (max-height: 720px) and (max-width: 520px) {
.porshe-block{
width: 160%;
}
.poehali .porshe, .poehali .porshe-rims, .poehali-next .porshe-rims-next {
right: -46%;
}
}








@media screen and (max-width:460px){
.logo {
width: 220px;
}
.logo-txt {
width: 180px;
}
.main-txt {
width: 380px;
}
.main-txt h1 {
font-size: 30px;
max-width: 240px;
margin: 0 auto;
}
.main-txt p {
font-size: 16px;
}
.main {
min-height: 590px;
}
.header-in {
height: 60px;
}
.itemsmenu-mob{
top:2px;	
}
.logo{
padding:5px;	
}
.logo {
width: 206px;
}	
.menu-right {
margin: 12px 20px;
}
.lastm{
width: 36px;
height: 36px;
}
.menu-right{
height:36px;
}
.mcalc-on .mob-calc-in{
width: 350px;
height: 260px;
}
    .rfphoto img {
        max-width: 85%;
    }




    .rf-txt {
        top: 90px;
    }
    .rf-txt h1 {
        font-size: 25px;
    }
	
    .rfc {
        bottom: -150px;
        height: calc(100% - 70px);
    }

header{
height:70px;
}


.headfix{
height:60px;
}


.cn {
font-size: 17px;
}

/* стандарты */
.st-txt h2 {
font-size: 40px;
}
.st-txt {
padding: 0 20px 5px;
}


/* портфолио */
    .inf-portfolio .ob-block {
        width: 290px;
        height: 360px;
    }
    .inf-portfolio.infinity-main {
        height: 365px;
    }

/* галерея */
.img-block img , .galocat .img-block img {
height: 180px;
}
.galob {
height: 440px;
}

.galleryhead h1 {
font-size: 23px;
}
.rim-name {
font-size: 15px;
}



/* блок rp */
.rp-links {
    display: block;
}
.rl{
margin: 0 0 20px;
}

    .rl {
        font-size: 15px;
        padding: 0 40px 0 15px;
        background-size: 40px;
        background-position: 100% 50%;
        height: 50px;
        line-height: 48px;
        border-radius: 10px;
        margin: 0 0 20px;
    }
	


/* каталог */
	
.colfix .collect-menu{
    top: 60px;
}

.photo-cat{
padding: 0 30px 0 100px;
}
.pcpimg{
border: 2px solid #f7f7f7;
margin: 0 -34px 0 0;
}
.pcp {
    left: 7px;
}


/* бренды */

.brands-content-fix .wrapper .rt-fix{
top:60px;
}
	
.brands-head h1 {
    font-size: 40px;
}
    .brands-head-in {
        padding: 80px 0 0;
    }
.brands-head-img{
    top: 60px;
}

/* блог */
.blog .ob-block {
height: 420px;
}
.blogcat .etap-zag {
font-size: 23px;
}
.blog .etap-tt {
padding: 40% 20px 20px;
}
.bloghead h1 {
    font-size: 30px;
}
.blog-txt h2{
font-size: 25px;
}
.blog-txt h3 {
font-size: 18px;
}
}





@media screen and (max-width:420px){
/* портфолио */




.gallery h2, .color-txt h2, .t-cat h2 {
font-size: 28px;
    }


/* rp блок */

    .rp-txt {
        padding: 10px 20px 25px;
    }




.cn {
font-size: 16px;
}


.pcpimg{
margin: 0 -50px 0 0;
}
    .photo-cat {
        padding: 0 30px 0 70px;
    }



}


@media screen and (max-height: 780px) and (max-width: 460px) {
.porshe-block{
width:200%;
}
}

@media screen and (max-height: 720px) and (max-width: 460px) {
.porshe-block{
width: 200%;
bottom: 110px;
}
.poehali .porshe, .poehali .porshe-rims, .poehali-next .porshe-rims-next {
right: -53%;
}
}

@media screen and (max-height: 640px) and (max-width: 460px) {
.porshe-block {
width: 170%;
}
.poehali .porshe, .poehali .porshe-rims, .poehali-next .porshe-rims-next {
right: -47%;
}
}





@media screen and (max-width:420px){
/* портфолио */


/* галерея */
    .img-block img , .galocat .img-block img{
        height: 160px;
    }

/* блог */
.blog .ob-block {
height: 380px;
}

/* offer */
    .range-input, .offer-txt {
        width: 100%;
    }

}


@media screen and (max-width:380px){
.main-txt {
width: 100%;
}
.main-txt h1{
font-size: 27px;
max-width: 220px;
}
.main-txt p {
font-size: 15px;
margin: 15px 0;
}
.rf-txt p {
        font-size: 15px;
}

.gallery h2, .color-txt h2, .t-cat h2 {
font-size: 26px;
    }
.galob {
height: 420px;
}
    .img-block img , .galocat .img-block img {
        height: 140px;
    }
	
	
	
        .rimbrand-in h1 {
            font-size: 40px;
        }
		.rimmark h1{
font-size: 35px;
}
.rimmark h1.longh1{
font-size: 30px;	
}
        .rimbrand-in p {
            font-size: 15px;
        }
/* блог */
.blog .ob-block {
height: 320px;
}
.blogcat .etap-zag {
font-size: 20px;
}

}



/* месенджер */

.msggrs{
position: absolute;
width: 50px;
    height: 60px;
    background: #eee;
    right: -10px;
    top: -10px;
    border-radius: 25px;
    padding: 30px 10px 10px;
transition: height 0.2s linear 0.2s, right 0.2s linear, opacity 0.05s ease-in, width 0.2s linear, left 0.2s linear, visibility 0.2s linear 0.2s;
opacity:0;
visibility:hidden;
overflow: hidden;
}
.msggrs-open .msggrs{
opacity:1;
width: 300px;
right: -10px;
transition: height 0.2s linear 0.2s, right 0.2s linear, opacity 0.15s ease-in, width 0.2s linear, left 0.2s linear;
visibility: visible;
height: 120px;
}
.msggrs-in{
position:relative;
}
.mob-contact .msggrs{
	
}
.ms-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: 40px;
    width: 40px;
    border-radius: 50%;
    display: block;
    position: absolute;
    background-position: 50%;
    background-color: #000;
    cursor: pointer;
    top: 0px;
    right: 0px;
}
.ms-tel {
    padding: 0 10px;
    height: 40px;
    line-height: 42px;
    border-radius: 20px;
    margin: -20px 0 0 0;
    display: block;
    text-align: center;
    font-size: 16px;
    background: #000;
    color: #fff;
font-size: 16px;
}

.ms-wa{
    background-color: #1daa61;
    border-radius: 20px;
    font-size: 0;
    height: 40px;
    width: 30%;
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0;
    transition: height 0.2s linear, top 0.2s linear, opacity 0.2s ease-in, width 0.2s linear, left 0.2s linear, visibility 0.2s linear 0.2s;
    visibility: hidden;
    overflow: hidden;
}

.ms-wa:after{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20d%3D%22M6.014%208.00613C6.12827%207.1024%207.30277%205.87414%208.23488%206.01043L8.23339%206.00894C9.14051%206.18132%209.85859%207.74261%2010.2635%208.44465C10.5504%208.95402%2010.3641%209.4701%2010.0965%209.68787C9.7355%209.97883%209.17099%2010.3803%209.28943%2010.7834C9.5%2011.5%2012%2014%2013.2296%2014.7107C13.695%2014.9797%2014.0325%2014.2702%2014.3207%2013.9067C14.5301%2013.6271%2015.0466%2013.46%2015.5548%2013.736C16.3138%2014.178%2017.0288%2014.6917%2017.69%2015.27C18.0202%2015.546%2018.0977%2015.9539%2017.8689%2016.385C17.4659%2017.1443%2016.3003%2018.1456%2015.4542%2017.9421C13.9764%2017.5868%208%2015.27%206.08033%208.55801C5.97237%208.24048%205.99955%208.12044%206.014%208.00613Z%22%20fill%3D%22%230F0F0F%22%20style%3D%22%26%2310%3B%20%20%20%20fill%3A%20%23fff%3B%26%2310%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%2023C10.7764%2023%2010.0994%2022.8687%209%2022.5L6.89443%2023.5528C5.56462%2024.2177%204%2023.2507%204%2021.7639V19.5C1.84655%2017.492%201%2015.1767%201%2012C1%205.92487%205.92487%201%2012%201C18.0751%201%2023%205.92487%2023%2012C23%2018.0751%2018.0751%2023%2012%2023ZM6%2018.6303L5.36395%2018.0372C3.69087%2016.4772%203%2014.7331%203%2012C3%207.02944%207.02944%203%2012%203C16.9706%203%2021%207.02944%2021%2012C21%2016.9706%2016.9706%2021%2012%2021C11.0143%2021%2010.552%2020.911%209.63595%2020.6038L8.84847%2020.3397L6%2021.7639V18.6303Z%22%20fill%3D%22%230F0F0F%22%20style%3D%22%26%2310%3B%20%20%20%20fill%3A%20%23fff%3B%26%2310%3B%22%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}

.ms-tg{
    background-color: #25a4e2;
    border-radius: 20px;
    font-size: 0;
    height: 40px;
    width: 30%;
    position: absolute;
    top: 10px;
    left: 35%;
    opacity: 0;
    transition: height 0.2s linear, top 0.2s linear, opacity 0.2s ease-in, width 0.2s linear, left 0.2s linear, visibility 0.2s linear 0.2s;
    visibility: hidden;
    overflow: hidden;
}

.ms-tg:after{
    content: "";
    position: absolute;
    inset: 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' version='1.0' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve' style='&%2310; fill: %23fff;&%2310;'%3e%3cpath d='M84.16,14.148l-71.047,29.57c0,0-3.359,1.221-3.099,3.473c0.267,2.256,3.008,3.288,3.008,3.288l17.877,6.382 c0,0,5.396,18.772,6.458,22.344c1.062,3.562,1.914,3.646,1.914,3.646c0.989,0.456,1.888-0.27,1.888-0.27l11.55-11.169L70.71,86.054 c4.869,2.253,6.641-2.441,6.641-2.441L90,15.935C90,11.427,84.16,14.148,84.16,14.148z M71.582,78.17L52.324,62.51l-5.976,5.777 l1.314-12.291l25.67-24.329L38.341,52.441l-15.521-5.54l59.217-24.648L71.582,78.17z'/%3e%3c/svg%3e");
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}

.ms-max{
    background-color: #000;
    background-image: linear-gradient(90deg, rgba(65, 133, 246, 1) 0%, rgba(73, 48, 224, 1) 48%, rgba(150, 75, 218, 1) 98%);
    border-radius: 20px;
    font-size: 0;
    height: 40px;
    width: 30%;
    position: absolute;
    top: 10px;
    left: 0;
    opacity: 0;
    transition: height 0.2s linear, top 0.2s linear, opacity 0.2s ease-in, width 0.2s linear, left 0.2s linear, visibility 0.2s linear 0.2s;
    visibility: hidden;
    overflow: hidden;
}

.ms-max:after{
    content: "";
    position: absolute;
    inset: 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%20720%20720%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M350.4%2C9.6C141.8%2C20.5%2C4.1%2C184.1%2C12.8%2C390.4c3.8%2C90.3%2C40.1%2C168%2C48.7%2C253.7%2C2.2%2C22.2-4.2%2C49.6%2C21.4%2C59.3%2C31.5%2C11.9%2C79.8-8.1%2C106.2-26.4%2C9-6.1%2C17.6-13.2%2C24.2-22%2C27.3%2C18.1%2C53.2%2C35.6%2C85.7%2C43.4%2C143.1%2C34.3%2C299.9-44.2%2C369.6-170.3C799.6%2C291.2%2C622.5-4.6%2C350.4%2C9.6h0ZM269.4%2C504c-11.3%2C8.8-22.2%2C20.8-34.7%2C27.7-18.1%2C9.7-23.7-.4-30.5-16.4-21.4-50.9-24-137.6-11.5-190.9%2C16.8-72.5%2C72.9-136.3%2C150-143.1%2C78-6.9%2C150.4%2C32.7%2C183.1%2C104.2%2C72.4%2C159.1-112.9%2C316.2-256.4%2C218.6h0Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}








.msggrs-open .ms-wa{
opacity:1;
top: 54px;
visibility: visible;
}

.msggrs-open .ms-tg{
opacity:1;
top: 54px;
visibility: visible;
}

.msggrs-open .ms-max{
opacity:1;
top: 54px;
visibility: visible;
}

.msggrs-open .itemsmenu-mob{
z-index:99;
}

@media screen and (max-width:780px){
.msggrs-open .msggrs{
    width: calc(100vw - 20px);
}
.ms-tel{
text-align:center;
}
	
}