section {margin:0 20px;}

header  {margin-bottom:20px; height: 64px; background: #f9f9f9; z-index:1000;}

#mobHead, #mob    {position:fixed; z-index:1000}

#mobHead   {width:100%; height: 64px; background: #f9f9f9;}


footer  {margin:0;}

.head   {height: 64px; margin:0 20px; grid-template-columns: 1fr; background: #f9f9f9;}

#phone, #phoneAll, #top, #searchBox, .btnBgL, .btnBgR, .control  {display:none;}

#mob    {display:grid; grid-template-columns: 44px 44px 44px; grid-gap:10px; height:44px; align-items:center; right: 20px; top:10px; }

#mSearch    { height:44px; background: url(/img/icons/search.svg) no-repeat 50% 50%; z-index: 200;}

#mLang  {text-align:center; color: #676767;}

#logo {grid-column: unset; justify-self: left; width: 97px; height: 23px; }

main    {grid-gap: 60px;}

.btn, a.btn, .btn1, a.btn1, .btn2, a.btn2    {height:44px; line-height:38px;}

h1{font-size: 28px; line-height:30px; font-weight:600;}

h2{font-size: 28px; line-height:30px; font-weight:500;}





#wkSlide    {padding:0;}

#wkSlider   {height:364px;}

.wkSlide {height:364px;}

.s1	{background:#ffffff url(/img/640/s1.jpg) no-repeat 100%;}

.s2	{background: url(/img/640/s2.jpg) no-repeat 100%;}

.s3	{background: url(/img/640/s3.jpg) no-repeat 100%;}

.wkSlideContainer {border-radius:23px;}

.slideContent   {margin: 74px 0 0 40px;}

a.btnOzon, a.btnWB, a.btnYM    {width: 200px; margin-top:45px;}

a.btnOzon	{width:130px;}

.s2 .slideContent   {margin-top:125px;}

.btnVersion {margin-top:0;}

.s3 .slideContent   {margin-top:145px;}

.slideContent h2{font-size: 28px; line-height:30px;}

a.shop   {width:147px;}

.payments   {width:220px; height:40px; grid-gap:30px;}

.slideTxt   {line-height:18px; padding: 20px 0;}




#banner {margin: 0; grid-template-columns: 1fr;}

.b1, .b2, .b3  {height: 272px;}

.fixBtn	{margin: 20px; height: 100%; position: relative;}

.version{font-size: 28px; line-height:30px; }

.versionDate {font-size: 18px; line-height:30px; margin-top:10px;}

.load   {font-size: 16px; }

.loadW, .loadL, .checkServer, .selectPC  {width: 257px; left:0;}

.loadW  {bottom: 40px; }

.loadL  {left: 265px;}

#vendor .btn2  {width:320px; margin-bottom: 50px;}

#project .btnGreen  {width: 320px; margin-bottom: 0;}

#online {padding: 0 20px;}

#online h1  {margin: 40px 0 20px;}

#online .grid   {grid-template-columns: 1fr; margin: 0; grid-gap:0;}

#online .btn2 {width: 100%; max-width:600px; margin: 20px 0;}

.online {margin:0 auto 40px;}

.online iframe{border-radius:14px; width:600px; max-width: 600px; min-height:330px; height:100%; }





.noImg  {max-width: 100%;}

#news .tac  {width: 600px; display:grid; grid-gap:6px; grid-template-columns: 1fr 1fr; margin:0 auto 60px auto;}

.forum, .subs  {width: 100%;}

.subs  {line-height: 38px !important;}

.nText  {position:static; margin-top: 40px;}




.foot1  {grid-template-columns: 1fr; grid-gap:40px; padding: 40px 0 40px 20px;}

.fMenuList  {margin-top: 30px;}

.fMenu  {order: -1;}

.contacts > div {margin-bottom: 30px;}

.socialText {padding-top: 30px;}

.socialIcons    {margin-bottom:0 !important;}

.foot2  {padding: 30px 20px 40px 20px; grid-template-columns: 1fr; grid-gap:20px;}

.apps   {text-align:left;}

.aStore, .gPlay { margin-left: 0; margin-right:35px; }



.btnUp  { right: 30px; bottom:10%; }

.btnUp:hover 	{background: var(--green-1) url(/img/icons/n1.svg) no-repeat 50% 50% !important;}



#menu {display:block;}

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

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

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

#btnCloud1, #btnCloud2  {position: static; margin: 10px 0 0;}

#btnCloud2	{line-height:38px;}

#m2 {position:fixed; right:0; height:100%; width: 50%; background: #f9f9f9; padding: 84px 20px 20px; z-index: 99; overflow-y: auto; overflow-x: hidden;}

#m2 ul  {width:100%; background: #f9f9f9; padding: 0;}

.m  { display:inline-block; cursor:pointer; color:#1d1d1d;}

#m2 .m > a, #m2 .m div   {line-height:40px; }

.dim    {opacity: 20%;}

#mAddr  {position: static; border-top: 1px solid #D3E4C7; margin:20px 0;}

#mAddr *    {color: #1d1d1d;}

#mAddr .fHead   {display:none;}

#mAddr .home   {background: url(/img/icons/homeM.svg) no-repeat 0 50%;}

#mAddr .phone   {background: url(/img/icons/phoneM.svg) no-repeat 0 50%;}

#mAddr .socialText  {padding-top:0px; text-align:center;}

#mAddr .socialIcons  {text-align:center;}

#mAddr .contacts    {width: 280px; margin: 20px auto 0 auto;}

#mAddr .iVk {background: url(/img/icons/vkM.svg) no-repeat 50% 50%;}

#mAddr .iTg {background: url(/img/icons/tgM.svg) no-repeat 50% 50%;}

#mAddr .iYt {background: url(/img/icons/ytM.svg) no-repeat 50% 50%;}



#m2 ul.submenu {position: static; box-shadow: none; padding: 0 0 0 20px;}

#m2 li  {display: block; }

.m	{padding:0;}

.top	{background:url(/img/icons/up.svg) no-repeat 98% 50%;}

.topAct	{background:url(/img/icons/up2.svg) no-repeat 98% 50% !important;}

.mDim::before{ margin-top:64px;}

#wkModal {
	padding:40px 20px !important;
	z-index: 1000 !important;;
	overflow-y: auto !important;
}


#m2 #btnCloud1, #m2 #btnCloud2  {width:100%;}

a.goBack {display: grid; background: url(/img/icons/pathL.svg) no-repeat -6px 50%; color: var(--green-1); font-size: 12px; line-height:14px; padding-left: 20px;}

.col_4_4_2_1    {grid-template-columns: 1fr 1fr;}

.col_4_4_1_1	{grid-template-columns: 1fr;}

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

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

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

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

.col_3_3_1_1    {grid-template-columns: 1fr;}

.col_3_2_1_1    {grid-template-columns: 1fr;}

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

.col_2_2_1_1    {grid-template-columns: 1fr;}

.col_2_1_1_1	{grid-template-columns: 1fr;}

.fixDown	{margin-bottom:20px;}