body {
        scroll-behavior: smooth;
}

body {font-family: 'Open Sans', sans-serif;}
.PriceTxt	{color:black; font-size:20px; }
.ProductPiece  label {width:100% ; }
.ProductPiece  label:hover {cursor:pointer ; }
.ProductPiece  input { margin:12px;}
.ProductPiece  ul {padding-right:0 !important}

.cargo-options							{padding: 0;}
.cargo-options li						{display:inline-block}
.cargo-options li	input				{position: absolute; z-index:-1;  top: 5px;left: 5px;}
.cargo-options li	i					{display:inline-block;  margin-right:10px; font-style:normal; color:#000; font-size:15px; border-radius:8px; cursor:pointer; border:2px solid #000; background:#f4f4f4; padding:6px 10px}
.cargo-options li	i:hover				{border:2px solid black; }
.cargo-options li label > input:checked + i { border:2px solid #02751d; background:#218838; color:#fff}
.cargo-options li	i img				{height:50px}


.ProductPiece ul > li > label > input + div { border: 1px solid #ccc; width:100%; padding: 5px 10px; border-radius: 4px; ; background:white}
.ProductPiece ul > li > label > input:hover + div { border: 1px solid #000}
.ProductPiece ul > li > label > input:checked + div { border: 1px solid #090; }

.payment-options li						{display:inline-block}
.payment-options li	input				{position: absolute; z-index:-1}
.payment-options li	i					{display:inline-block; border:1px solid #ccc; background:#dadada; padding:5px 10px; margin-right:6px; font-style:normal; color:black; font-size:13px; border-radius:8px; cursor:pointer}
.payment-options li	i:hover				{border:1px solid black; color:white; background:#666 }
.payment-options li label > input:checked + i {background: black none repeat scroll 0 0; border:1px solid black; color: white;}
.orderBtn								{font-size:20px}
.smart-link								{font-size:12px; line-height:12px}


.varyantbox								{display:inline-block}
.varyantbox label div					{border: 3px solid #fff; margin-bottom:4px; padding:3px ; background:#fff}
.varyantbox label div:hover				{cursor: pointer; }
.varyantbox span						{width: 100%; text-align: center; display: inline-block; }
.varyantbox > label > input:checked + div {border: 3px solid #090; }
.varyantbox .ProductsOptionsBoxImg		{position: relative; z-index: 10;  overflow: hidden;}
.varyantbox .ProductsOptionsBoxImg img	{max-width: 100%;}
.varyantbox input						{position: absolute; z-index: -1; opacity: 0}
.ProductsOptionsBoxTitle				{font-weight: bold;  font-size: 13px; }
.ProductsOptionsName					{font-size: 12px;color: #666;}

.optionlist {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.varyantbox label {
  margin: .5rem;
}


.piece2									{width: 46%;  margin: 1%;}
.piece3									{width: 33%;  margin: 0%;}
.piece4									{width: 25%;  margin: 0%;}
.piece5									{width: 20%;  margin: 0%;}
.piece6									{width: 16%;  margin: 0%;}
.piece8									{width: 25%; margin: 0%;}
.piece9									{width: 33%; margin: 0%;}
.piece10								{width: 20%; margin: 0%;}
.piece11								{width: 15%; margin: 0%;}
.piece13								{width: 14%; margin: 0%;}
.piece18								{width: 16.6666%; margin: 0%;}

.paymentsLogoImg						{width:640px !important}


li.orderPriceImgBlock6 {width: 33.3333%; float: left;}


.orderFormBlock6 .orderPriceImgBlock4 
{width: 50% !important; float:left}





.ProductPieceBox2						{width: 50%; margin: 0%; float: left;}

.PaymentVariantSelect select			{display: initial;  font-size:13px}
.ProductPiece ul li label:hover			{cursor:pointer}

.fyatDiv {float: right;  width: 60%;position: relative; margin: 15px 0;}
.ProductPiece img {left: 0%; bottom:0; width: 100%; }
.ImgPrice			{font-weight:bold; font-size:18px}
.ImgPriceTxt	 {font-weight:bold; font-size:32px}
.PriceImg h4	 {font-weight:normal; font-size:14px; color:#666}
.form-control		{font-size:20px !important}
.ImgPriceText {font-weight: bold; font-size: 32px; text-align: center; width: 100%; display: inline-block;}

li.ProductPieceBox3.piecemargin {
    width: 33%;
    float: left;
}


.priceImgagesSelect {display:none}

.row.PriceImg {
    border: none !important;
    padding: 0;
    margin: 0;
}

.PriceImg .col-md-12 {padding:0 !important}

.ProductPiece ul > li > label > input + .PriceImgDiv	{border:none; padding:0px; }
.ProductPiece ul > li > label > input:hover + .PriceImgDiv { border:none; cursor:pointer}
.ProductPiece ul > li > label > input:checked + .PriceImgDiv { border:none; background:#fff7d6; float:left }
.PriceImgInput		{position: absolute;left: 0px; top: 0px; margin:0px !important; z-index: -1; }
.PriceImg img {width:100%}
.PriceImg img:hover {cursor:pointer}
.PriceImgLabel	{margin:0px;}

	@media only screen and (max-width: 768px){

.piece4									{width:25% !important;}
.piece3									{width:32% !important;}
.piece5									{width:33% !important;}
.piece8									{width:50%}
.piece9									{width:33%}
.piece10								{width:20%}
.piece11								{width:21%; margin: 0%;}
.piece13								{width:25%}
.piece18								{width:25%; margin: 0%;}


li.orderPriceImgBlock6 {width: 100%;}
.orderFormBlock1409 li.orderPriceImgBlock6 {width: 100%;}
.orderFormBlock1430 li.orderPriceImgBlock6 {width: 100%;}
.orderFormBlock1409 li.orderPriceImgBlock6 {width: 100%;}




.margin-none {margin: 0;}
.paddings-none {padding: 0;}



.varyantbox label 						{width:100%}
.ImgPriceText							{ font-size: 18px; line-height: 18px; text-align:left}

/*.payment-options.row					{margin-left: -50px;}*/
.ProductsOptionsBoxTitle				{font-weight: normal;  font-size: 12px; }
.PaymentVariantSelect select			{width: 70%;}

.piriceTitle {line-height:12px}

.ImgPrice {

    font-size: 12px;
}

.cargoText {
    display: block;
    text-align: right;
}


.ImgPriceTxt {

    font-size: 15px;
	color:#090
}

.PriceImg h4 {
    font-size: 10px;

}

.paymentsLogoImg						{width:100% !important}
.orderBtn {  font-size: 18px;}


	}



.card-header	{border-radius:4px; text-align:right; display:none}


.help-block {display:none !important}
.has-error .form-control			{border-color: #a94442;  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.has-error .form-control:focus		{border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;}
.has-success .form-control			{border-color: #3c763d;  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.has-success .form-control:focus	{border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;}




.select2-container .select2-selection--single { height: 40px;}
.select2-container .select2-selection--single .select2-selection__rendered {font-size: 19px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #000;}


.paymentNote span {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ff0;
  background: #c00;
  border-radius: 4px;
  padding: 10px 0;
  margin-bottom: 15px;
  font-weight: bold;
}


.orderFormBlock1838 li.orderPriceImgBlock4,
.orderFormBlock1840 li.orderPriceImgBlock4,
.orderFormBlock1841 li.orderPriceImgBlock4,
.orderFormBlock1842 li.orderPriceImgBlock4,
.orderFormBlock1843 li.orderPriceImgBlock4,
.orderFormBlock1844 li.orderPriceImgBlock4,
.orderFormBlock1845 li.orderPriceImgBlock4,
.orderFormBlock1846 li.orderPriceImgBlock4,
.orderFormBlock1847 li.orderPriceImgBlock4,
.orderFormBlock1874 li.orderPriceImgBlock4,
.orderFormBlock1875 li.orderPriceImgBlock4,
.orderFormBlock1876 li.orderPriceImgBlock4,
.orderFormBlock1877 li.orderPriceImgBlock4,
.orderFormBlock1878 li.orderPriceImgBlock4,
.orderFormBlock1879 li.orderPriceImgBlock4,
.orderFormBlock1880 li.orderPriceImgBlock4,
.orderFormBlock1881 li.orderPriceImgBlock4,
.orderFormBlock1882 li.orderPriceImgBlock4,
.orderFormBlock1883 li.orderPriceImgBlock4,
.orderFormBlock1884 li.orderPriceImgBlock4,
.orderFormBlock1885 li.orderPriceImgBlock4,
.orderFormBlock1886 li.orderPriceImgBlock4,
.orderFormBlock1887 li.orderPriceImgBlock4,
.orderFormBlock1889 li.orderPriceImgBlock4,
.orderFormBlock1890 li.orderPriceImgBlock4,
.orderFormBlock2418 li.orderPriceImgBlock4,
.orderFormBlock2418 li.orderPriceImgBlock4,
.orderFormBlock2419 li.orderPriceImgBlock4,
.orderFormBlock2420 li.orderPriceImgBlock4,
.orderFormBlock2421 li.orderPriceImgBlock4,
.orderFormBlock2422 li.orderPriceImgBlock4,
.orderFormBlock2423 li.orderPriceImgBlock4,
.orderFormBlock2424 li.orderPriceImgBlock4,
.orderFormBlock2442 li.orderPriceImgBlock4,
.orderFormBlock2479 li.orderPriceImgBlock4,
.orderFormBlock2480 li.orderPriceImgBlock4,
.orderFormBlock2481 li.orderPriceImgBlock4,
.orderFormBlock2482 li.orderPriceImgBlock4,
.orderFormBlock2483 li.orderPriceImgBlock4
.orderFormBlock2502 li.orderPriceImgBlock4,
.orderFormBlock2503 li.orderPriceImgBlock4,
.orderFormBlock2504 li.orderPriceImgBlock4,
.orderFormBlock2505 li.orderPriceImgBlock4,
.orderFormBlock2506 li.orderPriceImgBlock4,
.orderFormBlock2507 li.orderPriceImgBlock4,
.orderFormBlock2508 li.orderPriceImgBlock4,
.orderFormBlock2728 li.orderPriceImgBlock4

{width: 50%; float: left;}

.orderFormBlock2502 li.orderPriceImgBlock4 img,
.orderFormBlock2503 li.orderPriceImgBlock4 img,
.orderFormBlock2504 li.orderPriceImgBlock4 img,
.orderFormBlock2505 li.orderPriceImgBlock4 img,
.orderFormBlock2506 li.orderPriceImgBlock4 img,
.orderFormBlock2507 li.orderPriceImgBlock4 img,
.orderFormBlock2508 li.orderPriceImgBlock4
{max-height:950px}



.alert-message {
  width: 320px;
  bottom: 150px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: none;
  position: fixed;
  z-index: 5000;
  background:black;
  color:#fff;
  padding:5px 5px 20px 20px;
  font-size:12px
}

.alert-buton {
  float: right;
  width: 100%;
  text-align: right;
  margin-bottom: 15px;
}

.alert-buton a {
  color: red;
  font-size: 15px;
  font-weight: bold;
  font-family: arial;
  padding: 5px;
}


.alert-buton a:hover {
  color: white;

}

.modal-body strong {width:100%; display:inline-block;}







@media only screen and (max-width: 768px){

.orderFormBlock2502 li.orderPriceImgBlock4 img,
.orderFormBlock2503 li.orderPriceImgBlock4 img,
.orderFormBlock2504 li.orderPriceImgBlock4 img,
.orderFormBlock2505 li.orderPriceImgBlock4 img,
.orderFormBlock2506 li.orderPriceImgBlock4 img,
.orderFormBlock2507 li.orderPriceImgBlock4 img,
.orderFormBlock2508 li.orderPriceImgBlock4
{max-height:350px}























}