@font-face {font-family: proxima_bold;src: url(../../fonts/proxima/ProximaNovaBold.otf);}
@font-face {font-family: proxima_black;src: url(../../fonts/proxima/ProximaBlack.otf);}
@font-face {font-family: proxima_regular;src: url(../../fonts/proxima/ProximaNovaRegular.otf);}
@font-face {font-family: proxima_semibold;src: url(../../fonts/proxima/ProximaNovaExCn-Semibold.otf);}
@font-face {font-family: proxima_light;src: url(../../fonts/proxima/ProximaNovaExCn-Light.otf);}

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


.ProductPiece ul > li > label > input + div { border: 1px solid #ccc; width:100%; padding: 5px 10px; border-radius: 0.25rem; 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 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;}

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




li.orderPriceImgBlock4 {width: 50%; float: left;}
li.orderPriceImgBlock6 {width: 33.3333%; 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:19px !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: relative;left: 25px; top: 25px; 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: 50%;}



.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 {
	font-size:14px;
    display: block;
    text-align: right;
}


.ImgPriceTxt {

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

.PriceImg h4 {
    font-size: 10px;

}
	}



.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;}