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, #mSearch, #mLang, .mOver  {height:44px;}

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

.mOver  {width:44px;}





#mSearch    {background: url(/img/icons/search.svg) no-repeat 50% 50%;}

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

#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: 22px; line-height:24px; font-weight:600;}

h2{font-size: 22px; line-height:24px; font-weight:500;}





#wkSlide    {padding:0;}

#wkSlider   {height:499px;}

.wkSlide {height:499px;}

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

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

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

.s1, .s2, .s3   {background-size: cover;}



.wkSlideContainer {border-radius:23px;}

.slideContent   {margin: 35px 20px 0 20px;}

a.btnOzon, a.btnWB, a.btnYM    {margin-top:30px; width:100%;}

a.btnWB, a.btnYM {margin-top: 10px;}

.btnVersion {margin-top:0; margin-bottom: 10px; width:100%;}

.slideContent h2{font-size: 22px; line-height: 120%;}

a.shop   {width:100%;}

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

.master {background-position: 0 50%;}

.visa   {background-position: 100% 50%;}

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




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

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

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

.loadL, .loadW, .checkServer, .selectPC   { width:100%; left:0;}

.version{font-size: 24px; line-height:26px; }

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

.load   {font-size: 16px; margin: 20px 0;}

.loadW    {bottom: 90px;}




#vendor {padding: 10px 20px 0 20px;}

#vendor p, #project p {line-height:20px;}


#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:320px; margin: 20px 0;}

.online {margin: 0 auto 40px; width:320px;}

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




#news   {margin: 0 13px;}

#nSlider a{min-height:500px;}

.nSlide {grid-template-columns: 1fr; height:100%; padding:10px;}

.nImg  {order: -1; width:300px; height:300px; margin: 0 auto;}

.nImg img{width:100%; height:100%; object-fit: cover;}

.nDate, .nText, .nMore  {position:static; margin-top: 20px;}

.nText	{font-size:16px; font-weight:600;}

.noImg  {max-width: 100%;}

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

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

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

a.seeNews   {height:24px; line-height: 24px;}


.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:15%; }

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






#menu {display:block;}

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

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

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

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






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

#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%;}

.m  {padding:0;}






#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 {
    width: 100% !important;
    height: 100% !important;
	padding:40px 20px !important;
	z-index: 1000 !important;
	overflow-y: auto !important;
}

.pHide  {display: none;}

#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, .col_4_4_1_1, .col_4_3_2_1, .col_3_3_3_1, .col_3_3_1_1, .col_3_3_2_1, .col_3_2_1_1, .col_2_2_2_1, .col_2_2_1_1, .col_2_1_1_1   {grid-template-columns: 1fr;}

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

.fixDown	{margin-bottom:20px;}

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