/*
Theme Name: CarTeamsShop
Theme URI: https://carteams-shop.ru/
Author: Сергей Черенщиков
Author URI: https://t.me/Systraner
*/

/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-Italic.woff2') format('woff2'),
        url('fonts/NotoSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-Bold.woff2') format('woff2'),
        url('fonts/NotoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-BoldItalic.woff2') format('woff2'),
        url('fonts/NotoSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/NotoSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-SemiBold.woff2') format('woff2'),
        url('fonts/NotoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-Regular.woff2') format('woff2'),
        url('fonts/NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-Light.woff2') format('woff2'),
        url('fonts/NotoSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-LightItalic.woff2') format('woff2'),
        url('fonts/NotoSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

.clearfix {
	clear: both;
}

body {
	background: #232c3e;
	color: #ffffff;
	font-family: 'Noto Sans';
	line-height: 1.2;
}

.container {
	width: 1680px;
	margin: 30px auto;
}

.logo img {
	width: 200px;
	height: auto;
}

@media (max-width: 767px) {
	.logo img {
		display: block;
		width: 100px;
	}
}

.header {
	border-bottom: 4px solid #FFF;
	padding: 30px 0;
	position: relative;
}

.header .address {
	position: absolute;
	top: 50%;
	right: 490px;
	width: 350px;
	text-align: right;
	font-size: 18px;
  	font-weight: 900;
	transform: translateY(-50%);
}

.header .address span {
	font-weight: 300;
}

.header .contacts {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.header .contacts a {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 10px;
	background-color: #FFF;
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 15px;
}

a.whatsapp {
	background-image: url("data:image/svg+xml,%3Csvg fill='%23232c3e' enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.507 14.307-.009.075c-2.199-1.096-2.429-1.242-2.713-.816-.197.295-.771.964-.944 1.162-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.293-.506.32-.578.878-1.634.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.576-.05-.997-.042-1.368.344-1.614 1.774-1.207 3.604.174 5.55 2.714 3.552 4.16 4.206 6.804 5.114.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345z'/%3E%3Cpath d='m20.52 3.449c-7.689-7.433-20.414-2.042-20.419 8.444 0 2.096.549 4.14 1.595 5.945l-1.696 6.162 6.335-1.652c7.905 4.27 17.661-1.4 17.665-10.449 0-3.176-1.24-6.165-3.495-8.411zm1.482 8.417c-.006 7.633-8.385 12.4-15.012 8.504l-.36-.214-3.75.975 1.005-3.645-.239-.375c-4.124-6.565.614-15.145 8.426-15.145 2.654 0 5.145 1.035 7.021 2.91 1.875 1.859 2.909 4.35 2.909 6.99z'/%3E%3C/svg%3E");
}

a.phone {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23232c3e' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 480.56 480.56' style='enable-background:new 0 0 480.56 480.56;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M365.354,317.9c-15.7-15.5-35.3-15.5-50.9,0c-11.9,11.8-23.8,23.6-35.5,35.6c-3.2,3.3-5.9,4-9.8,1.8 c-7.7-4.2-15.9-7.6-23.3-12.2c-34.5-21.7-63.4-49.6-89-81c-12.7-15.6-24-32.3-31.9-51.1c-1.6-3.8-1.3-6.3,1.8-9.4 c11.9-11.5,23.5-23.3,35.2-35.1c16.3-16.4,16.3-35.6-0.1-52.1c-9.3-9.4-18.6-18.6-27.9-28c-9.6-9.6-19.1-19.3-28.8-28.8 c-15.7-15.3-35.3-15.3-50.9,0.1c-12,11.8-23.5,23.9-35.7,35.5c-11.3,10.7-17,23.8-18.2,39.1c-1.9,24.9,4.2,48.4,12.8,71.3 c17.6,47.4,44.4,89.5,76.9,128.1c43.9,52.2,96.3,93.5,157.6,123.3c27.6,13.4,56.2,23.7,87.3,25.4c21.4,1.2,40-4.2,54.9-20.9 c10.2-11.4,21.7-21.8,32.5-32.7c16-16.2,16.1-35.8,0.2-51.8C403.554,355.9,384.454,336.9,365.354,317.9z'/%3E%3Cpath d='M346.254,238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89c-25.7-25.7-58.2-41.9-94-46.9l-5.2,37.1 c27.7,3.9,52.9,16.4,72.8,36.3C329.454,188.2,341.754,212,346.254,238.2z'/%3E%3Cpath d='M403.954,77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2,37.1c51.4,7.2,98,30.5,134.8,67.2c34.9,34.9,57.8,79,66.1,127.5 l36.9-6.3C470.854,169.3,444.354,118.3,403.954,77.8z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}


a.cart {
	position: relative;
	background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 511.343 511.343' fill='%23232c3e' height='512' viewBox='0 0 511.343 511.343' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m490.334 106.668h-399.808l-5.943-66.207c-.972-10.827-10.046-19.123-20.916-19.123h-42.667c-11.598 0-21 9.402-21 21s9.402 21 21 21h23.468c12.825 142.882-20.321-226.415 24.153 269.089 1.714 19.394 12.193 40.439 30.245 54.739-32.547 41.564-2.809 102.839 50.134 102.839 43.942 0 74.935-43.826 59.866-85.334h114.936c-15.05 41.455 15.876 85.334 59.866 85.334 35.106 0 63.667-28.561 63.667-63.667s-28.561-63.667-63.667-63.667h-234.526c-15.952 0-29.853-9.624-35.853-23.646l335.608-19.724c9.162-.538 16.914-6.966 19.141-15.87l42.67-170.67c3.308-13.234-6.71-26.093-20.374-26.093zm-341.334 341.337c-11.946 0-21.666-9.72-21.666-21.667s9.72-21.667 21.666-21.667c11.947 0 21.667 9.72 21.667 21.667s-9.72 21.667-21.667 21.667zm234.667 0c-11.947 0-21.667-9.72-21.667-21.667s9.72-21.667 21.667-21.667 21.667 9.72 21.667 21.667-9.72 21.667-21.667 21.667zm47.366-169.726-323.397 19.005-13.34-148.617h369.142z'/%3E%3C/svg%3E");
}

a.cart .value {
	position: absolute;
	top: -5px;
  	right: -5px;
	font-size: 16px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	display: block;
	background-color: #a4c75a;
	color: #000;
	line-height: 24px;
	text-align: center;
}

.header .contacts .additional {
	float: right;
	font-weight: 900;
	border-radius: 10px;
	font-size: 24px;
	background-color: #FFF;
	padding: 0 20px;
	color: #000;
	margin-left: 15px;
	height: 60px;
	line-height: 60px;
}

.header .contacts a.main_menu_mobile {
	display: none;
}

@media (max-width: 767px) {
	.header .contacts .phone {
		display: none;
	}
	.header .contacts a.main_menu_mobile {
		display: inline-block;
		width: 60px;
		height: 60px;
		background-repeat: no-repeat;
		background-size: 45px 45px;
		background-position: center center;
		background-image: url("data:image/svg+xml,%3Csvg fill='%23232c3e' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m464.883 64.267h-417.766c-25.98 0-47.117 21.136-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.013-21.137-47.149-47.117-47.149z'/%3E%3Cpath d='m464.883 208.867h-417.766c-25.98 0-47.117 21.136-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.013-21.137-47.149-47.117-47.149z'/%3E%3Cpath d='m464.883 353.467h-417.766c-25.98 0-47.117 21.137-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.012-21.137-47.149-47.117-47.149z'/%3E%3C/svg%3E");
	}
}

/* Общие стили */
.alignleft {
  	float: left;
}

.alignright {
  	float: right;
}

img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignright, div.alignright {
	margin: 0 0 40px 40px;
	display: block;
}

img.alignleft, div.alignleft {
	margin: 0 40px 40px 0;
	display: block;
}

.title,
.page h1 {
	font-size: 50px;
	font-weight: bold;
  	margin-bottom: 40px;
	color: #FFF;
	line-height: 1;
}

.button {
	display: block;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 28px 0;
	border-radius: 20px;
	border: none;
	color: #000;
	background-color: #a4c75a;
	/*box-shadow: 3px 3px 3px #888*/
}

.button:hover {
	box-shadow: 3px 3px 5px #666;
}

.holder {
	display: flex;
	align-items: stretch;
  	justify-content: space-between;
}

.products .holder {
	flex-wrap: wrap;
	justify-content: space-around;
}

/* ------ */

.main_menu {
	margin: 30px 0 45px;
}

.main_menu li {
	float: left;
	position: relative;
}

.main_menu li a { 
	color: #FFF;
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
	padding-right: 44px;
}

.main_menu li a:hover {
	color: #a4c75a;
}

.main_menu .close {
	display: none;
}

.main_menu .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-radius: 20px;
	background-color: #232c3e;
	padding: 15px 10px;
}
.main_menu .sub-menu li {
	margin-bottom: 10px;
}

.main_menu .sub-menu a { 
	font-size: 18px;
}

.main_menu li:hover .sub-menu {
	display: block;
}

@media (max-width: 767px) {
	.main_menu {
		display: block;
		width: 90%;
		height: 100%;
		background: #FFF;
		position: fixed;
		top: 0;
		left: -100%;
		margin: 0;
		transition: left 0.5s;
	}

	.main_menu .close {
		display: block;
		position: absolute;
		width: 60px;
		height: 60px;
		top: 20px;
    	right: 20px;
		z-index: 5;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 40px 40px;
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23232c3e' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
	}

	.main_menu.enabled {
		left: 0;
		z-index: 10;
	}

	.main_menu ul {
		padding: 30px;
	}

	.main_menu li {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.main_menu li a {
		color: #232c3e;
	}

	.main_menu .sub-menu {
		display: block;
		position: inherit;
		border: none;
		border-radius: 0;
		background-color: #FFFFFF;
		padding: 15px 10px;
		margin-left: 20px;
	}

	.main_menu .sub-menu li {
		margin-bottom: 10px;
		margin-top: 10px;
	}
}

.promo_block {
	display: flex;
	align-items: center;
  	justify-content: space-between;
	margin-bottom: 75px;
}

.promo_block .text {
	padding: 40px;
  	border-radius: 20px;
	width: 50%;
}

.promo_block .text .title {
	color: #a4c75a;
}

.promo_block .text p {
	font-size: 24px;
	line-height: 1.5;
}

.promo_block .text ul {
  	margin-bottom: 32px;
}

.promo_block .text ul li {
	margin-bottom: 15px;
	font-size: 24px;
	color: #FFF;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: left center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='%23FFFFFF'%3E%3Cpath d='M 41.9375 8.625 C 41.273438 8.648438 40.664063 9 40.3125 9.5625 L 21.5 38.34375 L 9.3125 27.8125 C 8.789063 27.269531 8.003906 27.066406 7.28125 27.292969 C 6.5625 27.515625 6.027344 28.125 5.902344 28.867188 C 5.777344 29.613281 6.078125 30.363281 6.6875 30.8125 L 20.625 42.875 C 21.0625 43.246094 21.640625 43.410156 22.207031 43.328125 C 22.777344 43.242188 23.28125 42.917969 23.59375 42.4375 L 43.6875 11.75 C 44.117188 11.121094 44.152344 10.308594 43.78125 9.644531 C 43.410156 8.984375 42.695313 8.589844 41.9375 8.625 Z'/%3E%3C/svg%3E");
}

.promo_block .text .button {
	margin-top: 40px;
}

.promo_block .text .form {
	margin-top: 30px;
}

.promo_block .text input[type="text"] {
	display: block;
	padding: 22px 30px;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
	width: 550px;
	border-radius: 20px;
}

.promo_block .image {
	width: 50%;
}

.promo_block .image img {
	border-radius: 20px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 767px) {
	.promo_block .text {
		width: auto;
		padding: 20px;
	}
}

.products {
	margin-bottom: 75px;
}

.products .product {
	max-width: 32%;
	margin-bottom: 40px;
}

.products .product img {
	max-width: 100%;
	border: 1px solid #888;
  	border-radius: 20px;
}

.products .product .name {
	text-align: center;
	text-transform: uppercase;
  	color: #a4c75a;
	font-size: 30px;
	font-weight: 900;
	margin: 15px 0;
	display: block;
	text-decoration: none;
}

.products .product .description {
	text-align: center;
	height: 60px;
}

.products .product .price {
	font-size: 30px;
	text-align: center;
	font-weight: 900;
	margin: 15px 0 40px;
}

.products .product .button {
	box-shadow: none;
}

.advantages {
	margin-bottom: 75px;
}

.advantages .item {
	padding: 30px 40px;
	font-size: 24px;
	border: 1px solid #a4c75a;
	border-radius: 20px;
	width: 19%;
}

.advantages .item .icon {
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='%23FFFFFF'%3E%3Cpath d='M 41.9375 8.625 C 41.273438 8.648438 40.664063 9 40.3125 9.5625 L 21.5 38.34375 L 9.3125 27.8125 C 8.789063 27.269531 8.003906 27.066406 7.28125 27.292969 C 6.5625 27.515625 6.027344 28.125 5.902344 28.867188 C 5.777344 29.613281 6.078125 30.363281 6.6875 30.8125 L 20.625 42.875 C 21.0625 43.246094 21.640625 43.410156 22.207031 43.328125 C 22.777344 43.242188 23.28125 42.917969 23.59375 42.4375 L 43.6875 11.75 C 44.117188 11.121094 44.152344 10.308594 43.78125 9.644531 C 43.410156 8.984375 42.695313 8.589844 41.9375 8.625 Z'/%3E%3C/svg%3E");
}

.advantages .item .text {
	line-height: 1.5;
}

@media (max-width: 767px) {
	.advantages .item .icon {
		width: 100%;
  		background-position: center center;
	}
}

.howto {
	margin-bottom: 75px;
}

.howto .block {
	font-size: 44px;
	display: flex;
	align-items: center;
	border: 1px solid #a4c75a;
	border-radius: 20px;
	padding: 20px 30px;
	margin-bottom: 20px;
}

.howto .button {
	margin-top: 50px;
}

.howto .block span {
	font-size: 90px;
  	font-weight: 900;
	margin-right: 40px;
}

.testimonials {
	margin-bottom: 75px;
}

.testimonials .block {
	font-size: 24px;
  	line-height: 1.6;
	width: 44%;
	padding: 2% 2.5%;
	border: 1px solid #ddd;
	border-radius: 20px;
}

.testimonials .block .name {
	font-weight: 900;
	margin-bottom: 20px;
	font-size: 28px;
}

.faq {
	margin-bottom: 75px;
}

.faq .item {
	padding: 30px 40px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	border-radius: 20px;
}

.faq .item .question {
	font-size: 30px;
  	font-weight: 900;
	cursor: pointer;
}

.faq .item .answer {
	height: 0;
	opacity: 0;
	font-size: 24px;
  	line-height: 1.6em;
	margin-top: 0;
}

.faq .item.active .answer {
	height: auto;
	opacity: 1;
	margin-top: 40px;
	transition: all 0.5s linear;
}

.contacts .image {
	border-radius: 20px;
	overflow: hidden;
}

.contacts .text {
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 900;
}

.contacts .text p {
	margin-bottom: 15px;
}

.page h1 {
	color: #a4c75a;
}

.page.product h1 {
	text-transform: uppercase;
}

.page h2 {
	font-size: 32px;
	font-weight: bold;
	color: #a4c75a;
	margin: 20px 0 26px;
}

.page .content {
	line-height: 1.5;
	margin-bottom: 30px;
}

.page .content strong {
	font-weight: bold;
}

.page .content a {
	color: #a4c75a;
	text-decoration: none;
}

.page .content a:hover {
	text-decoration: underline;
}

.page.product .main-image {
	max-width: 50%;
}

.page .content ul,
.page .content ol {
	list-style-type: disc;
	list-style-position: inside;
	margin: 20px 0 20px;
}

.page .content ol {
	list-style-type: decimal;
}

.page .content li {
	margin-bottom: 5px;
	line-height: 1.5;
}

.page .content blockquote {
	margin: 5px 0 10px;
	font-style: italic;
}

.page .content em {
	font-style: italic;
}

.page.product .tobuy {
	margin-bottom: 40px;
}

.page.product .price {
	font-size: 30px;
	display: inline-block;
	margin-right: 24px;
	font-weight: bold;
}

.page.product .button {
	display: inline-block;
	width: 200px;
}

.page.basket table {
	width: 100%;
	max-width: 960px;
}

.page.basket td {
	vertical-align: middle;
	padding: 5px 20px;
}

.page.basket .arrows {
	width: 100%;
}

/* Добавление в корзину */
@media (max-width:768px) {
	.ty-input-number--large .ty-input-number__value {
		font-size: 16px;
		line-height: 22px
	}
}

@media (max-width:768px) {
	.ty-input-number__value {
		font-size: 14px;
		line-height: 18px
	}
}

.ty-input-number__minus:hover,
.ty-input-number__plus:hover {
	opacity: .8
}

.ty-input-number__minus:active,
.ty-input-number__plus:active {
	opacity: .5
}

.ty-input-number {
	align-items: center;
	border: 2px solid #a4c75a;
	border-radius: 14px;
	cursor: default;
	display: flex;
	gap: 4px;
	padding: 4px
}

.ty-input-number--large {
	padding: 10px;
	max-width: 120px;
}

.ty-input-number--large .ty-input-number__minus,
.ty-input-number--large .ty-input-number__plus {
	height: 40px;
	width: 40px
}

.ty-input-number--large .ty-input-number__value {
	width: 30px
}

@media (max-width:768px) {
	.ty-input-number--large {
		gap: 0;
		padding: 4px
	}

	.ty-input-number--large .ty-input-number__minus,
	.ty-input-number--large .ty-input-number__plus {
		height: 32px;
		width: 32px
	}
}

.ty-input-number--small .ty-input-number__minus,
.ty-input-number--small .ty-input-number__plus {
	height: 20px;
	width: 20px
}

.ty-input-number--small .ty-input-number__value {
	width: 28px
}

.ty-input-number__minus,
.ty-input-number__plus {
	background-color: #a4c75a;
	border-radius: 100%;
	cursor: pointer;
	height: 28px;
	position: relative;
	width: 28px
}

.ty-input-number__minus:after,
.ty-input-number__minus:before,
.ty-input-number__plus:after,
.ty-input-number__plus:before {
	background-color: #000000;
	border-radius: 3px;
	content: "";
	display: block;
	position: absolute
}

.ty-input-number__minus:before,
.ty-input-number__plus:before {
	height: 2px;
	left: calc(50% - 5px);
	top: calc(50% - 1px);
	width: 10px
}

.ty-input-number__minus--disabled,
.ty-input-number__plus--disabled {
	background-color: #a4c75a;
	pointer-events: none
}

.ty-input-number__minus:after {
	display: none
}

.ty-input-number__plus:after {
	height: 10px;
	left: calc(50% - 1px);
	top: calc(50% - 5px);
	width: 2px
}

.ty-input-number__value {
	text-align: center;
	width: 28px
}

.cart_summ {
	font-size: 28px;
	color: #a4c75a;
	margin-top: 20px;
}

.cart_summ span {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: bold;
}

.remove_from_cart {
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #a4c75a;
  	border-radius: 14px;
	text-decoration: none;
	background-size: 56px 56px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg height='512pt' viewBox='0 0 512 512' width='512pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23a4c75a' d='m347.429688 365.714844c-4.679688 0-9.359376-1.785156-12.929688-5.359375l-182.855469-182.855469c-7.144531-7.144531-7.144531-18.714844 0-25.855469 7.140625-7.140625 18.714844-7.144531 25.855469 0l182.855469 182.855469c7.144531 7.144531 7.144531 18.714844 0 25.855469-3.570313 3.574219-8.246094 5.359375-12.925781 5.359375zm0 0'/%3E%3Cpath fill='%23a4c75a' d='m164.570312 365.714844c-4.679687 0-9.355468-1.785156-12.925781-5.359375-7.144531-7.140625-7.144531-18.714844 0-25.855469l182.855469-182.855469c7.144531-7.144531 18.714844-7.144531 25.855469 0 7.140625 7.140625 7.144531 18.714844 0 25.855469l-182.855469 182.855469c-3.570312 3.574219-8.25 5.359375-12.929688 5.359375zm0 0'/%3E%3C/svg%3E");
}

.remove_from_cart:hover {
	opacity: .8;
}

@media (max-width: 767px) {
	.remove_from_cart {
		width: 40px;
		height: 40px;
		background-size: 32px 32px;
	}
}

.page.basket td .image {
	height: 100px;
	width: auto;
	display: inline-block;
}

.page.basket td .link,
.page.basket td .qty {
	display: inline-block;
}


.page.basket .button,
.page.basket .button:hover {
	width: 300px;
  	color: #000;
	text-decoration: none;
	margin-top: 40px;
}

.page.basket .boxberry_calc {
	margin: 30px 0;
}

@media (max-width: 767px) {
	.page h1 {
		margin-top: 20px;
	}
	.page.basket td {
		padding: 5px;
		display: block;
  		float: left;
	}

	.page.basket tr {
		margin-bottom: 10px;
	}

	.page.basket td:nth-child(2) {
		max-width: calc(95% - 60px);
	}

	.page.basket td:last-child {
		margin-bottom: 20px;
	}

	.page.basket td .image {
		height: auto;
  		width: 50px;
	}

	.page.basket td input {
		max-width: 75px;
	}
}

.footer {
	margin-top: 40px;
}

#callback {
	display: none;
	width: 400px;
	padding: 50px;

}

#callback .title {
	font-size: 44px;
	color: #a4c75a;
}

/* Настройки эквайринга */
.payform-tbank {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 250px;
}
.payform-tbank-row {
	margin: 2px;
	border-radius: 14px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid #DFE3F3;
	padding: 15px;
	outline: none;
	background-color: #DFE3F3;
	font-size: 15px;
}
.payform-tbank-row:focus {
	background-color: #FFFFFF;
	border: 1px solid #616871;
	border-radius: 4px;
}
.payform-tbank-btn {
	background-color: #a4c75a;
	border: 1px solid #a4c75a;
	color: #3C2C0B;
}
.payform-tbank-btn:hover {
	background-color: #a4c75a;
	border: 1px solid #a4c75a;
}

/* All Mobile Media Queries */
@media screen 
and (max-width : 1600px) {
	.container { 
		width: 1280px
	}
	.advantages .item {
		width: 210px;
	}
}

@media screen 
and (max-width : 1280px) {
	.container { 
		width: 960px;
	}
	.title {
		font-size: 40px;
	}
	.button {
		font-size: 24px;
		padding: 20px 0;
	}
	.promo_block .text p {
		font-size: 20px;
	}
	.promo_block .text .button {
		margin-top: 30px;
	}
	.promo_block .text input[type="text"] {
		padding: 14px 26px;
		width: 400px;
	}
	.advantages .item {
		width: 155px;
		padding: 20px 30px;
		font-size: 20px;
	}
}

/* Phone Media Queries */
@media screen 
and (max-width : 960px) {
	.container { 
		width: 760px;
	}
	.title {
		font-size: 32px;
	}
}

/* Phone Media Queries */
@media screen 
and (max-width : 760px) {
	.container { 
		width: 96%;
		margin: 0 auto;
	}
	.header .address,
	.header .contacts .additional,
	.promo_block .image {
		display: none;
	}
	.holder {
		display: block;
	}
	.products .product {
		max-width: none;
		margin-bottom: 40px;
	}
	.advantages .item {
		width: auto;
		margin-bottom: 20px;
	}
	.howto .block {
		font-size: 30px;
	}
	.promo_block .text input[type="text"] {
		width: auto;
	}
	.testimonials .block {
		width: auto;
		margin-bottom: 20px;
	}
}
