/*
.box-936 { width: var(--w-936); margin:0 auto; display: var(--flex); }
.box-10{ width: calc(calc(var(--w-10) - 3px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-20 { width: calc(calc(var(--w-20) - 2px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-25{ width: calc(calc(var(--w-25) - 4px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-30 { width: calc(calc(var(--w-33) - 3px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-50{ width: calc(calc(var(--w-50) - 3px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-70 { width: calc(calc(var(--w-70) - 2px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-80{ width: calc(calc(var(--w-80) - 3px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-90{ width: calc(calc(var(--w-90) - 3px) - calc(var(--m10)*2)); margin: var(--m10); }
.box-100{ width: calc(calc(var(--w-100)- 1px) - calc(var(--m10)*2)); margin: var(--m10); display:block !important;  }
.box-30-form { width: calc(calc(var(--w-33) - 3px) - calc(var(--m5)*1)); margin: var(--m0) var(--m5) var(--m0) var(--m0); }
.nav { width: var(--w-100): }
*/

#ar1, #ar2, #ar3, #ar4, #ar5, #ar6, #ar7, #ar8, #ar9, #ar10 { 
	// border: 1px solid red; 
	display: inline-block; 
	vertical-align: top; 
}

#ar1 { width: var(--w-100); display:block !important; max-width: var(--main-max); margin:0 auto;}
#ar2 { width: calc(var(--w-936)- 1px) ; display:block !important; max-width: var(--main-max); margin:0 auto; clear: both;}
#ar3 { width: var(--w-100); display:block !important;  }
#ar4 { width: calc(var(--w-50) - 3px); }
#ar5 { width: calc(var(--w-50) - 3px); }
#ar6 { width: var(--w-100); display:block !important; max-width: var(--main-max); margin:0 auto;}
#ar7 { width: calc(var(--w-70) - 2px); }
#ar8 { width: calc(var(--w-33) - 3px); }
#ar9 { width: calc(var(--w-50) - 5px); }
#ar10 { width: calc(var(--w-50) - 5px); }
#ar11 { width: calc(var(--w-100)- 1px) ; display:block !important; }

#main { width: auto; margin:0 auto; display:block !important; padding-top: var(--h-header); }
#contein { width: var(--w-936); margin:0 auto; display:block !important; }
#main { padding: var( --padding-menu-1);  padding-top: calc(var(--h-header) + 5px);}


@media screen and (max-width: 800px) {
	#main { padding: var( --padding-menu-1);  padding-top: 0px;}
	.padding-mobile { padding-left: 10px; padding-right: 10px;  }

}

@media screen and (max-width: 1300px) {
	.padding-mobile { padding-left: 10px; padding-right: 10px;  }

}