@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700&display=swap&subset=cyrillic-ext);
.smart-basket{
	font:400 16px 'Exo 2','Open Sans',sans-serif;
	width:100%;
	font-size:16px;
	padding:30px 0;
	position:fixed;
	top:-25000px;
	background:#fff;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	overflow-y:scroll;
	-webkit-transition:.8s;
	-o-transition:.8s;
	transition:.8s;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.smart-basket button,.smart-basket div,.smart-basket form,.smart-basket input,.smart-basket label,.smart-basket p,.smart-basket span{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:'Exo 2','Open Sans',sans-serif;
}
.smart-basket_active{
	-webkit-transition:.8s;
	-o-transition:.8s;
	transition:.8s;
	top:0;
	-webkit-animation:modalAnimate ease-in-out .8s;
	animation:modalAnimate ease-in-out .8s;
	opacity:1;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
}


.smart-basket__form{
	width:100%;
	max-width:600px;
	margin:0 auto;
	-webkit-box-shadow:0 3px 25px rgba(0,0,0,.2);
	box-shadow:0 3px 25px rgba(0,0,0,.2);
	border-radius:3px;
	padding-bottom:15px;
}
.smart-basket__product-item{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:15px 0;
	border-bottom:1px solid #e2e2e2;
	
}
.smart-basket__product-item:first-child{border-bottom:1px dashed #d2d2d2}

.smart-basket__product-item:last-child{border-bottom:1px dashed #d2d2d2!important}
.smart-basket__product-id{
	width:100%;
	max-width:120px;
	padding:10px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;justify-content:center;
	display:none;
}


.smart-basket__product-name{
	width:100%;
	max-width:220px;
	padding:10px 0 10px 15px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


.smart-basket__product-name img{margin-right:10px}

.smart-basket__product-quantity{
	width:100%;
	max-width:120px;
	text-align:center;
	padding:10px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.smart-basket__product-quantity_header{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.smart-basket__quantity-item{
	width:100%;
	text-align:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.smart-basket__add-item,.smart-basket__remove-item{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:30px;
	height:30px;
	border-radius: 20px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	border:1px solid #e2e2e2;
	background:0 0;
	padding:0;
	cursor:pointer;
	-webkit-appearance:none;
	outline:0;
	box-sizing:border-box;
}
.smart-basket__product-quantity-state{
	width:calc(100% - 60px);
	border:0px solid #e2e2e2;
	height:30px;
	text-align:center;
	-webkit-appearance:none;
	-moz-appearance:textfield;
	pointer-events:none;
	background:0 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.smart-basket__product-quantity-state::-webkit-inner-spin-button,.smart-basket__product-quantity-state::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.smart-basket__product-price{
	width:100%;
	max-width:100px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:10px;
	text-align:center;
	position:relative;
}

.smart-basket__info-icon{
	width:14px;
	height:14px;
	font-size:12px;
	border-radius:7px;
	background:#f1f1f1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:none;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:absolute;
	top:-5px;
	right:20px;
	cursor:pointer;
}
.smart-basket__info-msgs{
	position:absolute;
	top:36px;
	width:100%;
	max-width:320px;
	min-width:200px;
	padding:20px;
	background:#fff;
	border:1px solid #e2e2e2;
	z-index:1200;
	-webkit-box-shadow:0 5px 30px rgba(0,0,0,.28);
	box-shadow:0 5px 30px rgba(0,0,0,.28);
	font-size:14px;
	display:none;
}
.smart-basket__info-msgs:after{content:'';position:absolute;left:calc(50% - 10px);top:-20px;border:10px solid transparent;border-bottom:10px solid #d2d2d2}
.smart-basket__info-msgs-close{
	position:absolute;
	right:0;
	top:0;
	font-size:18px;
	border:none;
	color:#e94e3c;
	outline:0;
	width:18px;
	height:18px;
	-webkit-appearance:none;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:0 0;
	cursor:pointer;
}
.smart-basket__product-price-common{
	width:100%;
	max-width:80px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:10px;
	text-align:center;
}
.smart-basket__product-delete{
	width:100%;
	max-width:80px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:10px 15px 10px;
	background:0 0;
	border:none;
	-webkit-appearance:none;
	cursor:pointer;
}
.smart-basket__delete-icon{
	font-size:54px;
	cursor:pointer;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	color:#e94e3c;
}
.smart-basket__user-info{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:15px 15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.smart-basket__input-wrapper{width:100%;padding-bottom:0;border-radius:3px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;margin-bottom:10px}


.smart-basket__input-wrapper_focus{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-box-shadow:#00AF4C 0 3px 0 0;box-shadow:#00AF4C 0 3px 0 0}
.smart-basket__input-wrapper_error{-webkit-box-shadow:#e94e3c 0 3px 0 0;box-shadow:#e94e3c 0 3px 0 0}
.smart-basket__total-cost{
	width:105px;
	text-align:right;
	display:inline-block;
	font:700 16px "Exo 2",sans-serif;
	border:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:textfield;
	pointer-events:none;
}.smart-basket__user-input{
	width:100%;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:60px;
	font-size:16px;
	border:1px solid #e2e2e2;
	border-radius:3px;
	-webkit-appearance:none;
	outline:0;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	position:relative;
	font-family:'Exo 2','Open Sans',sans-serif;
}
.smart-basket__user-input:invalid{-webkit-box-shadow:none;box-shadow:none}
.smart-basket__agreement-wrapper{
	width:49%;
	padding:0 15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:60px;
	border:1px solid #e2e2e2;
	border-radius:3px;
	outline:0;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	position:relative;
	font-family:'Exo 2','Open Sans',sans-serif;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	background:#fff;
}

.smart-basket__input-agreement{display:none}
.smart-basket__label-agreement{
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer;
	text-align:left;
	margin:0 0 0 -15px;
	padding:0 15px 0 50px;
	height:50px;
	border-radius:2px;
}
.smart-basket__label-agreement::after,.smart-basket__label-agreement::before{
	content:"";
	position:absolute;
	margin:0;
	outline:0;
	top:50%;
	left:15px!important;
	-webkit-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%);
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.smart-basket__link-agreement{
	text-decoration:none;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	font:13px 'Exo 2',sans-serif;
	color:#000;
}
.smart-basket__label-agreement::before{left:1px;width:34px;height:14px;border-radius:8px}
.smart-basket__label-agreement::after{left:0;width:20px;height:20px;border-radius:50%}
.smart-basket__input-agreement:checked+.smart-basket__label-agreement:after{-webkit-transform:translate(80%,-50%);-ms-transform:translate(80%,-50%);transform:translate(80%,-50%)}
.smart-basket__label-agreement:before{background-color:#aa5050}
.smart-basket__label-agreement:after{
	background-color:#e2e2e2;
	-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
	box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
}
.smart-basket__input-agreement:checked+.smart-basket__label-agreement:before{background-color:#a5d6a7}
.smart-basket__input-agreement:checked+.smart-basket__label-agreement:after{background-color:#16a085}
.smart-basket__result-common{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	padding:30px 15px;
	font-weight:700;
	border-bottom:1px dashed #d2d2d2;
}

.smart-basket__quantity-common{margin-right:30px}

.smart-basket__empty-title,.smart-basket__success-title{width:calc(100% + 30px);padding:50px 15px 80px;font-size:24px;text-align:center;border-bottom:1px dashed #d2d2d2;margin:0 -15px 30px}
.smart-basket__empty-title{color:#e94e3c}
.smart-basket__success-title{color:#00AF4C}

.smart-basket__footer{
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	padding:0 15px;
}

.smart-basket__send-form{background:#00AF4C;border:none;padding:15px 25px;color:#fff;font-size:16px;-webkit-appearance:none;cursor:pointer;border-radius:3px}

.smart-basket__close-form{
	background:#69cd95;
	border:none; 
	color:#fff ;
	padding:15px 25px;
	font-size:16px;
	-webkit-appearance:none;
	cursor:pointer;
	border-radius:3px;
	margin-right:30px
	}
.smart-basket__close-form:hover{background:#63e099}
.smart-basket__send-form:hover{background:#63e099}

.smart-basket__alert-msg-button{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.smart-basket__input{-webkit-appearance:none;border:none;padding:0;margin:0;background:0 0;width:100%;text-align:center;font-size:16px;pointer-events:none}

.smart-basket__alert-wrapper{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:rgba(0,0,0,.3);
	-webkit-animation:alertAnimate ease-in-out .3s;
	animation:alertAnimate ease-in-out .3s;
}
.smart-basket__alert{width:100%;max-width:480px;background:#fff;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.28);box-shadow:0 5px 30px rgba(0,0,0,.28);padding:15px}

.smart-basket__alert-icon{width:100px;margin:30px auto}
.smart-basket__alert-icon svg{width:100%;display:block}
.smart-basket__alert-icon .path{stroke-dasharray:1000;stroke-dashoffset:0}
.smart-basket__alert-icon .path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}
.smart-basket__alert-icon .path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}
.smart-basket__alert-icon .path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s .35s ease-in-out forwards;animation:dash-check .9s .35s ease-in-out forwards}
.smart-basket__alert-text{text-align:center;margin-bottom:30px;font-size:18px}
.smart-basket__alert-footer{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.smart-basket__alert-button{
	height:50px;
	border:none;
	-webkit-appearance:none;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	}
.smart-basket__alert-button_close{background:#69cd95;width:48%;color#fff;}
.smart-basket__alert-button_close:hover{background:#63e099;color:#fff;}

.smart-basket__alert-button_by{background:#00AF4C;width:48%;color:#fff;}
.smart-basket__alert-button_by:hover{background:#63e099}

@-webkit-keyframes modalAnimate{0%{top:-2000px;opacity:0;background:0 0}60%{top:0;opacity:1}100%{top:0}}
@keyframes modalAnimate{0%{top:-2000px;opacity:0;background:0 0}60%{top:0;opacity:1}100%{top:0}}
@-webkit-keyframes alertAnimate{0%{top:300px;opacity:0;background:0 0}60%{top:0;opacity:1;background:0 0}100%{background:rgba(0,0,0,.3)}}
@keyframes alertAnimate{0%{top:300px;opacity:0;background:0 0}60%{top:0;opacity:1;background:0 0}100%{background:rgba(0,0,0,.3)}}
@-webkit-keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}
@keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}
@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}
@keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}


@media (max-width:650px){
	.smart-basket__product-name{max-width:95%}
	.smart-basket__product-delete{max-width:50px;padding:0px;}
	.smart-basket__product-price{max-width:80px;padding:5px;}
	.smart-basket__product-quantity{max-width:120px; padding:5px;}
	.smart-basket__delete-icon {font-size: 45px; padding:0px;}
}


.product {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  background: #f9f9f9;
}

.product__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.product__element {
  width: 100%;
  margin: 1px;
  padding: 15px;
  margin-top: 25px;
  -webkit-box-shadow: 0 0 15px #cacaca;
          box-shadow: 0 0 15px #cacaca;
  border-radius: 3px;
  box-sizing: border-box;
}

.product__img {
  max-width: 100%;
  height: auto;
}

.product__name {
  width: 100%;
  padding: 10px 5px 20px 5px;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
}

.product__price {
  text-align: center;
  padding: 15px 5px;
  border: 1px solid #e2e2e2;
  margin-bottom: 15px;
  font-size:25pt;
  color:green;
  font-weight:bold;
}

.product__size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}

.product__size-element {
  width: 100%;
  border: 2px solid #e2e2e2;
  font-size: 14px;
  padding: 5px;
  margin-top: 15px;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.product__size-element_active {
  border: 2px solid #00AF4C !important;
  background:#63e099 !important;
  color:#000000;
}

.product__add-to-cart-button {
  width: 100%;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  -webkit-appearance: none;
  border-radius: 2px;
  background: #00AF4C;
  color: #fff;
  cursor: pointer;
  margin: 15px 0 0;
  -webkit-transition: .3s;
  transition: .3s;
  font-size: 16px;
  outline: none;
}

.product__add-to-cart-button:hover {
  background: #00AF4C;
  -webkit-transition: .3s;
  transition: .3s;
}

.product__add-to-cart-button .fas {
  margin-right: 5px;
}

.smart-basket__min {
  cursor: pointer;
  padding: 20px 30px;
  background: #00AF4C;
border: 1px solid black;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 15px;
  line-height: 1;
}
.smart-basket__min:hover{background:#63e099}
.smart-basket__min span {
  display: block;
}

.smart-basket__min img {
  margin-right: 5px;
}

.smart-basket__min-text {
  margin-right: 5px;
}
@media (max-width: 1200px) {
  .product__element {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .product__element {
    width: 100%;
  }
}