@font-face{font-family:'AgencyLight';src:url(fonts/AgencyLight.ttf);font-weight:300;font-style:normal}
@font-face{font-family:'AgencyLightItalic';src:url(fonts/AgencyLightItalic.ttf);font-weight:300;font-style:italic}
@font-face{font-family:'AgencyRegular';src:url(fonts/AgencyRegular.ttf);font-weight:400;font-style:normal}
@font-face{font-family:'AgencySemiBold';src:url(fonts/AgencySemiBold.ttf);font-weight:600;font-style:normal}
@font-face{font-family:'AgencyBold';src:url(fonts/AgencyBold.ttf);font-weight:700;font-style:normal}
@font-face{font-family:'AgencySemiBoldItalic';src:url(fonts/AgencySemiBoldItalic.ttf);font-weight:700;font-style:italic!important}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;zoom:100%;scroll-behavior:smooth}
footer,header{display:block}
a{text-decoration:none;outline:0;color:#000}
a:active,a:hover{outline:0;text-decoration:none!important}
b,strong{font-weight:700}
img{border:0}
h1{font-size:inherit;font-weight:400;line-height:inherit;color:inherit;margin:0;padding:0}
svg:not(:root){overflow:hidden}
button,html input[type='button'],input[type='reset'],input[type='submit']{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type='checkbox'],input[type='radio']{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
textarea{overflow:auto}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
div{display:block}
.list-unstyled{padding-left:0;list-style:none;margin-bottom:0}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-instagram:before{content:'\f16d'}
.fa-facebook-f:before,.fa-facebook:before{content:'\f09a'}
.fa-vk:before{content:'\f189'}
body{font-family:'AgencyRegular';color:#000;font-size:14px;line-height:1;width:100%;margin:0}
.mfp-iframe-holder.mfp-ajax-holder .mfp-content{max-width:100%}
.mfp-iframe-holder.mfp-ajax-holder{padding-left:0;padding-right:0}
html.menu-open,body.menu-open{overflow:hidden!important}
body.home{background:#000}
body .container{width:100%;max-width:1440px}
.container{margin-right:auto;margin-left:auto}
.preload-wrapper{position:fixed;width:100%;height:100%;background:#000;z-index:10001;overflow:hidden}
.loader4{position:relative;width:170px;text-align:center;height:8px;color:#fff;font-family:'AgencyBold';font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto}
.loader4 > span{position:absolute;background-color:#fff;top:-1px;left:0;height:8px;width:0;z-index:0;opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-animation:loader4 10s ease-in-out infinite;animation:loader4 10s ease-in-out infinite}
.laoding-wrap{width:100%;height:100%}
@-webkit-keyframes loader4 {
	0%{width:0}
	70%{width:100%;opacity:1}
	90%{opacity:0;width:100%}
	100%{opacity:0;width:0}
}
@keyframes loader4 {
	0%{width:0}
	70%{width:100%;opacity:1}
	90%{opacity:0;width:100%}
	100%{opacity:0;width:0}
}
.laoding-wrap{width:100%;height:100%}
#error-not-found{background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100vh;color:#fff}
#error-not-found .block-404{font-family:'AgencyBold';font-size:220px;margin-bottom:33px;line-height:1}
#error-not-found .text-404 a{font-family:'AgencyBold';font-size:28px;line-height:1;color:#fff}
#error-not-found .text-404 a:hover{text-decoration:none}
#home-visualization{height:770px;width:100%;overflow:hidden}
#home-visualization .inner{width:100%;height:770px;position:absolute;top:0;left:0}
#home-visualization .inner .container{display:flex;align-items:center;justify-content:flex-start;height:100%}
#home-visualization .inner .container > div{max-width:1230px;width:100%;display:flex;justify-content:flex-end}
@media (max-width:1024px) {
	#home-visualization .inner .container > div{justify-content:flex-start}
}
#home-visualization .inner .text{color:#fff;font-family:'AgencyRegular';font-size:30px;line-height:1.2;letter-spacing:-.65px}
#home-visualization .inner span.light{font-family:'AgencyLight'}
#home-visualization .inner span.light.italic{font-family:'AgencyLight';font-style:italic}
#home-visualization .inner span.under{text-decoration:none;border-bottom:1px solid #fff}
#home-visualization .inner span.br{display:block}
header{position:absolute;width:100%;z-index:5}
header > .container > div{display:flex;align-items:center;justify-content:space-between;width:100%;height:80px}
header > .container > div .burger-or-links{width:100%;display:flex;align-items:center;justify-content:flex-end}
header > .container .right-menu{display:flex;align-items:center;justify-content:space-between;max-width:535px;width:100%}
header > .container > div .burger-or-links .right-menu a{font-family:'AgencySemiBold';font-size:18px;color:#fff;line-height:1;text-decoration:none}
header > .container > div .burger-or-links .right-menu a:hover{text-decoration:none}
header > .container > div .burger-or-links .right-menu a + a{margin-left:42px}
header > .container > div .burger-or-links .telephone{margin-left:100px}
header > .container > div .burger-or-links .telephone a{font-family:'AgencyBold';font-size:20px;color:#fff;line-height:1}
header > .container > div .burger-or-links .telephone a:hover{text-decoration:none}
.burger{display:block;float:right;background:none;border:0;z-index:10000;width:26px;outline:0;height:23px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}
.burger span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:0;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;border-radius:15%}
.burger span:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.burger span:nth-child(2){top:10px;left:5px;width:21px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.burger span:nth-child(3){top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.burger.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:7px}
.burger.open span:nth-child(2){display:none}
.burger.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:18px;left:7px}
#mobile-menu.open{width:100%}
#mobile-menu{top:0;left:0;width:100%;height:100%;z-index:10001;position:fixed;background:#000;display:flex;align-items:flex-start;justify-content:center;width:0;-webkit-transition:width .5s ease-in-out;-moz-transition:width .5s ease-in-out;-o-transition:width .5s ease-in-out;transition:width .5s ease-in-out}
#mobile-menu .inner{display:none;width:100%}
#mobile-menu .middle-inner{display:flex;align-items:flex-start;justify-content:flex-start;animation:menu_show_li .5s ease-in-out}
#mobile-menu .middle-inner .middle-inner-links .links{width:100%;margin:65px auto 0}
@keyframes menu_show_li {
	0%{transform:translateY(100px);opacity:0}
	70%{opacity:.1}
	80%{opacity:.2}
	90%{opacity:.3}
	100%{transform:translateY(0px);opacity:1}
}
#mobile-menu .middle-inner .middle-inner-links .links a{color:#fff;font-size:22px;font-family:'AgencySemiBold',sans-serif;display:block}
#mobile-menu .middle-inner .middle-inner-links .links a:hover{text-decoration:none}
#mobile-menu .middle-inner .middle-inner-links .links a + a{margin-top:24px}
#mobile-menu .middle-inner .middle-inner-links .tel{margin-top:115px}
#mobile-menu .middle-inner .middle-inner-links .tel a{color:#fff;font-size:28px;font-family:'AgencyBold',sans-serif}
#mobile-menu .inner .top-inner{display:flex;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden}
#mobile-menu .inner .top-inner .left{width:120px}
#mobile-menu .inner .top-inner .left video{max-width:100%}
#mobile-menu .inner .top-inner .right button{background:none;padding:0;margin-top:34px}
#mobile-menu .middle-inner .middle-inner-links .email{margin-top:30px}
#mobile-menu .middle-inner .middle-inner-links .email a{color:#fff;font-size:16px;font-family:'AgencyRegular',sans-serif}
#line-mini{margin-top:48px;text-align:center;display:block;height:16px;overflow:hidden;width:100%;white-space:nowrap;background:url(../image/line-mini.png) repeat-x 0 0;background-size:178px;animation:scroll1 3s linear infinite}
#line-big{margin-top:36px;text-align:center;display:block;height:19px;overflow:hidden;width:100%;white-space:nowrap;background:url(../image/line-big.png) repeat-x 0 0;background-size:212px;animation:scroll2 3s linear infinite}
@keyframes scroll1 {
	0%{background-position:0 0}
	100%{background-position:-178px 0}
}
@keyframes scroll2 {
	0%{background-position:0 0}
	100%{background-position:-212px 0}
}
#works{width:100%;text-align:center;position:relative;min-height:1150px}
#works .inner{text-align:right;margin:120px auto 0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end}
#works .inner .item{display:inline-block;cursor:pointer}
#works .inner .item a{position:relative;display:inline-block}
#works .inner .item img.main,#works .inner .item video.main{width:100%;height:100%;object-fit:cover}
#works .inner .item img.link{position:absolute;bottom:15px;right:15px;width:24px}
#works .inner .item .name{font-size:18px;font-family:'AgencyRegular',sans-serif;color:#fff;margin-top:15px;text-align:left}
#works .inner .item .name span{font-family:'AgencyLightItalic',sans-serif;font-style:italic}
#works .inner #item1{width:100%;max-width:482px;height:320px;margin-top:80px}
#works .inner #item2{width:100%;max-width:456px;height:256px;margin-left:60px;margin-bottom:-110px}
#works .inner #item3{width:100%;max-width:440px;height:320px;margin-bottom:-590px}
#works .inner #item4{width:100%;max-width:574px;height:322px;margin-left:70px;margin-bottom:-670px}
#works .inner #item5{width:100%;max-width:530px;height:280px;margin-bottom:-1310px}
@media (max-width:575px) {
	#works .inner #item1{height:auto;aspect-ratio:1.5 / 1}
	#works .inner #item2{height:auto;aspect-ratio:1.5 / 1}
	#works .inner #item3{height:auto;aspect-ratio:1.5 / 1}
	#works .inner #item4{height:auto;aspect-ratio:1.5 / 1}
	#works .inner #item5{height:auto;aspect-ratio:1.5 / 1}
}
#clients{margin:160px 0 0;display:flex;flex-direction:column}
#clients .inner{display:flex;align-items:flex-start;gap:176px}
#clients .clients .heading{font-size:34px;color:#fff;font-family:'AgencyBold',sans-serif;margin-bottom:47px}
#clients .clients .heading span.sub{font-family:'AgencySemiBoldItalic',sans-serif}
#clients .profiles{display:flex;flex-direction:column}
#clients .profiles .heading{font-size:34px;color:#fff;font-family:'AgencyBold',sans-serif;margin-bottom:47px}
#clients .profiles .heading span.sub{font-family:'AgencySemiBoldItalic',sans-serif}
#clients .profiles .inside{display:flex;align-items:center;justify-content:flex-start;gap:17px}
#clients .profiles .inside .list{display:flex;align-items:center;position:relative;height:90px;overflow:hidden;width:300px;border-radius:90px}
#clients .profiles .inside .list .profile{width:90px;height:90px;border-radius:50%;position:absolute;transition:transform 2.5s ease-in-out,opacity .5s ease-in-out;overflow:hidden}
#clients .profiles .inside .list .profile img{object-fit:cover;width:100%;height:100%}
#clients .profiles .inside .text{font-family:'AgencyBold';font-size:24px;line-height:31px;color:#fff}
#clients .clients ul{list-style:none;color:#fff;padding:0;margin:0;font-family:'AgencyRegular',sans-serif;font-size:24px}
#clients .clients ul li + li{margin-top:12px}

@media (max-width:1024px) {
	#clients .inner{gap:134px;flex-direction:column-reverse}
}
@media (max-width:525px) {
	#clients .inner{gap:147px}
	#clients .profiles .inside .list .profile{width:78px;height:78px}
	#clients .profiles .inside{gap:7px}
	#clients .profiles .inside .list{height:78px;width:261px;border-radius:78px}
}
footer #logo-footer img{max-width:100%}
footer #footer-contacts{margin-top:50px;width:100%;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:50px}
footer #footer-contacts .left{display:flex;align-items:center;justify-content:flex-start;gap:80px}
footer #footer-contacts .right{display:flex;align-items:center;justify-content:flex-end;gap:80px}
footer #footer-contacts a{color:#fff;font-family:'AgencyRegular',sans-serif;font-size:16px}
footer #footer-contacts a:hover{text-decoration:none}
footer #footer-contacts .right a{border-bottom:1px solid #fff;text-decoration:none}
footer #footer-contacts .right a:hover{border-bottom:1px solid transparent;text-decoration:none}
@media (max-width:575px) {
	footer #footer-contacts{flex-direction:column;gap:24px}
	footer #footer-contacts .left{flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:20px}
	footer #footer-contacts .right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}
}
@media (min-width:575px) and (max-width:768px) {
	footer #footer-contacts .left{gap:20px}
	footer #footer-contacts .right{gap:20px}
}
body.sidebar-active,body.call-sidebar-active{overflow:hidden;padding-right:0;width:calc(100vw - 17px);height:100%}
div[id^='work-sidebar'].work-sidebar{top:0;position:fixed;height:100%;width:100%;z-index:99999;overflow:auto}
div[id^='work-sidebar'].work-sidebar.sidebar-active{visibility:visible!important}
div[id^='work-sidebar'].work-sidebar.no-active{visibility:hidden}
div[id^='work-sidebar'].work-sidebar .work-sidebar-bg{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:.5s;z-index:1}
div[id^='work-sidebar'].work-sidebar.no-active .work-sidebar-bg{animation:fade-out .3s forwards;-webkit-animation:fade-out .3s forwards}
div[id^='work-sidebar'].work-sidebar.sidebar-active .work-sidebar-bg{animation:fade-in .3s forwards;-webkit-animation:fade-in .3s forwards}
div[id^='work-sidebar'].work-sidebar .work-sidebar-body{padding:85px 0 130px;width:100%;height:auto;max-width:1350px;position:relative;overflow:visible;background:#fff;transition:.5s;z-index:2}
div[id^='work-sidebar'].work-sidebar.sidebar-left .work-sidebar-body{left:0;transform:translateX(-100%);-webkit-transform:translateX(-100%)}
div[id^='work-sidebar'].work-sidebar.sidebar-left.no-active .work-sidebar-body{animation:slide-out-left .3s forwards;-webkit-animation:slide-out-left .3s forwards}
div[id^='work-sidebar'].work-sidebar.sidebar-left.sidebar-active .work-sidebar-body{min-height:100vh;animation:slide-in-left .3s forwards;-webkit-animation:slide-in-left .3s forwards}
@keyframes slide-in-left {
	100%{transform:translateX(0%)}
}
@keyframes slide-out-left {
	0%{transform:translateX(0%)}
	100%{transform:translateX(-100%)}
}
@keyframes fade-in {
	100%{opacity:.7}
}
@keyframes fade-out {
	0%{opacity:.7}
	100%{opacity:0}
}
div[id^='work-sidebar'] .container .inner{width:100%;max-width:870px;margin:0 auto}
div[id^='work-sidebar'] .container .inner .heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}
div[id^='work-sidebar'] .container .inner .heading .left{color:#000;font-family:'AgencyBold',sans-serif;font-size:44px}
div[id^='work-sidebar'] .container .inner .heading .right img{width:50px;cursor:pointer;transition:1s all}
div[id^='work-sidebar'] .container .inner .heading .right img:hover{transform:rotate(180deg)}
div[id^='work-sidebar'] .container .inner .description{display:flex;align-items:flex-start;flex-direction:column}
div[id^='work-sidebar'] .container .inner .description .item + .item{margin-top:30px}
div[id^='work-sidebar'] .container .inner .description .item .sub-head{display:block;margin-bottom:15px;color:#000;font-family:'AgencyBold',sans-serif;font-size:24px}
div[id^='work-sidebar'] .container .inner .description .item .sub-text{display:block;color:#000!important;font-family:'AgencyRegular',sans-serif!important;font-size:16px!important}
div[id^='work-sidebar'] .container .inner .buttons {
	margin-top:40px;
}
div[id^='work-sidebar'] .container .inner .buttons button {
	width:100%;
	height: 50px;
	border: 1px solid #0B24FB;
	border-radius: 10px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 32px 0 19px;
	background: #0B24FB;

	font-family: 'AgencyRegular';

	font-size: 16px;
	line-height: 20px;
	color: #fff;
}
div[id^='work-sidebar'] .container .inner .buttons button svg {
	width:28px;
	min-width:28px;
	filter:invert(1) saturate(0) contrast(3);
}


div[id^='work-sidebar'] .images{margin-top:60px}
div[id^='work-sidebar'] .images .item{position:relative}
div[id^='work-sidebar'] .images .item img{max-width:100%}
div[id^='work-sidebar'] .images .item + .item{margin-top:20px}
div[id^='work-sidebar'] .images .item .loader{display:none}
div[id^='work-sidebar'] .images .item.loading .loader{background:#f5f5f5;position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:1}
div[id^='work-sidebar'] .images .item.loading .loader img{margin-top:25px;margin-left:25px}
div[id^='work-sidebar'] .images .item iframe{background:#f5f5f5;position:relative;padding:60px;z-index:0}
div[id^='work-sidebar'] .images .gif-wall{position:relative}
div[id^='work-sidebar'] .images .gif-wall .item-gif{display:inline-block}
div[id^='work-sidebar'] .images .gif-wall .item-gif img{max-width:300px}
div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(1){transform:translate(73px,0px)}
div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(2){transform:translate(90px,155px)}
div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(3){transform:translate(160px,50px)}
div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(4){transform:translate(116px,385px);margin-bottom:400px}
#product-category{padding-top:155px;margin-bottom:70px}
#product-category h1{margin:0 0 65px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#0b24fb;font-size:66px;text-transform:uppercase;line-height:1.3}
#product-category h1 .bold{font-family:'AgencyBold',sans-serif!important}
#product-category h1 .light{font-family:'AgencyLightItalic',sans-serif!important;font-style:italic}
.projects-block{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;margin-right:-18px}
.projects-block .projects-inner{display:flex;justify-content:flex-start;position:relative;flex-wrap:wrap;margin-bottom:36px;margin-right:-18px;width:100%}
.projects-block .item{width:calc(16.666% - 18px);max-width:100%;min-width:unset;position:relative;margin-right:18px;margin-bottom:36px}
.projects-block .item .image,.projects-block .item .image a{height:212px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.projects-block .item .image img,.projects-block .item .image video{max-height:100%;max-width:100%;display:inline-block}
.projects-block .item .inner .name{margin-top:18px;text-align:center;width:100%}
.projects-block .item .inner .name a{font-family:'AgencyRegular',sans-serif;font-size:13px;line-height:1;color:#444;word-break:break-word}
.projects-block .item .inner .name a:hover{text-decoration:none}
#product-category .projects-block:last-child .projects-inner{margin-bottom:-18px}
#product-category .link{width:100%;display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-top:44px}
#product-category .link a{color:#0b24fb;font-family:'AgencyRegular',sans-serif;font-size:22px}
#product-category .link a img{width:40px;margin-left:20px}
#product-category .link a:hover{text-decoration:none}

#product-category .link button {
width:100%;
	max-width: 401px;
	height: 50px;
	border: 1px solid #0B24FB;
	border-radius: 10px;
display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 19px;
background:none;
	font-family: 'AgencyRegular';
	font-size: 16px;
	line-height: 20px;
	color: #0B24FB;
}
#product-category .link button .desk {
	display:block;
}
#product-category .link button .mob {
	display:none;
}

#product-category .link button svg {
	width:28px;
	min-width:28px;
	height:10px;
}
@media (max-width:370px) {
	#product-category .link button svg {
	display:none;
	}

}
@media (max-width:768px) {
	#product-category .link {
		flex-direction:column;gap:77px;
		align-items:flex-end;
	}
	#product-category .link button {
		max-width:100%;
	}
	#product-category .link button .desk {
		display:none;
	}
	#product-category .link button .mob {
		display:block;
	}

	div[id^='work-sidebar'] .container .inner .buttons {
		padding:0 20px;
	}
}

body.projects header > .container > div .burger-or-links .right-menu a{color:#0b24fb}
body.projects header > .container > div .burger-or-links .right-menu a:hover{text-decoration:none}
body.projects header > .container > div .burger-or-links .telephone a{color:#0b24fb}
body.projects header > .container > div .burger-or-links .telephone a:hover{text-decoration:none}
body.projects .burger span{background:#0b24fb}
body.projects footer #footer-contacts a{color:#0b24fb}
body.projects footer #footer-contacts a:hover{border-bottom:1px solid #0b24fb}
body.projects footer #footer-contacts .right a{border-bottom:1px solid #0b24fb}
body.projects footer #footer-contacts .right a:hover{border-bottom:0 solid #0b24fb}
body.projects #mobile-menu .middle-inner .middle-inner-links .links a,body.projects #mobile-menu .middle-inner .middle-inner-links .tel a,body.projects #mobile-menu .middle-inner .middle-inner-links .email a{color:#0b24fb}
body.o-nas{background:#0b24fb}
#information-o-nas{padding-top:175px;margin-bottom:165px}
#information-o-nas h1{margin:0 0 87px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;font-size:66px;text-transform:uppercase;line-height:1.27;font-family:'AgencyBold',sans-serif!important;animation:slide-to-top 1.7s forwards;transform:translateY(100%);opacity:0}
#information-o-nas h1 .bold-italic{font-family:'AgencyBoldItalic',sans-serif!important;font-style:italic}
#information-o-nas h1 .light{font-family:'AgencyLight',sans-serif!important;position:relative}
#information-o-nas h1 .light:after{content:'';width:100%;border-bottom:1px solid #fff;position:absolute;left:0;bottom:9px}
#information-o-nas .top-description{color:#fff;font-family:'AgencyRegular',sans-serif;font-size:16px;max-width:425px;width:100%;margin:0;line-height:1.6;animation:slide-to-top 1.7s forwards;transform:translateY(100%);opacity:0}
#information-o-nas .top-description > div + div{margin-top:35px}
@keyframes slide-to-top {
	100%{transform:translateY(0%);opacity:1}
}
#service-block{margin-top:114px}
#service-block .heading{color:#fff;font-family:'AgencyBold',sans-serif;font-size:34px;text-align:left;margin-bottom:74px}
#service-block .items{width:100%;margin:0}
#service-block .items .clients{position:relative}
#service-block .items .clients .inner{width:100%;display:flex;flex-direction:row;align-items:center;padding:0;gap:40px 116px;flex-wrap:wrap}
#service-block .items .clients .inner .item{position:relative;width:128px;height:128px;flex:none;order:1;flex-grow:0}
#service-block .items .clients .inner img{max-height:100%;max-width:128px;display:inline-block}
@media (max-width:525px) {
	#service-block .items .clients .inner .item{height:128px;width:100%;display:flex}
	#service-block .items .clients .inner .item:nth-child(2n){display:flex;justify-content:flex-end}
	#service-block .items .clients .inner{display:grid;grid-template-columns:1fr 1fr;gap:40px 50px;max-width:300px;margin:0 auto}
	#service-block .items .clients .inner img{width:100%}
}
@media (min-width:525px) and (max-width:768px) {
	#service-block .items .clients .inner .item{width:128px;height:128px}
	#service-block .items .clients .inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px 50px}
}
@media (min-width:768px) and (max-width:1024px) {
	#service-block .items .clients .inner .item{width:105px;height:105px}
	#service-block .items .clients .inner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px calc(50px + (95 - 50) * ((100vw - 768px) / (1024 - 768)))}
}
@media (min-width:1024px) and (max-width:1240px) {
	#service-block .items .clients .inner{gap:40px calc(35px + (78 - 35) * ((100vw - 1024px) / (1240 - 1024)))}
}
@media (min-width:1240px) and (max-width:1440px) {
	#service-block .items .clients .inner{gap:40px calc(78px + (116 - 78) * ((100vw - 1240px) / (1440 - 1240)))}
}
#information-o-nas #line{position:relative;margin-top:165px;margin-bottom:169px;display:flex;height:44px}
#information-o-nas #line .marquee{position:absolute;top:0;left:0;width:100vw;overflow:hidden;pointer-events:none}
#information-o-nas #line .marquee__inner{width:fit-content;display:flex;position:relative;transform:translate3d(calc(-25% + 20vw),0,0);animation:marquee-reverse 14s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .1s}
#information-o-nas #line .marquee .marquee__inner{animation-play-state:running;opacity:1;transition-duration:.4s}
#information-o-nas #line .marquee div{text-align:center;white-space:nowrap;padding:0 1vw;color:#fff;font-family:'AgencyBold',sans-serif;font-size:34px}
#information-o-nas #line .marquee div span.bold{font-family:'AgencySemiBoldItalic',sans-serif;font-style:italic}
@keyframes marquee-reverse {
	0%{transform:translate3d(calc(-50% + 20vw),0,0)}
	100%{transform:translate3d(calc(-25% + 20vw),0,0)}
}
@keyframes marquee-reverse2 {
	0%{transform:translate3d(calc(-25% + 20vw),0,0)}
	100%{transform:translate3d(calc(-75% + 20vw),0,0)}
}
#contacts-block .block-two-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:92px 182px;width:100%;margin:0}
#contacts-block .block-two-cols > div{max-width:330px}
#contacts-block .block-two-cols .item .head{color:#fff;font-family:'AgencyBold',sans-serif;font-size:24px;margin-bottom:22px}
#contacts-block .block-two-cols .item .head span{color:#fff;font-family:'AgencyLightItalic',sans-serif;font-size:16px;font-style:italic}
#contacts-block .block-two-cols .item .text{color:#fff;font-family:'AgencyRegular',sans-serif;font-size:16px;line-height:1.22}
#contacts-block .block-bottom{margin:228px 0 0}
#contacts-block .block-bottom .head{color:#fff;display:inline-block;font-family:'AgencyRegular',sans-serif;font-size:30px;border-bottom:1px solid #fff;margin-bottom:30px}
#contacts-block .block-bottom .items .item{color:#fff;font-family:'AgencyRegular',sans-serif;font-size:30px;max-width:300px;line-height:1.22}
#contacts-block .block-bottom .items .item + .item{margin-top:32px}
#contacts-block .block-bottom .items .item a{color:#fff;text-decoration:none}
#contacts-block .block-bottom .link{width:100%;text-align:right;margin-top:44px}
#contacts-block .block-bottom .link a{color:#fff;font-family:'AgencyRegular',sans-serif;font-size:22px}
#contacts-block .block-bottom .link a img{width:40px;margin-left:20px}
#contacts-block .block-bottom .link a:hover{text-decoration:none}
@media (min-width:320px) and (max-width:525px) {
	body .container{padding-right:20px;padding-left:20px}
	body .row{margin-right:-20px;margin-left:-20px}
	#home-visualization,#home-visualization .inner{height:600px}
	header > .container > div .burger-or-links .right-menu,header > .container > div .burger-or-links .telephone{display:none}
	#home-visualization .inner .text{font-size:26px}
	#works .inner{margin-top:70px}
	#works .inner #item1{margin-top:0}
	#works .inner .item{margin-bottom:60px!important;margin-left:0!important;transform:unset!important}
	#works .inner #item5{margin-bottom:0!important}
	#clients{margin-top:135px;}
	#clients .inner .link{margin-top:100px}
	div[id^='work-sidebar'] .images .item + .item{margin-top:10px}
	div[id^='work-sidebar'] .images{margin-top:50px}
	div[id^='work-sidebar'] .container .inner .description .item .sub-text{line-height:1.4}
	footer #footer-contacts{margin-top:36px}
	.projects-block .projects-inner{display:flex;justify-content:center;align-items:flex-start;max-width:100%;position:relative;flex-wrap:wrap;margin-bottom:36px;margin-right:-18px}
	.projects-block .item{width:100%;min-width:300px;margin-right:18px;margin-bottom:22px}
	#product-category h1{margin-bottom:31px;margin-left:0}
	div[id^='work-sidebar'] .images .gif-wall{position:relative;text-align:center}
	div[id^='work-sidebar'] .images .gif-wall .item-gif img{max-width:300px}
	div[id^='work-sidebar'] .images .gif-wall .item-gif + .item-gif{margin-top:40px}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(1){transform:unset}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(2){transform:unset}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(3){transform:unset}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(4){transform:unset;margin-bottom:unset}
	#product-category{padding-top:127px}
	#home-visualization .inner span.br{display:none}
	#information-o-nas h1{margin-bottom:98px;font-size:36px}
	#information-o-nas{padding-top:147px}
	#information-o-nas .top-description > div + div{margin-top:59px}
	#contacts-block .heading{margin-bottom:97px}
	#contacts-block .block-bottom{margin-top:120px}
	#contacts-block .block-bottom .link{padding-top:74px}
	#information-o-nas #line{margin-top:111px;margin-bottom:88px}
	#contacts-block .block-two-cols{grid-template-columns:1fr;gap:72px 0}
}
@media (max-width:374px) {
	#product-category h1{font-size:56px}
	#information-o-nas h1{font-size:29px}
}
@media (min-width:375px) and (max-width:525px) {
	.projects-block .item{width:calc(50% - 18px);max-width:100%;min-width:unset}
	#information-o-nas h1{font-size:35px}
}
@media (min-width:525px) and (max-width:768px) {
	body .container{padding-right:20px;padding-left:20px}
	body .row{margin-right:-20px;margin-left:-20px}
	#home-visualization,#home-visualization .inner{height:600px}
	header > .container > div .burger-or-links .right-menu,header > .container > div .burger-or-links .telephone{display:none}
	#works .inner{margin-top:100px}
	#works .inner #item1{margin-top:0}
	#works .inner .item{margin-bottom:60px!important;margin-left:0!important;transform:unset!important}
	#works .inner #item5{margin-bottom:0!important}
	#clients .inner .link{margin-top:50px}
	footer #footer-contacts{padding:0 10px}
	div[id^='work-sidebar'] .images .item + .item{margin-top:10px}
	div[id^='work-sidebar'] .container .inner .description .item .sub-text{line-height:1.4}
	.projects-block .projects-inner{display:flex;justify-content:flex-start;align-items:flex-start;max-width:unset;position:relative;flex-wrap:wrap;margin-bottom:36px;margin-right:-18px}
	.projects-block .item{width:calc(50% - 18px);max-width:100%;min-width:unset;margin-right:18px}
	#product-category h1{margin-left:0}
	div[id^='work-sidebar'] .images .gif-wall{max-width:484px;margin:0 auto}
	div[id^='work-sidebar'] .images .gif-wall .item-gif img{max-width:223px}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(1){transform:translate(0px,0px)}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(2){transform:translate(20px,115px)}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(3){transform:translate(75px,50px)}
	div[id^='work-sidebar'] .images .gif-wall .item-gif:nth-child(4){transform:translate(35px,300px);margin-bottom:300px}
	#information-o-nas h1{font-size:50px}
	#information-o-nas{padding-top:150px}
	#contacts-block .block-bottom{margin-top:180px}
}
@media (min-width:768px) and (max-width:1024px) {
	body .container{padding-right:30px;padding-left:30px}
	body .row{margin-right:-30px;margin-left:-30px}
	header > .container > div .burger-or-links .telephone{display:none}
	#works .inner{margin-top:100px}
	#works .inner #item1{margin-top:0}
	#works .inner .item{margin-bottom:60px!important;transform:unset!important}
	#works .inner #item5{margin-bottom:0!important}
	#clients{margin:160px 0 0}
	footer #footer-contacts{padding:0 10px}
	div[id^='work-sidebar'] .images .item + .item{margin-top:18px}
	.projects-block .item{width:calc(33.333% - 18px);max-width:100%;min-width:unset;margin-right:18px}
}
@media (min-width:1025px) and (max-width:1240px) {
	header > .container > div .burger-or-links .telephone{margin-left:70px}
	#works .inner #item2{margin-left:50px}
	#works .inner #item4{margin-left:50px}
	#works .inner #item1{max-width:calc(418px + (482 - 418) * ((100vw - 1024px) / (1240 - 1024)))}
	#works .inner #item2{max-width:calc(397px + (456 - 397) * ((100vw - 1024px) / (1240 - 1024)))}
	#works .inner #item3{max-width:calc(373px + (440 - 373) * ((100vw - 1024px) / (1240 - 1024)))}
	#works .inner #item4{max-width:calc(499px + (574 - 499) * ((100vw - 1024px) / (1240 - 1024)))}
	#works .inner #item5{max-width:calc(461px + (530 - 461) * ((100vw - 1024px) / (1240 - 1024)))}
	#works{min-height:calc(1120px + (1150 - 1120) * ((100vw - 1024px) / (1240 - 1024)))}
	#clients{margin:160px 0 0 }
	footer #footer-contacts{padding:0 10px}
	.projects-block .item{width:calc(25% - 18px);max-width:100%;min-width:unset;margin-right:18px}
}
@media (min-width:768px) {
	.burger-or-links .burger{display:none}
}
@media (min-width:1024px) {
	body .container{padding-right:40px;padding-left:40px}
	body .row{margin-right:-40px;margin-left:-40px}
	#home-visualization .inner .margin{max-width:120px}
}
@media (min-width:1240px) {
	#home-visualization .inner .margin{max-width:175px}
}
@media (max-height:500px) {
	#mobile-menu .middle-inner .middle-inner-links .email{margin-top:auto}
}
@media (min-width:525px) and (max-width:768px) {
	#information-o-nas #line{margin-top:108px;margin-bottom:128px}
	#contacts-block .block-two-cols{grid-template-columns:1fr;gap:72px 0}
}
@media (min-width:768px) and (max-width:1024px) {
	#contacts-block .block-two-cols{grid-template-columns:repeat(2,1fr);gap:52px 0}
}
@media (min-width:1024px) and (max-width:1240px) {
	#information-o-nas{padding-top:187px}
	#contacts-block .block-two-cols{grid-template-columns:repeat(2,1fr);gap:52px 0}
}
@media (min-width:1240px) and (max-width:1440px) {
	footer #footer-contacts{padding:0 10px}
	#contacts-block .block-two-cols{gap:92px calc(84px + (182 - 84) * ((100vw - 1240px) / (1440 - 1240)))}
}
@media (min-width:1240px) and (max-width:1439px) {
	#information-o-nas{padding-top:186px;margin-bottom:195px}
	.projects-block .item{width:calc(20% - 18px);max-width:100%;min-width:unset;margin-right:18px}
}
@media (max-width:910px) {
	div[id^='work-sidebar'] .images{padding-right:0;padding-left:0}
}
@media (max-width:1024px) {
	div[id^='work-sidebar'].work-sidebar .work-sidebar-body{padding:50px 0 100px}
}
@media (max-width:768px) {
	div[id^='work-sidebar'] .container .inner .heading .right img{width:30px}
	#service-block .heading{margin-bottom:60px}
	#service-block{margin-top:90px}
	#contacts-block .block-two-cols .item{min-height:unset}
}
body.web-dev{background:#000}
#information-web-dev{margin-bottom:129px}
#information-web-dev #top-media{width:100%;height:980px;overflow:hidden;position:relative}
#information-web-dev #top-media .container{height:100%;position:relative;z-index:3}
#information-web-dev #top-media .container .inner{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:78px}
#information-web-dev #top-media .container .inner .text{width:100%;max-width:380px}
#information-web-dev #top-media .container .inner .text .mini-text{font-family:'AgencyRegular';font-size:16px;line-height:100%;color:#fff}
#information-web-dev #top-media .container .inner .text .head{margin-top:23px;font-family:'AgencyBold';font-size:60px;line-height:90%;color:#fff}
#information-web-dev #top-media .container .inner .text .head span{font-family:'AgencyLightItalic';font-style:italic}
#information-web-dev #top-media .container .inner .text .desc{margin-top:50px;font-family:'AgencySemiBold';font-style:normal;font-weight:700;font-size:20px;line-height:140%;color:#fff}
#information-web-dev #top-media .container .inner .text .desc span{font-family:'AgencyLightItalic';font-style:italic}
#information-web-dev #top-media .media-block{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;position:absolute;left:0;top:0}
#information-web-dev #top-media .media-block .overlay{width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;background:#222ef4;mix-blend-mode:darken}
#information-web-dev #top-media .media-block video,#information-web-dev #top-media .media-block img{width:1440px;height:980px;object-fit:cover;object-position:center;position:absolute;z-index:0;left:50%;top:0;transform:translateX(-50%)}
#information-web-dev #line-brands{margin-top:49px;text-align:center;display:block;height:128px;overflow:hidden;width:100%;white-space:nowrap;animation:scroll3 20s linear infinite}
@keyframes scroll3 {
	0%{background-position:0 0}
	100%{background-position:-2490px 0}
}
#information-web-dev #line{position:relative;margin-top:150px;display:flex;height:26px}
#information-web-dev #line .marquee{position:absolute;top:0;left:0;width:100vw;overflow:hidden;pointer-events:none}
#information-web-dev #line .marquee__inner{width:fit-content;display:flex;position:relative;transform:translate3d(calc(-25% + 20vw),0,0);animation:marquee-reverse 14s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .1s}
#information-web-dev #line .marquee .marquee__inner{animation-play-state:running;opacity:1;transition-duration:.4s}
#information-web-dev #line .marquee div{text-align:center;white-space:nowrap;padding:0 1vw;color:#fff;font-family:'AgencyLightItalic',sans-serif;font-style:italic;font-size:20px}
#information-web-dev #line .marquee div span{font-family:'AgencyBold',sans-serif}
#information-web-dev #block2{width:100%;margin-top:88px}
#information-web-dev #block2 .items{width:100%;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:10px}
#information-web-dev #block2 .items .item:not(.empty){overflow:hidden;border-radius:20px;height:300px}
#information-web-dev #block2 .items .item.big{background:#232323;padding:35px 30px;display:flex;justify-content:flex-start;align-items:flex-end}
#information-web-dev #block2 .items .item.big .text{font-family:'AgencyRegular';font-size:16px;line-height:20px;display:flex;align-items:flex-end;color:#fff;max-width:330px;width:100%}
#information-web-dev #block2 .items .item.small{font-family:'AgencySemiBold';font-size:20px;line-height:26px;color:#fff;padding:7px 21px;background:#232323;height:fit-content}
#information-web-dev #block2 .items .item.small span{font-family:'AgencyLightItalic',sans-serif;font-style:italic}
#information-web-dev #block2 .items-second .item:not(.empty){overflow:hidden;border-radius:20px;height:300px}
#information-web-dev #block2 .items-second .item.mob{display:none}
#information-web-dev #block2 .items-second .item.mob video, #information-web-dev #block2 .items-second .item.mob img {
	width:100%;max-height:100%;height:100%;object-fit:cover
}
#information-web-dev #block2 .items-second-head{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:47px}
#information-web-dev #block2 .items-second-head .item{overflow:hidden;border-radius:20px}
#information-web-dev #block2 .items-second-head .item.small{font-family:'AgencySemiBold';font-size:20px;line-height:26px;color:#fff;padding:7px 21px;background:#232323;height:fit-content}
#information-web-dev #block2 .items-second-head .item.small span{font-family:'AgencyLightItalic',sans-serif;font-style:italic}
#information-web-dev #block2 .items-second-head .item.small .two{display:flex;align-items:center;justify-content:space-between;gap:10px}
#information-web-dev #block2 .items-second-head .item.small .two .num{font-family:'AgencySemiBold';font-weight:700;font-size:20px;line-height:26px;color:#fff}
#information-web-dev #block2 .items-second-head .item.small .two .hash{font-family:'AgencyRegular';font-size:14px;line-height:140%;color:#d5d5d5}
#information-web-dev #block2 .items-second{width:100%;display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px;gap:10px}
#information-web-dev #block2 .items-second .item:not(.empty){overflow:hidden;border-radius:20px;height:300px;padding:30px;background:#232323}
#information-web-dev #block2 .items-second .item.blue{background:#222ef4}
#information-web-dev #block2 .items-second .item .hash{display:none}
#information-web-dev #block2 .items-second .item .wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
#information-web-dev #block2 .items-second .item .wrap .num{font-family:'AgencyRegular';font-size:80px;line-height:26%;color:#d5d5d5}
#information-web-dev #block2 .items-second .item .wrap .num span:not(.count){font-size:16px}
#information-web-dev #block2 .items-second .item .wrap .text{font-family:'AgencyRegular';font-size:16px;line-height:140%;color:#d5d5d5}
#information-web-dev #projects{width:100%;margin-top:133px}
#information-web-dev #projects .inner{display:flex;flex-direction:column}
#information-web-dev #projects .inner .heading{font-family:'AgencyBold';font-size:20px;line-height:26px;color:#fff;padding:7px 21px;background:#232323;border-radius:20px;max-width:264px;width:100%}
#information-web-dev #projects .inner .heading span{font-family:'AgencyLightItalic',sans-serif;font-style:italic}
#information-web-dev #projects .inner .items{display:flex;flex-direction:column}
#information-web-dev #projects .inner .items .line1{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:50px;}
#information-web-dev #projects .inner .items .item .name{font-family:'AgencyRegular';font-size:16px;line-height:150%;color:#d5d5d5;padding-left:20px;padding-right:20px}
#information-web-dev #projects .inner .items .item .name span{font-family:'AgencyLightItalic',sans-serif;font-style:italic;margin-left:10px}
#information-web-dev #projects .inner .items .line1 .left{display:flex;flex-direction:column;width:50%}
#information-web-dev #projects .inner .items .line1 .left .item{display:flex;flex-direction:column;gap:20px;max-width:537px;width:100%;margin-top:79px;cursor:pointer}
#information-web-dev #projects .inner .items .line1 .left .item .media{border-radius:10px;overflow:hidden;height:305px;width:100%}
#information-web-dev #projects .inner .items .line1 .left .item .media > video,#information-web-dev #projects .inner .items .line1 .left .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-dev #projects .inner .items .line1 .left .item.mob{display:none}
#information-web-dev #projects .inner .items .line1 .right{display:flex;flex-direction:column;width:50%;align-items:flex-end;margin-top:20px}
#information-web-dev #projects .inner .items .line1 .right .item{display:flex;flex-direction:column;gap:16px;max-width:675px;width:100%;cursor:pointer}
#information-web-dev #projects .inner .items .line1 .right .item .media{border-radius:10px;overflow:hidden;height:450px;width:100%}
#information-web-dev #projects .inner .items .line1 .right .item .media > video,#information-web-dev #projects .inner .items .line1 .right .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-dev #projects .inner .items .line2{display:flex;align-items:flex-start;justify-content:center;margin-top:61px}
#information-web-dev #projects .inner .items .line2 .center {
	width:100%;
	display:flex;
	justify-content:center;
}
#information-web-dev #projects .inner .items .line2 .center .item{display:flex;flex-direction:column;gap:20px;max-width:812px;width:100%;cursor:pointer}
#information-web-dev #projects .inner .items .line2 .center .item .media{border-radius:10px;overflow:hidden;height:490px;width:100%}
#information-web-dev #projects .inner .items .line2 .center .item .media > video,#information-web-dev #projects .inner .items .line2 .center .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-dev #projects .inner .items .line3{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:62px}
#information-web-dev #projects .inner .items .line3 .left{display:flex;flex-direction:column;margin-top:197px;width:50%}
#information-web-dev #projects .inner .items .line3 .left .item{display:flex;flex-direction:column;gap:16px;max-width:675px;width:100%;cursor:pointer}
#information-web-dev #projects .inner .items .line3 .left .item .media{border-radius:10px;overflow:hidden;height:480px;width:100%}
#information-web-dev #projects .inner .items .line3 .left .item .media > video,#information-web-dev #projects .inner .items .line3 .left .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-dev #projects .inner .items .line3 .right{display:flex;flex-direction:column;align-items:flex-end;width:50%}
#information-web-dev #projects .inner .items .line3 .right .item{display:flex;flex-direction:column;gap:16px;max-width:538px;width:100%;cursor:pointer}
#information-web-dev #projects .inner .items .line3 .right .item .media{border-radius:10px;overflow:hidden;height:329px;width:100%}
#information-web-dev #projects .inner .items .line3 .right .item .media > video,#information-web-dev #projects .inner .items .line3 .right .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
.svg-hidden{height:0;width:0;position:absolute}
#information-web-dev #projects .inner .buttons{display:flex;align-items:center;justify-content:center;margin-top:51px}
#information-web-dev #projects .inner .buttons button{border:1px solid #9f9f9f;border-radius:20px;background:none;padding:10px 15px 10px 19px;display:none;align-items:center;justify-content:space-between;gap:10px;outline:0;font-family:'AgencyRegular';font-size:16px;line-height:20px;color:#fff;width:100%;max-width:235px;height:40px}
#information-web-dev #projects .inner .buttons button svg{width:16px;min-width:16px;height:20px;pointer-events:none}
#information-web-dev #bottom-block{width:100%;margin-top:120px}
#information-web-dev #bottom-block .inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
#information-web-dev #bottom-block .inner #block-message{width:100%;position:relative;max-width:373px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#information-web-dev #bottom-block .inner #block-message .text{font-family:'AgencySemiBold';font-size:80px;line-height:110%;color:#d5d5d5;width:100%;max-width:343px;position:relative;z-index:1}
#information-web-dev #bottom-block .inner #block-message .sub-text{font-family:'AgencyRegular';font-size:16px;line-height:130%;color:#d5d5d5;margin-top:25px;max-width:233px;width:100%}
#information-web-dev #bottom-block .inner #block-message .media{position:absolute;right:0;top:128px;width:140px;height:140px;overflow:hidden;border-radius:20px;z-index:0;pointer-events:none}
#information-web-dev #bottom-block .inner #block-message .media video,#information-web-dev #bottom-block .inner #block-message .media img{width:100%;height:100%;object-fit:cover}
#information-web-dev #bottom-block .inner #block-form{display:flex;flex-direction:column;width:100%;max-width:401px;margin-top:21px}
#information-web-dev #bottom-block .inner #block-form .fields{}
#information-web-dev #bottom-block .inner #block-form .fields .field{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row}
#information-web-dev #bottom-block .inner #block-form .fields .field + .field{margin-top:30px}
#information-web-dev #bottom-block .inner #block-form .fields .field > div{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%}
#information-web-dev #bottom-block .inner #block-form .fields .field > div input{box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #fff;outline:0;padding:0;margin:0;height:40px;width:100%;font-size:16px;line-height:100%;font-family:'AgencyRegular',sans-serif;color:#FFF}
#information-web-dev #bottom-block .inner #block-form .fields .field > div input::placeholder{color:#fff!important}
#information-web-dev #bottom-block .inner #block-form .fields .field > div.error input{border-bottom:1px solid #ec1515}
#information-web-dev #bottom-block .inner #block-form .form-error{width:100%;display:block;text-align:center;margin-top:23px;color:#ec1515;font-size:14px;font-family:'AgencyRegular',sans-serif;min-height:14px}
#information-web-dev #bottom-block .inner #block-form .line-button{display:flex;flex-direction:column;gap:26px;margin-top:43px}
#information-web-dev #bottom-block .inner #block-form .line-button button{height:50px;width:100%;background:#222ef4;border-radius:10px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border:0;outline:0;font-family:'AgencyRegular';font-size:16px;line-height:20px;color:#fff}
#information-web-dev #bottom-block .inner #block-form .line-button button svg{width:28px;height:10px;min-width:28px}
#information-web-dev #bottom-block .inner #block-form .line-button .text{font-family:'AgencyRegular';font-size:12px;line-height:100%;color:#fff}
#information-web-dev #bottom-block .inner #block-form .line-button .success{display:flex;align-items:center;justify-content:flex-start;gap:16px}
#information-web-dev #bottom-block .inner #block-form .line-button .success svg{width:45px;height:45px;min-width:45px}
#information-web-dev #bottom-block .inner #block-form .line-button .success span{font-family:'AgencyRegular';font-weight:600;font-size:15px;line-height:19px;color:#FFF}
@media (max-width:360px){
	#information-web-dev #top-media .container .inner .text .head {
		hyphens:auto;
	}
}


#information-web-dev #projects .inner .items .item .loader{display:none}
#information-web-dev #projects .inner .items .item.loading .loader{background: #191919;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;}
#information-web-dev #projects .inner .items .item.loading .loader img{width: 50px;
	height: 50px;
filter:invert(1);
	mix-blend-mode:color-dodge;
}





@media (max-width:768px) {
	#information-web-dev{margin-bottom:149px}
	#information-web-dev #top-media{height:698px}
	#information-web-dev #top-media .media-block video,#information-web-dev #top-media .media-block img{width:1024px;height:698px}
	#information-web-dev #top-media .container .inner{justify-content:flex-start;padding-top:297px}
	#information-web-dev #top-media .container .inner .text .head{font-size:50px}
	#information-web-dev #top-media .container .inner .text .desc{max-width:290px;font-size:18px;margin-top:21px}
	#information-web-dev #block2{margin-top:60px}
	#information-web-dev #block2 .items{grid-template-columns:1fr;gap:10px 0}
	#information-web-dev #block2 .items .item.small{grid-area:1 / 1 / 2 / 5;width:170px;padding:7px 17px;font-size:18px}
	#information-web-dev #block2 .items .item.big{grid-area:2 / 1 / 3 / 3;padding:35px 20px}
	#information-web-dev #block2 .items .item.empty{display:none}
	#information-web-dev #block2 .items .item:not(.empty,.big,.small){display:none}
	#information-web-dev #block2 .items-second-head .item.small.hashtag{display:none}
	#information-web-dev #block2 .items-second-head{grid-template-columns:1fr;margin-top:60px}
	#information-web-dev #block2 .items-second-head .item.small{font-size:18px;width:170px;padding:7px 17px}
	#information-web-dev #block2 .items-second{grid-template-columns:repeat(2,1fr);margin-top:1px}
	#information-web-dev #block2 .items-second .item.empty{display:none}
	#information-web-dev #block2 .items-second .item:not(.empty){padding:16px 20px 33px;display:flex;flex-direction:column;justify-content:space-between}
	#information-web-dev #block2 .items-second .item .hash{display:block;font-family:'AgencyRegular';font-size:13px;line-height:140%;color:#D5D5D5}
	#information-web-dev #block2 .items-second .item .wrap .num{font-size:60px;line-height:39%}
	#information-web-dev #block2 .items-second .item.mob{display:flex;padding:0}
	#information-web-dev #line{margin-top:123px}
	#information-web-dev #line-brands{margin-top:29px}
	#information-web-dev #projects{margin-top:95px}
	#information-web-dev #projects .inner .heading{font-size:18px;padding:7px 15px;max-width:171px}
	#information-web-dev #projects .inner .items .line1 {
		margin-top:15px
	}
	#information-web-dev #projects .inner .items .line1 .left{width:100%;display:grid;grid-template-columns:1fr;justify-content:flex-start}
	#information-web-dev #projects .inner .items .line1 .left .item{gap:16px;margin-top:52px}
	#information-web-dev #projects .inner .items .line1 .left #anim-div{}
	#information-web-dev #projects .inner .items .line1 .left .item.mob{display:flex;margin-top:25px;max-width:465px}
	#information-web-dev #projects .inner .items .line1 .left .item:not(.mob){max-width:320px;justify-self:flex-end}
	#information-web-dev #projects .inner .items .line1 .left .item .media{height:238px}
	#information-web-dev #projects .inner .items .line1 .left .item.mob .media{height:290px}
	#information-web-dev #projects .inner .items .line1 .right{display:none}
	#information-web-dev #projects .inner .items .item .name{padding-left:0;font-size:15px}
	#information-web-dev #projects .inner .items .line2{margin-top:50px}
	#information-web-dev #projects .inner .items .line2 .center .item{max-width:562px;gap:16px}
	#information-web-dev #projects .inner .items .line2 .center .item .media{height:320px}
	#information-web-dev #projects .inner .items .line3{margin-top:50px;align-items:flex-start;justify-content:flex-start;flex-direction:column-reverse;gap:55px}
	#information-web-dev #projects .inner .items .line3 .left{flex-direction:column;margin-top:0;align-items:flex-start;width:100%}
	#information-web-dev #projects .inner .items .line3 .left .item{max-width:675px}
	#information-web-dev #projects .inner .items .line3 .left .item .media{height:290px}
	#information-web-dev #projects .inner .items .line3 .right{align-items:flex-start;width:100%}
	#information-web-dev #projects .inner .items .line3 .right .item{max-width:319px}
	#information-web-dev #projects .inner .items .line3 .right .item .media{height:240px}
	#information-web-dev #projects .inner .buttons{margin-top:63px}
	#information-web-dev #projects .inner .buttons button{font-size:15px;max-width:100%}
	#information-web-dev #bottom-block{margin-top:111px}
	#information-web-dev #bottom-block .inner{flex-direction:column}
	#information-web-dev #bottom-block .inner #block-message{max-width:270px}
	#information-web-dev #bottom-block .inner #block-message .text{font-size:60px;line-height:112%;max-width:310px}
	#information-web-dev #bottom-block .inner #block-message .sub-text{margin-top:46px;max-width:200px}
	#information-web-dev #bottom-block .inner #block-message .media{top:151px;width:120px;height:120px}
	#information-web-dev #bottom-block .inner #block-form{max-width:100%;margin-top:23px}
	#information-web-dev #bottom-block .inner #block-form .line-button button{padding:0 15px}
}
@media (min-width:769px) and (max-width:1024px) {
	#information-web-dev{margin-bottom:153px}
	#information-web-dev #top-media{height:800px}
	#information-web-dev #top-media .media-block video,#information-web-dev #top-media .media-block img{width:1174px;height:800px}
	#information-web-dev #top-media .container .inner{justify-content:flex-start;padding-top:297px}
	#information-web-dev #block2{margin-top:65px}
	#information-web-dev #block2 .items{grid-template-columns:repeat(4,1fr)}
	#information-web-dev #block2 .items .item.small{grid-area:1 / 1 / 2 / 5;width:170px;padding:7px 17px;font-size:18px}
	#information-web-dev #block2 .items .item.big{grid-area:2 / 1 / 3 / 3;padding:35px 20px}
	#information-web-dev #block2 .items .item.empty{grid-area:2 / 3 / 3 / 4}
	#information-web-dev #block2 .items .item:not(.empty,.big,.small){grid-area:2 / 4 / 3 / 5}
	#information-web-dev #block2 .items-second-head .item.small.hashtag{display:none}
	#information-web-dev #block2 .items-second-head{grid-template-columns:1fr;margin-top:70px}
	#information-web-dev #block2 .items-second-head .item.small{font-size:18px;width:170px;padding:7px 17px}
	#information-web-dev #block2 .items-second{grid-template-columns:repeat(3,1fr);margin-top:1px}
	#information-web-dev #block2 .items-second .item.empty{display:none}
	#information-web-dev #block2 .items-second .item:not(.empty,.mob){padding:16px 20px 33px;display:flex;flex-direction:column;justify-content:space-between}
	#information-web-dev #line{margin-top:123px}
	#information-web-dev #line-brands{margin-top:29px}
	#information-web-dev #projects{margin-top:86px}
	#information-web-dev #block2 .items-second .item .hash{display:block;font-family:'AgencyRegular';font-size:13px;line-height:140%;color:#D5D5D5}
	#information-web-dev #projects .inner .heading{font-size:18px;padding:7px 15px;max-width:171px}
	#information-web-dev #projects .inner .items .line1 {
		margin-top:25px
	}
	#information-web-dev #projects .inner .items .line1 .left{width:100%;display:grid;grid-template-columns:205px auto;justify-content:space-between}
	#information-web-dev #projects .inner .items .line1 .left .item{gap:16px;margin-top:52px}
	#information-web-dev #projects .inner .items .line1 .left #anim-div{grid-area:1 / 1 / 2 / 2}
	#information-web-dev #projects .inner .items .line1 .left .item.mob{display:flex;grid-area:1 / 2 / 2 / 3;margin-top:35px;max-width:calc(465px + (537 - 465) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-dev #projects .inner .items .line1 .left .item:not(.mob){grid-area:2 / 1 / 3 / 3;max-width:367px}
	#information-web-dev #projects .inner .items .line1 .left .item.mob .media{height:450px}
	#information-web-dev #projects .inner .items .line1 .right{display:none}
	#information-web-dev #projects .inner .items .item .name{padding-left:14px}
	#information-web-dev #projects .inner .items .line2{margin-top:53px}
	#information-web-dev #projects .inner .items .line2 .center .item{max-width:calc(562px + (812 - 562) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-dev #projects .inner .items .line3{margin-top:50px;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:55px}
	#information-web-dev #projects .inner .items .line3 .left{flex-direction:column;margin-top:0;align-items:flex-end;width:100%}
	#information-web-dev #projects .inner .items .line3 .left .item{max-width:calc(372px + (675 - 372) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-dev #projects .inner .items .line3 .left .item .media{height:329px}
	#information-web-dev #projects .inner .items .line3 .right{align-items:flex-start;width:100%}
	#information-web-dev #projects .inner .items .line3 .right .item{max-width:calc(465px + (538 - 465) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-dev #projects .inner .items .line3 .right .item .media{height:480px}
	#information-web-dev #bottom-block .inner #block-message{max-width:270px}
	#information-web-dev #bottom-block .inner #block-message .text{font-size:60px;line-height:112%;max-width:310px}
	#information-web-dev #bottom-block .inner #block-message .sub-text{margin-top:46px}
	#information-web-dev #bottom-block .inner #block-message .media{top:151px;width:120px;height:120px}
	#information-web-dev #bottom-block .inner #block-form{max-width:287px;margin-top:25px}
}
@media (min-width:1024px) and (max-width:1440px) {
	#information-web-dev #projects .inner .heading{max-width:184px}
	#information-web-dev #projects .inner .items .line1 .left{width:auto}
	#information-web-dev #projects .inner .items .line1 .left .item{max-width:calc(367px + (537 - 367) * ((100vw - 1024px) / (1440 - 1024)))}
	#information-web-dev #projects .inner .items .line2{margin-top:38px}
	#information-web-dev #projects .inner .items .line2 .center .item{max-width:calc(562px + (812 - 562) * ((100vw - 1024px) / (1440 - 1024)))}
	#information-web-dev #projects .inner .items .line3 .right{width:auto}
	#information-web-dev #projects .inner .items .line3 .right .item{max-width:calc(372px + (538 - 372) * ((100vw - 1024px) / (1440 - 1024)))}
}

.load-pagination .products-more-btn:nth-child(1){
	display:flex !important;
}


body.home #bottom-block{width:100%;margin-top:140px;margin-bottom:122px}
body.home #bottom-block .inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
body.home #bottom-block .inner #block-message{width:100%;position:relative;max-width:373px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
body.home #bottom-block .inner #block-message .text{font-family:'AgencySemiBold';font-size:80px;line-height:110%;color:#d5d5d5;width:100%;max-width:343px;position:relative;z-index:1}
body.home #bottom-block .inner #block-message .sub-text{font-family:'AgencyRegular';font-size:16px;line-height:130%;color:#d5d5d5;margin-top:25px;max-width:233px;width:100%}
body.home #bottom-block .inner #block-message .media{position:absolute;right:0;top:128px;width:140px;height:140px;overflow:hidden;border-radius:20px;z-index:0;pointer-events:none}
body.home #bottom-block .inner #block-message .media video,body.home #bottom-block .inner #block-message .media img{width:100%;height:100%;object-fit:cover}
body.home #bottom-block .inner #block-form{display:flex;flex-direction:column;width:100%;max-width:401px;margin-top:21px}
body.home #bottom-block .inner #block-form .fields{}
body.home #bottom-block .inner #block-form .fields .field{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row}
body.home #bottom-block .inner #block-form .fields .field + .field{margin-top:30px}
body.home #bottom-block .inner #block-form .fields .field > div{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%}
body.home #bottom-block .inner #block-form .fields .field > div input{box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #fff;outline:0;padding:0;margin:0;height:40px;width:100%;font-size:16px;line-height:100%;font-family:'AgencyRegular',sans-serif;color:#FFF}
body.home #bottom-block .inner #block-form .fields .field > div input::placeholder{color:#fff!important}
body.home #bottom-block .inner #block-form .fields .field > div.error input{border-bottom:1px solid #ec1515}
body.home #bottom-block .inner #block-form .form-error{width:100%;display:block;text-align:center;margin-top:23px;color:#ec1515;font-size:14px;font-family:'AgencyRegular',sans-serif;min-height:14px}
body.home #bottom-block .inner #block-form .line-button{display:flex;flex-direction:column;gap:26px;margin-top:43px}
body.home #bottom-block .inner #block-form .line-button button{height:50px;width:100%;background:#222ef4;border-radius:10px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border:0;outline:0;font-family:'AgencyRegular';font-size:16px;line-height:20px;color:#fff}
body.home #bottom-block .inner #block-form .line-button button svg{width:28px;height:10px;min-width:28px}
body.home #bottom-block .inner #block-form .line-button .text{font-family:'AgencyRegular';font-size:12px;line-height:100%;color:#fff}
body.home #bottom-block .inner #block-form .line-button .success{display:flex;align-items:center;justify-content:flex-start;gap:16px}
body.home #bottom-block .inner #block-form .line-button .success svg{width:45px;height:45px;min-width:45px}
body.home #bottom-block .inner #block-form .line-button .success span{font-family:'AgencyRegular';font-size:15px;line-height:19px;color:#FFF}
@media (max-width:768px) {
	body.home #bottom-block{margin-top:111px;margin-bottom: 122px;}
	body.home #bottom-block .inner{flex-direction:column}
	body.home #bottom-block .inner #block-message{max-width:270px}
	body.home #bottom-block .inner #block-message .text{font-size:60px;line-height:112%;max-width:310px}
	body.home #bottom-block .inner #block-message .sub-text{margin-top:46px;max-width:200px}
	body.home #bottom-block .inner #block-message .media{top:151px;width:120px;height:120px}
	body.home #bottom-block .inner #block-form{max-width:100%;margin-top:23px}
	body.home #bottom-block .inner #block-form .line-button button{padding:0 15px}
}
@media (min-width:769px) and (max-width:1024px) {
	body.home #bottom-block{margin-bottom: 103px;}
	body.home #bottom-block .inner #block-message{max-width:270px}
	body.home #bottom-block .inner #block-message .text{font-size:60px;line-height:112%;max-width:310px}
	body.home #bottom-block .inner #block-message .sub-text{margin-top:46px}
	body.home #bottom-block .inner #block-message .media{top:151px;width:120px;height:120px}
	body.home #bottom-block .inner #block-form{max-width:287px;margin-top:25px}
}

#common-home-link{width:100%;text-align:right;margin-top:33px}
#common-home-link a{color:#fff;font-family:'AgencyRegular',sans-serif;font-size:22px}
#common-home-link a img{width:40px;margin-left:20px}
#common-home-link a:hover{text-decoration:none}
@media (max-width:768px) {
	#common-home-link{margin-top:74px}
}

div[id^='callback-sidebar'].callback-sidebar{
	top:0;
	position:fixed;
	height:100%;
	width:100%;
	z-index:99999;
	overflow:auto
}

div[id^='callback-sidebar'].callback-sidebar.call-sidebar-active{
	visibility:visible !important
}

div[id^='callback-sidebar'].callback-sidebar.no-active{
	visibility:hidden
}

div[id^='callback-sidebar'].callback-sidebar .callback-sidebar-bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:.5s;
	z-index:1
}

div[id^='callback-sidebar'].callback-sidebar.no-active .callback-sidebar-bg{
	animation:fade-out .3s forwards;
	-webkit-animation:fade-out .3s forwards
}

div[id^='callback-sidebar'].callback-sidebar.call-sidebar-active .callback-sidebar-bg{
	animation:fade-in .3s forwards;
	-webkit-animation:fade-in .3s forwards
}

div[id^='callback-sidebar'].callback-sidebar .callback-sidebar-body{
	padding:176px 0 130px;
	width:100%;
	height:100%;
	max-width:600px;
	position:absolute;
	overflow:visible;
	background:#fff;
	transition:.5s;
	z-index:2
}

div[id^='callback-sidebar'].callback-sidebar.sidebar-right .callback-sidebar-body{
	right: 0px;
	transform: translateX(100%);
}

div[id^='callback-sidebar'].callback-sidebar.sidebar-right.no-active .callback-sidebar-body{
	animation:slide-out-right .3s forwards;
	-webkit-animation:slide-out-right .3s forwards
}

div[id^='callback-sidebar'].callback-sidebar.sidebar-right.call-sidebar-active .callback-sidebar-body{
	min-height:100vh;
	animation:slide-in-right .3s forwards;
	-webkit-animation:slide-in-right .3s forwards
}

@keyframes slide-in-right {
	100% {
		transform:translateX(0%)
	}
}

@keyframes slide-out-right {
	0%{
		transform:translateX(0%)
	}
	100%{
		transform:translateX(100%)
	}
}


div[id^='callback-sidebar'] .close-btn{
	position:absolute;
	border:0;
	padding:0;
	outline:0;
	left:30px;
	top:30px;
	cursor:pointer;
	background:none;
	width:24px;
	height:24px;
}
div[id^='callback-sidebar'] .close-btn svg {
	pointer-events:none;
	width:24px;
	min-width:24px;
	height:24px;
}


div[id^='callback-sidebar'] .container .inner{display:flex;flex-direction:column;width:100%;
	max-width:401px;
	margin:0 auto;}
div[id^='callback-sidebar'] .container .inner #block-message{width:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
div[id^='callback-sidebar'] .container .inner #block-message .text{font-family:'AgencySemiBold';max-width:261px;

	font-size: 50px;
	line-height: 110%;
	color: #000000;
}
div[id^='callback-sidebar'] .container .inner #block-message .sub-text{font-family:'AgencyRegular';
margin-top:28px;

	font-size: 16px;
	line-height: 130%;
	color: #2B2B2B;
}
div[id^='callback-sidebar'] .container .inner #block-form .fields{margin-top:57px}
div[id^='callback-sidebar'] .container .inner #block-form .fields .field{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row}
div[id^='callback-sidebar'] .container .inner #block-form .fields .field + .field{margin-top:30px}
div[id^='callback-sidebar'] .container .inner #block-form .fields .field > div{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%}
div[id^='callback-sidebar'] .container .inner #block-form .fields .field > div input{box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #444444;outline:0;padding:0;margin:0;height:40px;width:100%;font-size:16px;line-height:100%;font-family:'AgencyRegular',sans-serif;color:#444444}
div[id^='callback-sidebar'] .container .inner #block-form .fields .field > div input::placeholder{color:#444444!important}
div[id^='callback-sidebar'] .container .inner #block-form .fields .field > div.error input{border-bottom:1px solid #ec1515}
div[id^='callback-sidebar'] .container .inner #block-form .form-error{width:100%;display:block;text-align:center;margin-top:23px;color:#ec1515;font-size:14px;font-family:'AgencyRegular',sans-serif;min-height:14px}
div[id^='callback-sidebar'] .container .inner #block-form .line-button{display:flex;flex-direction:column;gap:26px;margin-top:43px}
div[id^='callback-sidebar'] .container .inner #block-form .line-button button{height:50px;width:100%;background:#222ef4;border-radius:10px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border:0;outline:0;font-family:'AgencyRegular';font-size:16px;line-height:20px;color:#fff}
div[id^='callback-sidebar'] .container .inner #block-form .line-button button svg{width:28px;height:10px;min-width:28px}
div[id^='callback-sidebar'] .container .inner #block-form .line-button .text{font-family:'AgencyRegular';font-size:12px;line-height:100%;color:#444444}
div[id^='callback-sidebar'] .container .inner #block-form .line-button .success{display:flex;align-items:center;justify-content:flex-start;gap:16px}
div[id^='callback-sidebar'] .container .inner #block-form .line-button .success svg{width:45px;height:45px;min-width:45px}
div[id^='callback-sidebar'] .container .inner #block-form .line-button .success span{font-family:'AgencyRegular';font-size:15px;line-height:19px;color:#444444}

@media (max-width:575px){
	div[id^='callback-sidebar'].callback-sidebar .callback-sidebar-body{
		padding:97px 0 130px;

	}
	div[id^='callback-sidebar'] .container .inner #block-message .sub-text{max-width:204px;}
}

body.web-fashion{background:#000}
#information-web-fashion{margin-bottom:129px}
#information-web-fashion #top-media{width:100%;height:980px;overflow:hidden;position:relative}
#information-web-fashion #top-media .container{height:100%;position:relative;z-index:3}
#information-web-fashion #top-media .container .inner{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:78px}
#information-web-fashion #top-media .container .inner .text{width:100%;max-width:380px}
#information-web-fashion #top-media .container .inner .text .mini-text{font-family:'AgencyRegular';font-size:16px;line-height:100%;color:#fff}
#information-web-fashion #top-media .container .inner .text .head{margin-top:23px;font-family:'AgencyBold';font-size:60px;line-height:90%;color:#fff}
#information-web-fashion #top-media .container .inner .text .head span{font-family:'AgencyLightItalic';font-style:italic}
#information-web-fashion #top-media .container .inner .text .desc{margin-top:50px;font-family:'AgencySemiBold';font-style:normal;font-weight:700;font-size:20px;line-height:140%;color:#fff}
#information-web-fashion #top-media .container .inner .text .desc span{font-family:'AgencyLightItalic';font-style:italic}
#information-web-fashion #top-media .media-block{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;position:absolute;left:0;top:0}
#information-web-fashion #top-media .media-block .overlay{width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;background:#222ef4;mix-blend-mode:darken}
#information-web-fashion #top-media .media-block video,#information-web-fashion #top-media .media-block img{width:1440px;height:980px;object-fit:cover;object-position:center;position:absolute;z-index:0;left:50%;top:0;transform:translateX(-50%)}
#information-web-fashion #line-brands{margin-top:49px;text-align:center;display:block;height:128px;overflow:hidden;width:100%;white-space:nowrap;animation:scroll3 20s linear infinite}
#information-web-fashion #line{position:relative;margin-top:150px;display:flex;height:26px}
#information-web-fashion #line .marquee{position:absolute;top:0;left:0;width:100vw;overflow:hidden;pointer-events:none}
#information-web-fashion #line .marquee__inner{width:fit-content;display:flex;position:relative;transform:translate3d(calc(-25% + 20vw),0,0);animation:marquee-reverse 14s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .1s}
#information-web-fashion #line .marquee .marquee__inner{animation-play-state:running;opacity:1;transition-duration:.4s}
#information-web-fashion #line .marquee div{text-align:center;white-space:nowrap;padding:0 1vw;color:#fff;font-family:'AgencyLightItalic',sans-serif;font-style:italic;font-size:20px}
#information-web-fashion #line .marquee div span{font-family:'AgencyBold',sans-serif}
#information-web-fashion #block2{width:100%;margin-top:88px}
#information-web-fashion #block2 .items{width:100%;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:10px}
#information-web-fashion #block2 .items .item:not(.empty){overflow:hidden;border-radius:20px;height:300px}
#information-web-fashion #block2 .items .item.big{background:#232323;padding:35px 30px;display:flex;justify-content:flex-start;align-items:flex-end}
#information-web-fashion #block2 .items .item.big .text{font-family:'AgencyRegular';font-size:16px;line-height:20px;display:flex;align-items:flex-end;color:#fff;max-width:330px;width:100%}
#information-web-fashion #block2 .items .item.small{font-family:'AgencySemiBold';font-size:20px;line-height:26px;color:#fff;padding:7px 21px;background:#232323;height:fit-content}
#information-web-fashion #block2 .items .item.small span{font-family:'AgencyLightItalic',sans-serif;font-style:italic}
#information-web-fashion #block2 .items-second .item:not(.empty){overflow:hidden;border-radius:20px;height:300px}
#information-web-fashion #block2 .items-second .item.mob{display:none}
#information-web-fashion #block2 .items-second .item.mob video, #information-web-fashion #block2 .items-second .item.mob img {
	width:100%;max-height:100%;height:100%;object-fit:cover
}
#information-web-fashion #block2 .items-second-head{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:47px}
#information-web-fashion #block2 .items-second-head .item{overflow:hidden;border-radius:20px}
#information-web-fashion #block2 .items-second-head .item.small{font-family:'AgencySemiBold';font-size:20px;line-height:26px;color:#fff;padding:7px 21px;background:#232323;height:fit-content}
#information-web-fashion #block2 .items-second-head .item.small span{font-family:'AgencyLightItalic',sans-serif;font-style:italic}
#information-web-fashion #block2 .items-second-head .item.small .two{display:flex;align-items:center;justify-content:space-between;gap:10px}
#information-web-fashion #block2 .items-second-head .item.small .two .num{font-family:'AgencySemiBold';font-weight:700;font-size:20px;line-height:26px;color:#fff}
#information-web-fashion #block2 .items-second-head .item.small .two .hash{font-family:'AgencyRegular';font-size:14px;line-height:140%;color:#d5d5d5}
#information-web-fashion #block2 .items-second{width:100%;display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px;gap:10px}
#information-web-fashion #block2 .items-second .item:not(.empty){overflow:hidden;border-radius:20px;height:300px;padding:30px;background:#232323}
#information-web-fashion #block2 .items-second .item.blue{background:#222ef4}
#information-web-fashion #block2 .items-second .item .hash{display:none}
#information-web-fashion #block2 .items-second .item .wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
#information-web-fashion #block2 .items-second .item .wrap .num{font-family:'AgencyRegular';font-size:80px;line-height:26%;color:#d5d5d5}
#information-web-fashion #block2 .items-second .item .wrap .num span:not(.count){font-size:16px}
#information-web-fashion #block2 .items-second .item .wrap .text{font-family:'AgencyRegular';font-size:16px;line-height:140%;color:#d5d5d5}
#information-web-fashion #projects{width:100%;margin-top:133px}
#information-web-fashion #projects .inner{display:flex;flex-direction:column}
#information-web-fashion #projects .inner .heading{font-family:'AgencyBold';font-size:20px;line-height:26px;color:#fff;padding:7px 21px;background:#232323;border-radius:20px;max-width:264px;width:100%}
#information-web-fashion #projects .inner .heading span{font-family:'AgencyLightItalic',sans-serif;font-style:italic}
#information-web-fashion #projects .inner .items{display:flex;flex-direction:column}
#information-web-fashion #projects .inner .items .line1{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:50px;}
#information-web-fashion #projects .inner .items .item .name{font-family:'AgencyRegular';font-size:16px;line-height:150%;color:#d5d5d5;padding-left:20px;padding-right:20px}
#information-web-fashion #projects .inner .items .item .name span{font-family:'AgencyLightItalic',sans-serif;font-style:italic;margin-left:10px}
#information-web-fashion #projects .inner .items .line1 .left{display:flex;flex-direction:column;width:50%}
#information-web-fashion #projects .inner .items .line1 .left .item{display:flex;flex-direction:column;gap:20px;max-width:537px;width:100%;margin-top:79px;cursor:pointer}
#information-web-fashion #projects .inner .items .line1 .left .item .media{border-radius:10px;overflow:hidden;height:305px;width:100%}
#information-web-fashion #projects .inner .items .line1 .left .item .media > video,#information-web-fashion #projects .inner .items .line1 .left .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-fashion #projects .inner .items .line1 .left .item.mob{display:none}
#information-web-fashion #projects .inner .items .line1 .right{display:flex;flex-direction:column;width:50%;align-items:flex-end;margin-top:20px}
#information-web-fashion #projects .inner .items .line1 .right .item{display:flex;flex-direction:column;gap:16px;max-width:675px;width:100%;cursor:pointer}
#information-web-fashion #projects .inner .items .line1 .right .item .media{border-radius:10px;overflow:hidden;height:450px;width:100%}
#information-web-fashion #projects .inner .items .line1 .right .item .media > video,#information-web-fashion #projects .inner .items .line1 .right .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-fashion #projects .inner .items .line2{display:flex;align-items:flex-start;justify-content:center;margin-top:61px}
#information-web-fashion #projects .inner .items .line2 .center {
	width:100%;
	display:flex;
	justify-content:center;
}
#information-web-fashion #projects .inner .items .line2 .center .item{display:flex;flex-direction:column;gap:20px;max-width:812px;width:100%;cursor:pointer}
#information-web-fashion #projects .inner .items .line2 .center .item .media{border-radius:10px;overflow:hidden;height:490px;width:100%}
#information-web-fashion #projects .inner .items .line2 .center .item .media > video,#information-web-fashion #projects .inner .items .line2 .center .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-fashion #projects .inner .items .line3{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:62px}
#information-web-fashion #projects .inner .items .line3 .left{display:flex;flex-direction:column;margin-top:197px;width:50%}
#information-web-fashion #projects .inner .items .line3 .left .item{display:flex;flex-direction:column;gap:16px;max-width:675px;width:100%;cursor:pointer}
#information-web-fashion #projects .inner .items .line3 .left .item .media{border-radius:10px;overflow:hidden;height:480px;width:100%}
#information-web-fashion #projects .inner .items .line3 .left .item .media > video,#information-web-fashion #projects .inner .items .line3 .left .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
#information-web-fashion #projects .inner .items .line3 .right{display:flex;flex-direction:column;align-items:flex-end;width:50%}
#information-web-fashion #projects .inner .items .line3 .right .item{display:flex;flex-direction:column;gap:16px;max-width:538px;width:100%;cursor:pointer}
#information-web-fashion #projects .inner .items .line3 .right .item .media{border-radius:10px;overflow:hidden;height:329px;width:100%}
#information-web-fashion #projects .inner .items .line3 .right .item .media > video,#information-web-fashion #projects .inner .items .line3 .right .item .media > img{width:100%;max-height:100%;height:100%;object-fit:cover}
.svg-hidden{height:0;width:0;position:absolute}
#information-web-fashion #projects .inner .buttons{display:flex;align-items:center;justify-content:center;margin-top:51px}
#information-web-fashion #projects .inner .buttons button{border:1px solid #9f9f9f;border-radius:20px;background:none;padding:10px 15px 10px 19px;display:none;align-items:center;justify-content:space-between;gap:10px;outline:0;font-family:'AgencyRegular';font-size:16px;line-height:20px;color:#fff;width:100%;max-width:235px;height:40px}
#information-web-fashion #projects .inner .buttons button svg{width:16px;min-width:16px;height:20px;pointer-events:none}
#information-web-fashion #bottom-block{width:100%;margin-top:120px}
#information-web-fashion #bottom-block .inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
#information-web-fashion #bottom-block .inner #block-message{width:100%;position:relative;max-width:373px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#information-web-fashion #bottom-block .inner #block-message .text{font-family:'AgencySemiBold';font-size:80px;line-height:110%;color:#d5d5d5;width:100%;max-width:343px;position:relative;z-index:1}
#information-web-fashion #bottom-block .inner #block-message .sub-text{font-family:'AgencyRegular';font-size:16px;line-height:130%;color:#d5d5d5;margin-top:25px;max-width:233px;width:100%}
#information-web-fashion #bottom-block .inner #block-message .media{position:absolute;right:0;top:128px;width:140px;height:140px;overflow:hidden;border-radius:20px;z-index:0;pointer-events:none}
#information-web-fashion #bottom-block .inner #block-message .media video,#information-web-fashion #bottom-block .inner #block-message .media img{width:100%;height:100%;object-fit:cover}
#information-web-fashion #bottom-block .inner #block-form{display:flex;flex-direction:column;width:100%;max-width:401px;margin-top:21px}
#information-web-fashion #bottom-block .inner #block-form .fields{}
#information-web-fashion #bottom-block .inner #block-form .fields .field{width:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row}
#information-web-fashion #bottom-block .inner #block-form .fields .field + .field{margin-top:30px}
#information-web-fashion #bottom-block .inner #block-form .fields .field > div{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%}
#information-web-fashion #bottom-block .inner #block-form .fields .field > div input{box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #fff;outline:0;padding:0;margin:0;height:40px;width:100%;font-size:16px;line-height:100%;font-family:'AgencyRegular',sans-serif;color:#FFF}
#information-web-fashion #bottom-block .inner #block-form .fields .field > div input::placeholder{color:#fff!important}
#information-web-fashion #bottom-block .inner #block-form .fields .field > div.error input{border-bottom:1px solid #ec1515}
#information-web-fashion #bottom-block .inner #block-form .form-error{width:100%;display:block;text-align:center;margin-top:23px;color:#ec1515;font-size:14px;font-family:'AgencyRegular',sans-serif;min-height:14px}
#information-web-fashion #bottom-block .inner #block-form .line-button{display:flex;flex-direction:column;gap:26px;margin-top:43px}
#information-web-fashion #bottom-block .inner #block-form .line-button button{height:50px;width:100%;background:#222ef4;border-radius:10px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border:0;outline:0;font-family:'AgencyRegular';font-size:16px;line-height:20px;color:#fff}
#information-web-fashion #bottom-block .inner #block-form .line-button button svg{width:28px;height:10px;min-width:28px}
#information-web-fashion #bottom-block .inner #block-form .line-button .text{font-family:'AgencyRegular';font-size:12px;line-height:100%;color:#fff}
#information-web-fashion #bottom-block .inner #block-form .line-button .success{display:flex;align-items:center;justify-content:flex-start;gap:16px}
#information-web-fashion #bottom-block .inner #block-form .line-button .success svg{width:45px;height:45px;min-width:45px}
#information-web-fashion #bottom-block .inner #block-form .line-button .success span{font-family:'AgencyRegular';font-weight:600;font-size:15px;line-height:19px;color:#FFF}
@media (max-width:360px){
	#information-web-fashion #top-media .container .inner .text .head {
		hyphens:auto;
	}
}


#information-web-fashion #projects .inner .items .item .loader{display:none}
#information-web-fashion #projects .inner .items .item.loading .loader{background: #191919;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;}
#information-web-fashion #projects .inner .items .item.loading .loader img{width: 50px;
	height: 50px;
	filter:invert(1);
	mix-blend-mode:color-dodge;
}





@media (max-width:768px) {
	#information-web-fashion{margin-bottom:149px}
	#information-web-fashion #top-media{height:698px}
	#information-web-fashion #top-media .media-block video,#information-web-fashion #top-media .media-block img{width:1024px;height:698px}
	#information-web-fashion #top-media .container .inner{justify-content:flex-start;padding-top:297px}
	#information-web-fashion #top-media .container .inner .text .head{font-size:50px}
	#information-web-fashion #top-media .container .inner .text .desc{max-width:290px;font-size:18px;margin-top:21px}
	#information-web-fashion #block2{margin-top:60px}
	#information-web-fashion #block2 .items{grid-template-columns:1fr;gap:10px 0}
	#information-web-fashion #block2 .items .item.small{grid-area:1 / 1 / 2 / 5;width:170px;padding:7px 17px;font-size:18px}
	#information-web-fashion #block2 .items .item.big{grid-area:2 / 1 / 3 / 3;padding:35px 20px}
	#information-web-fashion #block2 .items .item.empty{display:none}
	#information-web-fashion #block2 .items .item:not(.empty,.big,.small){display:none}
	#information-web-fashion #block2 .items-second-head .item.small.hashtag{display:none}
	#information-web-fashion #block2 .items-second-head{grid-template-columns:1fr;margin-top:60px}
	#information-web-fashion #block2 .items-second-head .item.small{font-size:18px;width:170px;padding:7px 17px}
	#information-web-fashion #block2 .items-second{grid-template-columns:repeat(2,1fr);margin-top:1px}
	#information-web-fashion #block2 .items-second .item.empty{display:none}
	#information-web-fashion #block2 .items-second .item:not(.empty){padding:16px 20px 33px;display:flex;flex-direction:column;justify-content:space-between}
	#information-web-fashion #block2 .items-second .item .hash{display:block;font-family:'AgencyRegular';font-size:13px;line-height:140%;color:#D5D5D5}
	#information-web-fashion #block2 .items-second .item .wrap .num{font-size:60px;line-height:39%}
	#information-web-fashion #block2 .items-second .item.mob{display:flex;padding:0}
	#information-web-fashion #line{margin-top:123px}
	#information-web-fashion #line-brands{margin-top:29px}
	#information-web-fashion #projects{margin-top:95px}
	#information-web-fashion #projects .inner .heading{font-size:18px;padding:7px 15px;max-width:171px}
	#information-web-fashion #projects .inner .items .line1 {
		margin-top:15px
	}
	#information-web-fashion #projects .inner .items .line1 .left{width:100%;display:grid;grid-template-columns:1fr;justify-content:flex-start}
	#information-web-fashion #projects .inner .items .line1 .left .item{gap:16px;margin-top:52px}
	#information-web-fashion #projects .inner .items .line1 .left #anim-div{}
	#information-web-fashion #projects .inner .items .line1 .left .item.mob{display:flex;margin-top:25px;max-width:465px}
	#information-web-fashion #projects .inner .items .line1 .left .item:not(.mob){max-width:320px;justify-self:flex-end}
	#information-web-fashion #projects .inner .items .line1 .left .item .media{height:238px}
	#information-web-fashion #projects .inner .items .line1 .left .item.mob .media{height:290px}
	#information-web-fashion #projects .inner .items .line1 .right{display:none}
	#information-web-fashion #projects .inner .items .item .name{padding-left:0;font-size:15px}
	#information-web-fashion #projects .inner .items .line2{margin-top:50px}
	#information-web-fashion #projects .inner .items .line2 .center .item{max-width:562px;gap:16px}
	#information-web-fashion #projects .inner .items .line2 .center .item .media{height:320px}
	#information-web-fashion #projects .inner .items .line3{margin-top:50px;align-items:flex-start;justify-content:flex-start;flex-direction:column-reverse;gap:55px}
	#information-web-fashion #projects .inner .items .line3 .left{flex-direction:column;margin-top:0;align-items:flex-start;width:100%}
	#information-web-fashion #projects .inner .items .line3 .left .item{max-width:675px}
	#information-web-fashion #projects .inner .items .line3 .left .item .media{height:290px}
	#information-web-fashion #projects .inner .items .line3 .right{align-items:flex-start;width:100%}
	#information-web-fashion #projects .inner .items .line3 .right .item{max-width:319px}
	#information-web-fashion #projects .inner .items .line3 .right .item .media{height:240px}
	#information-web-fashion #projects .inner .buttons{margin-top:63px}
	#information-web-fashion #projects .inner .buttons button{font-size:15px;max-width:100%}
	#information-web-fashion #bottom-block{margin-top:111px}
	#information-web-fashion #bottom-block .inner{flex-direction:column}
	#information-web-fashion #bottom-block .inner #block-message{max-width:270px}
	#information-web-fashion #bottom-block .inner #block-message .text{font-size:60px;line-height:112%;max-width:310px}
	#information-web-fashion #bottom-block .inner #block-message .sub-text{margin-top:46px;max-width:200px}
	#information-web-fashion #bottom-block .inner #block-message .media{top:151px;width:120px;height:120px}
	#information-web-fashion #bottom-block .inner #block-form{max-width:100%;margin-top:23px}
	#information-web-fashion #bottom-block .inner #block-form .line-button button{padding:0 15px}
}
@media (min-width:769px) and (max-width:1024px) {
	#information-web-fashion{margin-bottom:153px}
	#information-web-fashion #top-media{height:800px}
	#information-web-fashion #top-media .media-block video,#information-web-fashion #top-media .media-block img{width:1174px;height:800px}
	#information-web-fashion #top-media .container .inner{justify-content:flex-start;padding-top:297px}
	#information-web-fashion #block2{margin-top:65px}
	#information-web-fashion #block2 .items{grid-template-columns:repeat(4,1fr)}
	#information-web-fashion #block2 .items .item.small{grid-area:1 / 1 / 2 / 5;width:170px;padding:7px 17px;font-size:18px}
	#information-web-fashion #block2 .items .item.big{grid-area:2 / 1 / 3 / 3;padding:35px 20px}
	#information-web-fashion #block2 .items .item.empty{grid-area:2 / 3 / 3 / 4}
	#information-web-fashion #block2 .items .item:not(.empty,.big,.small){grid-area:2 / 4 / 3 / 5}
	#information-web-fashion #block2 .items-second-head .item.small.hashtag{display:none}
	#information-web-fashion #block2 .items-second-head{grid-template-columns:1fr;margin-top:70px}
	#information-web-fashion #block2 .items-second-head .item.small{font-size:18px;width:170px;padding:7px 17px}
	#information-web-fashion #block2 .items-second{grid-template-columns:repeat(3,1fr);margin-top:1px}
	#information-web-fashion #block2 .items-second .item.empty{display:none}
	#information-web-fashion #block2 .items-second .item:not(.empty,.mob){padding:16px 20px 33px;display:flex;flex-direction:column;justify-content:space-between}
	#information-web-fashion #line{margin-top:123px}
	#information-web-fashion #line-brands{margin-top:29px}
	#information-web-fashion #projects{margin-top:86px}
	#information-web-fashion #block2 .items-second .item .hash{display:block;font-family:'AgencyRegular';font-size:13px;line-height:140%;color:#D5D5D5}
	#information-web-fashion #projects .inner .heading{font-size:18px;padding:7px 15px;max-width:171px}
	#information-web-fashion #projects .inner .items .line1 {
		margin-top:25px
	}
	#information-web-fashion #projects .inner .items .line1 .left{width:100%;display:grid;grid-template-columns:205px auto;justify-content:space-between}
	#information-web-fashion #projects .inner .items .line1 .left .item{gap:16px;margin-top:52px}
	#information-web-fashion #projects .inner .items .line1 .left #anim-div{grid-area:1 / 1 / 2 / 2}
	#information-web-fashion #projects .inner .items .line1 .left .item.mob{display:flex;grid-area:1 / 2 / 2 / 3;margin-top:35px;max-width:calc(465px + (537 - 465) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-fashion #projects .inner .items .line1 .left .item:not(.mob){grid-area:2 / 1 / 3 / 3;max-width:367px}
	#information-web-fashion #projects .inner .items .line1 .left .item.mob .media{height:450px}
	#information-web-fashion #projects .inner .items .line1 .right{display:none}
	#information-web-fashion #projects .inner .items .item .name{padding-left:14px}
	#information-web-fashion #projects .inner .items .line2{margin-top:53px}
	#information-web-fashion #projects .inner .items .line2 .center .item{max-width:calc(562px + (812 - 562) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-fashion #projects .inner .items .line3{margin-top:50px;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:55px}
	#information-web-fashion #projects .inner .items .line3 .left{flex-direction:column;margin-top:0;align-items:flex-end;width:100%}
	#information-web-fashion #projects .inner .items .line3 .left .item{max-width:calc(372px + (675 - 372) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-fashion #projects .inner .items .line3 .left .item .media{height:329px}
	#information-web-fashion #projects .inner .items .line3 .right{align-items:flex-start;width:100%}
	#information-web-fashion #projects .inner .items .line3 .right .item{max-width:calc(465px + (538 - 465) * ((100vw - 768px) / (1024 - 768)))}
	#information-web-fashion #projects .inner .items .line3 .right .item .media{height:480px}
	#information-web-fashion #bottom-block .inner #block-message{max-width:270px}
	#information-web-fashion #bottom-block .inner #block-message .text{font-size:60px;line-height:112%;max-width:310px}
	#information-web-fashion #bottom-block .inner #block-message .sub-text{margin-top:46px}
	#information-web-fashion #bottom-block .inner #block-message .media{top:151px;width:120px;height:120px}
	#information-web-fashion #bottom-block .inner #block-form{max-width:287px;margin-top:25px}
}
@media (min-width:1024px) and (max-width:1440px) {
	#information-web-fashion #projects .inner .heading{max-width:184px}
	#information-web-fashion #projects .inner .items .line1 .left{width:auto}
	#information-web-fashion #projects .inner .items .line1 .left .item{max-width:calc(367px + (537 - 367) * ((100vw - 1024px) / (1440 - 1024)))}
	#information-web-fashion #projects .inner .items .line2{margin-top:38px}
	#information-web-fashion #projects .inner .items .line2 .center .item{max-width:calc(562px + (812 - 562) * ((100vw - 1024px) / (1440 - 1024)))}
	#information-web-fashion #projects .inner .items .line3 .right{width:auto}
	#information-web-fashion #projects .inner .items .line3 .right .item{max-width:calc(372px + (538 - 372) * ((100vw - 1024px) / (1440 - 1024)))}
}