@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&subset=latin-ext');

a									{color: black; text-decoration: none; background-color: transparent; font-family: "Roboto", sans-serif; font-size:14px;}
a:hover								{color: red; text-decoration: underline}
body								{font-family: "Roboto", sans-serif; font-size:15px; padding:0; margin:0}

.container							{max-width:800px !important; background:#fff}
.layerDiv							{background:white}
.pageContainerImg					{width:100%; margin:0 auto}
.video-btn							{width:100%; border:none; background:none}
.video-btn:hover					{width:100%; cursor:pointer}
.layerType4							{padding:15px}
.myAddToCartButton					{display:none}


/* varyant desgin */
.variantBlock						{display:inline-block; width:100%; margin:10px 0; background:#fff; padding:0}
.varyantSelectBox					{float:left; width:100%; margin:5px 0; border-top:2px solid var(--mainBorderHoverColor);}				
.varyantTitle						{float:left; width:100%;  padding:5px 2%; background: #f2f2f2;}				
.VariantBox							{float:left; width:100%;  margin:10px 0; padding:0}				
.VariantBox	li						{list-style: none; float:left; text-align: center; }				

.VariantBox label div:hover				{cursor: pointer; }
.VariantBox span						{width: 100%; text-align: center; display: inline-block; padding: 2%; font-family: tahoma; font-size: 11px; line-height: 12px;}
.VariantBox  li  label  div				{border: 2px solid #fff; }
.VariantBox > li > label > input:checked + div {border: 2px solid #090; }
.VariantBox .ProductsOptionsBoxImg		{position: relative; z-index: 10;  overflow: hidden;}
.VariantBox input						{position: absolute; z-index: -1; opacity: 0}
.ProductsOptionsBoxTitle				{font-weight: 500;  font-size: 14px; height: 26px; overflow: hidden;}
.ProductsOptionsName					{font-size: 12px;color: #666;}
.subVariant								{float:left; width:100%; text-align:center}
.subVariant	.form-control				{ text-align:center; display:inline-block}
.subVariant								{display:none}
.VariantImagesNone						{width:100%; padding:15px 0}
.VariantImagesNone	.ProductsOptionsBoxTitle{height: 40px; line-height: 36px; font-weight:bold; font-family: "Roboto", sans-serif;}
.hiddenForms			{padding: 0 !important; border: none !important; height: 0 !important; min-height: 0 !important; font-size: 0 !important; line-height: 0 !important;}


.table-striped div:nth-of-type(2n+1) > * {background:#fffbef;}
.table-striped .list-group-item {border-radius: 0 !important;}


.paymentOptions											{float:left; width:100%; padding:0}
.paymentOptions li										{float: left; width: 25%; list-style: none; margin: 0;}
.paymentOptions li  label								{margin-right: 1%; float: left; width: 98%; margin-bottom:6px !important}
.paymentOptions li	input								{position: absolute; z-index: -1; opacity: 0;}
.paymentOptions li	span								{display:inline-block; border:2px solid #eee;  font-style:normal; color:black; font-weight:bold; font-size:13px; border-radius:6px; width:100%; text-align:center; padding:13px 0}
.paymentOptions li	label:hover							{cursor:pointer}
.paymentOptions	img										{width:100%; }
.paymentOptions .paymentTypeImages						{padding:6px 4%;}

.cargoOptions											{float:left; width:100%; margin-bottom:0px; padding:0}
.cargoOptions li										{float: left; width: 25%; list-style: none; margin: 0 1% 0 0;}
.cargoOptions li	label								{margin-right: 1%; float: left; width: 98%; margin-bottom:6px !important}
.cargoOptions li	input								{position: absolute; z-index: -1; opacity: 0;}
.cargoOptions li	span								{display:inline-block; border:2px solid #eee;  font-style:normal; color:black; font-weight:bold; font-size:16px; border-radius:6px; width:100%; text-align:center; padding:6px 0}
.cargoOptions li	label:hover							{cursor:pointer}
.cargoTypeImages	img									{width: 100%;}
.labelImagesType  span									{display:inline-block; border:2px solid #eee; border-radius:0px !important; width:100%; text-align:center; padding:0px !important; min-height:48px !important}

.cargoAlert							{font-family:tahoma; font-size:12px; color:red; line-height: 15px;}
#doorFee							{display:none}
.paczkomatuNumber					{font-weight:normal; margin-left:5px; color:#999}




.orderButton							{background: #36ae36 !important; border: none !important; text-transform: none !important; font-size: 24px ;font-weight: normal !important; height: 52px !important;  width: 100%;}
.orderButton:hover						{background: #097d09 !important; border: none !important;}


.list-group-item					{padding: 8px;}
.priceList .badge-price				{float:right; background:black; color:white; font-size:14px; border-radius:4px; padding:6px 10px}
.priceList i						{font-family:tahoma; font-size:12px; color:#f00; font-style:normal; font-weight: normal;}
.ImagesProductPieceValue p			{margin-bottom:0px !important}
.priceList .free					{color:#090; margin-left: 10px;}
.orderLabel							{font-size: 14px; color: #666;}
.list-group-item.active				{border:1px solid #8ad05b; background:#8ad05b !important; }
.list-group-item.active i			{color:#fff }
#pricetotal							{font-weight:bold; font-style:normal;}

.paczkomatuNumber					{font-weight: normal;  color: black; font-size: 12px; position: absolute;  background: red;color: white; padding:0 6px}

.orderSuccessDiv					{padding: 30px; 0}
.responsive-img						{width:100%}
.ImagesProductPieceDiv .active		{border:2px solid #f00; background:#f7f7f7;}

.ImgPriceList						{float:left; Width:100%}
.ImagesProductPieceDiv				{float:left}
.productPriceLink					{border:2px solid #ccc; border-radius:4px; display:block; padding:5px; margin:5px}
.ImagesProductPieceImg				{float: left; width: 100%; text-align: center; }
.ImagesProductPieceName				{float: left; width: 100%; text-align: center; line-height: 15px; margin-top: 10px; min-height: 25px; }
.ImagesProductPieceValue			{width: 100%; display: inline-block; text-align: center; font-weight: bold; font-size: 18px;}
.ImagesProductPieceName i			{width:100%}
.ImagesProductPieceName i			{width: 100%; display: inline-block; margin: 0; }
.orderBanner						{float:left; width:100%; margin-top:15px}
.whatsappSupport					{width: auto !important; height: auto !important; position: fixed;bottom: 10px;right: 10px;z-index: 80;}
.whatsappSupport span				{font-size: 12px;text-align: center; color: #53cc61;font-weight: 800; text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);}
.whatsappSupport center				{background:#fff; border-radius:4px;}
.whatsappSupport:hover				{text-decoration: none}
#landingAddForm	.form-group			{margin-bottom: 6px;}
#landingAddForm						{padding-bottom: 25px;}
.input-group-text					{border-radius:4px 0px 0px 4px}
.containerPagehome					{padding:0px}
.containerPageorder					{max-width: 830px !important;}
#footer								{display: block; position: relative; background-color: #000; font-size: 14px; line-height:22px; font-weight: 400;  font-family: "Roboto", sans-serif; color:#999}
#footer .footer-content				{padding: 30px 0 30px;}
#footer .copyright-content			{padding: 10px 0; font-size: 13px;}
.footerContainer					{width: 1080px; margin: 0 auto; padding: 0px !important;}
.footer-logo img					{max-height: 62px; margin-bottom: 20px; background: #fff; border-radius: 6px; padding: 8px;}
#footer		p						{margin-bottom:5px}
#footer ul							{margin: 0; padding: 0; list-style: none;}
.social-icons						{margin-top:15px}
.social-icons ul li					{display: inline-block; margin: 0 15px 0 0;}
#footer a							{color:#999}
#footer a:hover, #footer a:active	{text-decoration: underline; outline: none; color:white}
.social-icons ul li	a				{font-size:21px}


.otherStore							{float:left; width: 100%;}
.otherStore	div						{float:left; width: 16%; margin:2%; text-align:center}
.otherStoreLogo						{max-width: 100%;}
.otherProducts						{float:left; width: 100%; margin-top:20px}
.otherProductsBox					{border:1px solid #ccc; margin-right: -1px; margin-bottom: -1px; float:left; width:23%; padding:0 1%}
.otherProductsList					{float:left; width:100%; text-align:center; margin:20px 0; }
.otherProductsImages img			{max-width:100%}
.otherProductsName					{float:left; width:100%; text-align:center; margin:5px 0; font-size:11px; line-height:12px; height:48px;  font-weight: normal; font-family:tahoma}
.otherProductsBox, .salesPrice		{font-weight:bold}
.cart-product-description span b	{font-weight:normal; color:#666; font-size:11px}
.oldPrice							{float:left; width:50%; text-align:left; font-size:14px; font-weight:normal; color:#b0afaf; text-decoration: line-through; height: 24px;}
.salesPrice							{float:left; width:50%; text-align:right; color:var(#09c);}




.norow								{display:flex; flex-wrap: wrap;}


.list-group.priceList {
    display: inline-block;
    width: 100%;
}







@media only screen and (max-width: 768px){
.container							{padding:0}
.orderForm							{padding:15px}
.orderForm .row						{margin-left:0; margin-right:0}
.orderForm .form-group				{padding-right:3px; padding-left: 3px; margin-bottom: 5px;}
.paymentOptions li					{width: 49%;}
.cargoOptions li					{width: 49%;}
.cargoOptions li span				{line-height:18px;  min-height:52px; font-size: 14px;}
.paczkomatuNumber					{position: absolute; top: 30px; right: 55px;}
. mobile-text-center				{text-align:center}
#footer								{padding:0 10px}
.footerContainer					{width: 100%;}
.col-12								{text-align:center}
.footerContainer > .row				{margin-right: 0px;margin-left: 0px;}
.orderButton						{font-size: 18px !important;}

.otherProductsBox					{width:48%;}

.otherProductsName					{font-size:11px; line-height:11px; overflow: hidden; height:46px;}
.otherProductsBox					{padding-right: 5px; padding-left: 5px;}
.otherProductsBox .oldPrice			{display:none}
.otherProductsBox .salesPrice		{width:100%; text-align:center}
.otherProductsList					{width:98%; margin:5px 2%; }
.otherStore	div						{margin: 5px; padding: 0; width: 30%;}




.variantselect						{background-image:none !important; padding: 0 5 0 0 !important; font-size: 13px;}


}