@charset "utf-8";
/*************************************/ 
.blkmill, .blkmill1 {
	display: block;
	position: relative;
	width:29.06em;
	height: 34.06em;
	margin:1.3em 4.69em 2em 1em;
	background-color:#f5f5f5;
	border: 1px solid #275f96;
	-webkit-box-shadow:  -15px 15px #275f96;
	-moz-box-shadow:  -15px 15px #275f96;
	box-shadow: -15px 15px #275f96;
}
#mygallery {
	width: 100%;
	height: 100%;
}
.table{
	display: block;
	position: relative;
}
.col1, .col2 {
	width: 50%;
	float: left;
}
.col1 ul{
	list-style: none;
	margin: 10px 10px 10px 0;
}
.col2 ul{
	list-style: none;
	margin: 10px 0 10px 10px;
}
.col1 li,
.col2 li{
	height: 3em;
	padding:1em 1.69em;
}
.col1 li:nth-child(odd),
.col2 li:nth-child(odd){
	background-color: rgba(39,95,150,0.20);
}
.col1 li:nth-child(even),
.col2 li:nth-child(even){
	background-color: rgba(39,95,150,0.06);
}
.col1 li:last-child,
.col2 li:last-child {
	border-bottom: solid rgba(39,95,150,0.20);
}
.rightcln {
	font-size: 1.03em;
	font-weight: 800;
	float: right;
}
#size {
	float: left;
	width: 190px;
	line-height: 18px;
	margin-top: -10px;
}
.thrstr{
	width: 210px;
	line-height: 16px;
	margin-top: -15px;
	text-align: right;
}
.col1 li,
.col2 li{
	font-size: 1.03em;
	font-weight: 600;
}
.clear{clear: both;}

.result {
  max-width: 100vw;
  margin: 20px 0 20px;
  padding: 1px 0 10px;
  background: #f4f5f7;
}
.A2XS {
  max-width: 100vw;
  margin: 40px 0 50px;
  background:url(../images/2XSinvert1.png) no-repeat 93% 10% #f4f5f7;
  background-size: 45%;
}
#A2XS{
	display: block;
	position: relative;
	/*margin-left: 1em;*/
	padding-bottom: 4em;
	width: 38em;
	text-align: center;	
}
#A2XS #unic{
	font-size: 2.2em;
	font-weight: 800;
	color: #3f6184;
	padding: 35px 0 15px;
}
#A2XS #inner{
	display: block;
	background: #fff;
	width: 38em;
	padding: 25px;
	font-size: 1em;
	font-weight: 500;
}
#u2xs{
	float: right;
	margin-top: 13px;
}
/*******************************/ 
/* Запуск адаптивного кода  */
@media screen and (max-width: 1160px)/*1050-1160*/{ 
.blkmill, .blkmill1  {
	margin-right: 1.5em;
	width:25.94em;
	height: 30.4em;
}
.siz {
	float: left;
	width: 190px;
	line-height: 18px;
	margin-top: -10px;
}
.result {
  margin-bottom: 40px;
  padding: 10px 0 20px;
}
#A2XS{
   width: 33.88em;
  /* margin-left: 2.5em;*/
   padding-bottom:3em;
}
#A2XS #inner{
	width: 33.88em;
	padding: 25px;
}
#u2xs{
	margin-top: 25px;
/*	margin: 25px -10px 0 0;*/
	transform: scale(0.9)
}
}
@media screen and (max-width : 1050px ){ 
.blkmill, .blkmill1  {
	margin-right: 1.25em;
	width:23.35em;
	height: 27.37em;
}
.col1 li,
.col2 li{
	padding:1em 1.2em;
}
#A2XS{
  /* margin-left: 2em;*/
	width: 32.88em;
}
#A2XS #unic{
	font-size: 2.0em;
	padding: 35px auto 15px;
}
#A2XS #inner{
	width: 32.88em;
}
#u2xs{
	margin-top: 25px;
/*	margin: 25px -10px 0 0;*/
	transform: scale(0.9)
}
}
@media screen and (max-width: 997px)/*906-997*/{
.blkmill, .blkmill1  {
	width:22.05em;
	height: 25.85em;
}
.col1, .col2 {
  font-size: 0.9em;
	}
.rightcln {
	font-size: 1em;
}
.thrstr{
	line-height: 15px;
	margin-top: -15px;
}
.A2XS {
  background:url(../images/2XSinvert1.png) no-repeat 93% 0% #f4f5f7;
}
#A2XS{
  /* margin-left: 1.5em;*/
   width: 29em;
	text-align: center;	}
#A2XS #unic{
	padding: 25px 0 10px;
	font-size: 1.7em;
}
#A2XS #inner{
	width: 32em;
	padding: 20px;
	font-size: 0.9em;
}
#u2xs{
	margin-top: 25px;
	transform: scale(0.85)
}
}
@media screen and (max-width: 905px){  
.blkmill, .blkmill1  {
	width:19.46em;
	height: 22.8em;
	margin:1.3em 1.56em 2em 1em;
	-webkit-box-shadow:  -10px 10px #275f96;
	-moz-box-shadow:  -10px 10px #275f96;
	box-shadow: -10px 10px #275f96;
}
.table{
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
}
.table-col{
	display: block;	
	}
.col1, .col2 {
	width: 100%;
}
.col1 li,
.col2 li{
	height: 2.813em;
    padding:0.9em 0.5em;
}
.col2 ul{
	margin:-2px 0 30px;
}
.col1 ul{
    margin-right: 0;
}
.siz {
	width: 280px;
	line-height: 35px;
}
#size {
	float: left;
	width: 190px;
	line-height: 16px;
	margin-top: -10px;
}
.result {
  margin-top: 30px;
}
.A2XS {
	width: 100%;
	height: 840px;
    background:url(../images/2XSinvert1.png) no-repeat 53% 100% #f4f5f7;
    background-size: 67%;
}

.smallmill{
		display: block;
		position: relative;
		width: 100%; 
		max-width: 900px;
	    height: 370px;
		margin: 0 auto;
	}
#A2XS{
	margin: 2em auto;
	width: 34em;
	max-width: 900px;
}
#A2XS #unic{
	font-size: 2.2em;
	padding: 35px 0 15px;
}
#A2XS #inner{
	width: 34em;
	padding: 20px;
	font-size: 1em;
}
#u2xs{
	position: absolute;
	top: 98%;
	left: 28%;
	z-index: 1;
	transform: scale(0.95)
}
	.gap{
		margin-top: 2em;
	}
}
@media screen and (max-width: 768px) {
.blkmill, .blkmill1  {
	margin: 3.5em 1.56em 1em 0.7em;
	width:17.938em;
	height: 21em;
}
.blkmill1  {
	margin: 4.75em 1.56em 1em 0.7em;
}
.A2XS {
	height: 760px;
	 background:url(../images/2XSinvert1.png) no-repeat 55% 100% #f4f5f7;
	background-size: 70%;
}

.smallmill{
		max-width: 760px;
	}
#u2xs{
	top: 83%;
	left: 24%;
	z-index: 1;
	transform: scale(0.85)
}
#A2XS{
	margin: 2em auto;
	width: 30em;
	max-width: 760px;
}
#A2XS #unic{
	font-size: 1.563em;
	padding: 25px 0 10px;
}
#A2XS #inner{
	font-size: 0.875em;
}
#A2XS #inner img{
	transform: scale(0.95);
}
}

@media only screen and (max-width: 660px){ 
.blkmill, .blkmill1  {
	margin-right: 1.25em;
	width:16em;
	height: 18.73em;
}
#A2XS{
	margin: 2em auto;
	width: 24em;
	max-width: 660px;
}
#u2xs{
	top: 90%;
	left: 22%;
	z-index: 1;
	transform: scale(0.75)
}
#A2XS #inner{
	width: 28em;
	padding: 20px;
}
} 

@media only screen and (max-width: 520px ){ 
.blkmill, .blkmill1  {
	display: block;
	position: relative;
	margin: 5em 0.5em 2em;
	width:23em;
	height: 26.91em;
	/*align-items: center;
	justify-content: center;*/
	text-align: center;
	max-width: 460px;
}
.blkmill1  {
	margin: 7.5em 0.5em 2em;
}
.table{
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
}
.col1, .col2{
	width: 100%;
}
.col1 li:last-child {
	border-bottom: none;
}
.col2 li:last-child {
	border-bottom:2px solid rgba(39,95,150,0.20);
}
.col1, .col2{
	font-size: 0.9em;
}
.rightcln {
	font-size: 0.96em;
}
.col2 ul{
	margin:-5px 0 30px;
}
.siz{
	width: 200px;
	line-height: 16px;
	margin-top: -8px;
	}
.A2XS {
	height: 730px;
	 background:url(../images/2XSinvert1.png) no-repeat 40% 95% #f4f5f7;
	background-size: 77%;
}
#A2XS{
	margin: 2em auto;
	width: 23em;
	max-width: 460px;
}
#u2xs{
	top: 85%;
	left: 2%;
	z-index: 1;
	transform: scale(0.65)
}
#A2XS #inner{
	width: 26em;
	padding: 15px 15px 5px;
}
#A2XS #inner img{
	transform: scale(0.90);
}
} 

@media screen and (max-width: 400px){ 
.blkmill, .blkmill1  {
	width:20em;
	height: 23.4em;
	max-width: 330px;
}
.col1, .col2{
	font-size: 0.86em;
	line-height: 16px;
}
.rightcln {
	font-size: 0.92em;
}
	.siz1{
	width: 150px;
	line-height: 16px;
	margin-top: -8px;
	}	
#size, .siz{
	width: 180px;
	line-height: 16px;
	margin-top: -10px;
	}
.siz1{
	float: left;
	width: 190px;
	line-height: 16px;
	margin-top: -8px;
	}
.thrstr{
	line-height: 14px;
	margin-top: -31px;
	text-align: right;
}
.A2XS {
	height: 730px;
	 background:url(../images/2XSinvert1.png) no-repeat 40% 98% #f4f5f7;
	background-size: 95%;
}
#A2XS #inner{
	width: 24em;
}
#u2xs{
	top: 92%;
	left: -9%;
}
}