@import "layout2-colors.css";

 
.body .container {max-width  :1190px;width : unset;}
 
.vbox {
	border-radius: 15px; 
	overflow: hidden;
	box-shadow: 0px 3px 12px #00000008;
	transition: all .3s ease-out;
}

.vbox:hover {
	box-shadow: 0px 3px 12px #00000029;
}

.vbox .vbox-inner {
	padding : 15px 15px 20px 15px;
	position : relative;
}

.vbox .venobox .thumbnail {
	border : 0;
    width: 100%;
    max-height: 247px;
    object-fit: cover;	 
	padding : 0;
	border-radius : 0;
	margin-bottom : 0;
}

#menu-basket .icon-basket {
	display: inline-block;
}

span.form-control-feedback {
	position: inherit;
	display: inherit;
	width: auto;
}

#content .form-validate .invalid {
    border-color: red;
}

#content .form-validate .invalid .form-control-feedback {
    color: red;
}

.venobox .thumbnail {
	padding : 0;
	border-radius : 20px;
	border: 0;
	width : 100%;
}

.vbox .product-name {
    margin: 10px 0;
    display: block;
}

.vbox .category-image {
	display : block;
}

.vbox .category-image > img {
    border: 0;
    width: 100%;
    max-height: 278px;
    object-fit: cover;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    margin: auto;
    display: block;
}

.vbox > a > img {
    display: block;
    max-height: 278px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.box3 {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr;
	grid-gap : 30px; 
	width: 100%;
}	

.box4 {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr;
	grid-gap : 30px; 
	width: 100%;
}	

.box2 {
	display : grid;
	grid-template-columns : 1fr 1fr;
	grid-gap : 7%; 
}	

.box21 {
	display : grid;
	grid-template-columns : 2fr 1fr;
	grid-gap : 30px; 
}	

.cartsuma.box4 {
	display: grid;
    grid-template-columns: 40% 1fr 1fr 1fr;
	align-content: center;
}

.box5 {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	align-items: center;
}

.flexbox {
	display : flex;
	width : 100%;
}

.flexbox21 > div:first-child {
	width : 60%;
}


.flexbox21 > div:last-child {
	width : 40%;
}

.fscontrols .radio .cr, #jform_copy_invoice .radio .cr {
	display: none;
}

#jform_tax_invoice .btn-group, #jform_copy_invoice .btn-group {
	width: 100%;
}

#jform_tax_invoice .btn-group .btn, #jform_copy_invoice .btn-group .btn {
	margin-right: 20px;
}

.vbox .plusOne, .vbox .minusOne, .layout2 .plusOne, .layout2 .minusOne  {
    font-size: 70px;
    width: 40px;
    height: 40px;
    font-weight: 200;
	border-radius : 100px;
	display : flex;
    padding-top: 10px;
    box-sizing: border-box;
	justify-content: center;
	cursor : pointer;
	line-height: 14px;
}


.vbox .plusminus, .layout2 .plusminus {
	display : grid;
	align-content : center;
	grid-template-columns: 40px 40px auto;
	grid-gap : 10px;
	overflow : hidden;
}

.vbox .countBasket, .layout2 .countBasket {
	border-radius : 0;
	height : 40px;
    box-sizing: border-box;
    width: 100%;
	font-size : 18px;
	text-align  :center;
}

.vbox .btn, .layout2 .btn, .gotobasket, .gotoorder, .payubutton {
	border-radius : 20px;
	border : 0;
	padding : 10px 25px;
	box-shadow : none;
	text-shadow : none;
	line-height: 22px;
	max-width : 230px;
	width : 100%;
	box-sizing: border-box;
}

.gotobasket {
	display : block;
	margin : 20px 0;
	width : 100%;
	text-align  :center;
	max-width  :unset;
}

#menu-basket {
	width : unset !important;

}

#menu-basket a .icon-basket:before {
	display : none;
}

#menu-basket a > .icon-basket {
	width : unset !important; 
	height : auto !important;
	background-position : top 10px right 20px !important;
	padding: 10px 20px;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-top-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-topright: 40px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
}

#menu-basket a .fso_totalCount {
	position : relative;
	top  :unset;
	left : unset;
	background : transparent;
	border : 0;
	color : #455AFF;
	padding-right : 60px;
	font-size : 14px;
	font-weight : 400;
	display : inline;
}


#menu-basket a .cart {
	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 0;
	border-radius: 30px;
	border-top-right-radius: 0;
	box-shadow: 0px 6px 5px 1px rgba(221,221,221,0.75);
	-webkit-box-shadow: 0px 6px 5px 1px rgba(221,221,221,0.75);
	-moz-box-shadow: 0px 6px 5px 1px rgba(221,221,221,0.75);
	max-width : 370px;
}


#mask-menu {
	width  :100% !important;
}

.aligncenter {
	padding : 0 25%;
}

.aligncenter .plusminus .plusOne{
	order : 3;
}

.aligncenter .plusminus {
	grid-gap : 10%;
	margin : 30px 0;
	grid-template-columns: 40px 70px 40px;
}

.aligncenter .category-name {
	color : #626262;
	margin-bottom : 20px;
}

.aligncenter .price_content {
    display: flex;
    flex-direction: column;
}

.aligncenter .price_content .a_price {
	order : 2;
	margin: 10px 0;
}

.aligncenter .price_content .pprice {
	order : 1;
}

.aligncenter .price_content .smalltext {
	order : 3;
}

.product_title {
	margin-bottom : 30px;
}

.pprice {
	font-size : 18px;
}

.vbox .a_price, .vbox .pprice {
	display: inline-block;
}

.vbox .price_content {
	margin-bottom : 20px;
}

.vbox .pprice {
	margin-left : 10px;
}
.uppercase {
	text-transform : uppercase;
}

.description {
	margin : 30px 0;
}

.layout2 .slider-nav {
	text-align : left;
}

.layout2 .slider-nav > div {
	margin-right : 30px;
	width : auto;
	height : auto;
	width: 100% !important;
}

.layout2 .slider-nav > div .thumbnail {
	width : 170px;
	height : 113px;
	object-fit : cover;
	padding : 0;
	border  :0;
}

.description ul, .delivery ul {
	list-style : none;
	margin-left : 0;
}

.description ul > li, .delivery ul > li {
	background : url('../../images/layout2/bullet.png');
	background-position : left;
	background-repeat : no-repeat;
	margin-left : 0;
	padding-left : 20px;
	margin-bottom : 10px;
}
	
.delivery {
	border-top : solid 1px #B9BDDD;
	margin-top : 30px;
	padding-top : 20px;
}

.delivery ul {
	margin-top : 20px;
}

#filters input {
	background : #ffffff;
	border-radius : 0;
	padding : 10px 20px;
    width: unset;
    display: inline-block;
	font-size: unset;
    height: unset;
	margin-bottom : 9px;
}

#filters input[type="number"] {
	margin-right : 30px;
	margin-bottom : 9px !important;
	width : auto;
	box-sizing: border-box;
	padding: 10px 20px;
}

#filters label[for="filter_search"] {
	display : none;
}

.fsbasket, .fssearch {
	display : inline-block;
}

.fsbasket {
	float : right;
	margin-top: -10px;
	margin-bottom : 70px;
}

.fso_itemsBasketList #totalPrice { 
	margin : 10px 0;
}

.basket-list-image .thumbnail {
	border : 0;
	padding : 0;
	width : unset !important;
}

.basket-list-item {
	border-bottom: solid 1px #B9BDDD;
	padding : 20px 0;
}

.basket-item {
	font-size : 14px;
	font-weight : 400;
	max-width: 80%;
    display: block;
}

.basket-list-content {
	position : relative;
}
.basket-list-content span[data-action="delete"], .carttable span[data-action="delete"] {
	position : absolute;
	right : 0;
	top : 0;
	cursor : pointer;
}

#menu-basket .clearBasket {
	display : block;
	width  :100%;
	margin-top  :20px;
}

.carttable {
	position : relative;
	vertical-align: middle;
	border-bottom : solid 1px #B9BDDD;
	padding : 20px 0;
}
.carttable.box5 {
    grid-template-columns: 20px 200px 1.5fr 1fr 1fr;
}

.carttable > div:last-child {
	text-align : right;
}

.carttable.table .thumbnail {
	width : unset !important;
	height : unset !important;
	max-width : 170px;
	max-height : 113px;
	border: 0;
    padding: 0;
}

.carttable h5 {
	margin-bottom : 0;
}

.carttable .plusminus {
	justify-content: center;
}

.carttable .addToBasket {
	margin : auto;
	display: block;
}

.aligncenter .plusminus .plusOne, .carttable .plusminus .plusOne {
	order : 3;
}

.aligncenter .plusminus, .carttable .plusminus {
	grid-gap : 10%;
	grid-template-columns: 40px 70px 40px;
}

.inline {
	display : inline-block;
}

.cartsuma {
	min-height: 200px;
}

.cartsuma > div:first-child {
	padding-top: 6px;
}

.cartsuma .smalltext {
	margin-bottom : 5px;
}

.form-group {
	margin-top : 40px;
}

.form-group.box5 {
	grid-gap: 2%;
	grid-template-columns: 1.5fr 1fr 1fr .5fr 1fr;
}

.form-group.box3 {
	grid-gap: 2%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.fscontrols {
	margin: 10px 0 20px;
}


#filter_category_id {
    color: #B9BDDD !important;
    font-family: 'Prompt', sans-serif !important;
    width: 100%;
    padding: 15px;
    height: 50px;
	border: solid 1px #B9BDDD !important;
}

.payform sub {
	font-size : 100%;
}

.payform {
	border-top: solid 1px #B9BDDD;
	padding-top  :30px;
}

.chzn-container {
	width : 100% !important;
}

.slick-list {
	max-width : 100%;
}
.slider-nav .slick-slide {
	margin-right: 10px;
}

.layout2 .slick-prev:before, .layout2 .slick-next:before {
	content : " ";
	width: 16px;
    height: 16px;
    display: block;
}

.layout2 .slick-prev:before {
	background : url('../../images/layout2/back.png');
}

.layout2 .slick-next:before {
	background : url('../../images/layout2/forward.png');
}

.slider .slick-next {
    right: 30px;
	z-index : 1
}

.slider .slick-prev {
    left: 30px;
	z-index : 1
}

.slider-nav  .slick-next {
	top : 40%;
	right: -16px;
}

.slider-nav  .slick-prev {
	top : 40%;
	left: -16px;
}

.basket_products_list_summary_table {
	width : 100%;
}

.basket_products_list th {
	text-align : left;
}

.basket_products_list th:last-child {
	text-align : right;
}

.basket_products_list_products td:last-child {
	text-align : right;
}

.basket_products_list {
	width : 100%;
}

.basket_products_list_summary {
	padding-top : 10px;
	text-align : right;
}

.basket_buyer_details {
	width : 100%;
}

.paybox {
	text-align : right;
}

.paybox .payform {
	border-top : 0;
}

.error-x {
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.addToBasket.error {
	pointer-events :none;
	opacity : .7;
}


@media (max-width: 1080px) {
	.box3 {
		grid-template-columns : 1fr 1fr;
	}
	
	.flexbox21 > div:first-child {
		width : 50%;
	}
	
	.flexbox21 > div:last-child {
		width : 50%;
	}
	
	.aligncenter .plusminus, .carttable .plusminus, .vbox .plusminus, .layout2 .plusminus {
		grid-gap : 3px;
	}
	
	
}

@media (max-width: 768px) {
	.box3 {
		grid-template-columns : 1fr;
	}
	
	#menu-basket .cart {
		max-width: 72vw;	
	}
	
	.flexbox21 {
		display : block;
	}
		
	.flexbox21 > div:first-child {
		width : 100%;
	}
	
	.flexbox21 > div:last-child {
		width : 100%;
	}
	
	.aligncenter {
		margin-top: 60px;
		padding: 0 10%;
	}
	
	.carttable.box5 {
		grid-template-columns: 20px .6fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-areas:
		"block1 block2 block3"
		"block4 block4 block4"
		"block5 block5 block5";
		grid-gap : 10px;
	}
	.carttable > div:first-child { grid-area: block1; }
	.carttable > div:nth-child(2) { grid-area: block2; }
	.carttable > div:nth-child(3) { grid-area: block3; }
	.carttable > div:nth-child(4) { grid-area: block4; }
	.carttable > div:nth-child(5) { grid-area: block5; }
	
	.carttable > div:last-child {
		text-align : center;
	}
	
	.carttable.table .thumbnail {
		max-width : 100%;
	}
	
	.box4, .cartsuma.box4 {
		grid-template-columns : 1fr;
	}
	
	.form-group.box5 {
		grid-template-columns : 1fr;
	}
	
	.fsbasket{
		margin-bottom : 30px;
	}
	
	.box2.buyer_details {
		grid-template-columns : 1fr;
	}
	
	.box2.buyer_details > div:first-child {
		order : 2;
	}
	
	.box2.buyer_details > .paybox {
		order : 1;
	}

}

@media (max-width: 568px) {
	.basket_products_list th:last-child, .basket_products_list td:last-child {
		text-align : left;
	}
}

@media (max-width: 500px) {
	#filters .filterSearch {
		margin-right : 0;
	}
	
	#filters input {
		width: calc(100% - 40px);
	}
	
	#filters input[type="number"] {
		width : 100%;
	}
	
	.vbox-inner .box2 {
		grid-template-columns : 1fr;
	}
	
	.vbox .btn {
		max-width : unset;
	}
}