.add-ttl {font-weight: 700;margin-bottom: 10px;}.p-colors {display: flex;flex-wrap: wrap;padding-bottom: 10px;}.p-clr {display: flex;align-items: center;margin: 0 5px 5px 0;padding: 2px 8px 1px 2px;background: #f4f4f4;border-radius: 50px;cursor: default;}.p-clr-pict {width: 14px;height: 14px;border-radius: 50%;margin-right: 5px;}.p-clr-name {font-size: 12px;letter-spacing: .05em;padding-top: 1px;}.p-length {padding-top: 15px;}.top-section {background: #10151a url(../images/top-bg-2.jpg) center no-repeat;background-size: cover;}@media (max-width: 670px) {.top-phone {font-size: 24px;}}.p-clr-pict-grad {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAbElEQVQ4T+3SsQ2CABSE4Y8ZKKFmDGoZhlhIa2WLBWEYmIVWLN3BqG+DZ8lVf/Jyl7zLFZIqkn5HgG8HLW54oscrim0wBZ+xBZeYUeH6CXigjuMdQ/CCU/CKLnjEJXj/S0D6hdSWjiH9hpTSG23gGFNQMZcBAAAAAElFTkSuQmCC);background-position: center;background-size: 8px;background-repeat: no-repeat;background-color: white;}.p-compl {display: block;padding: 15px 0 9px;}.p-compl-item {display: flex;align-items: center;margin-bottom: 6px;}.pl-desc {font-size: 12px;width: 50%;}.pl-ttl {font-size: 12px;}.p-compl>div {margin-right: 0;}
.density {
	font-weight: inherit;
}

.pl-desc {
	padding-right: 20px;
}

.amount-style {
	background: #fafafa;
	height: 30px;
	box-shadow: inset 0 1px 2px 0 #dddddd;
	border-radius: 5em;
	position: relative;
	width: 100px;
	user-select: none;
	display: flex;
    justify-content: center;
    align-items: center;
}

.amount-style input {
	height: 30px;
	width: 50px;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	padding-top: 2px;
	-webkit-appearance: none;
}

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

.amount-style .plus {
	display: block;
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEzS3uPQ3OPQ3OPQ3OPP2+LP2+LP2+PP3OLQ3OPQ3OTS3uXx/P7Q3ePU4erQ3OPQ3OP1TQzCAAAAEXRSTlMAOGqXyfj/66qGTCEEXxR52qdeEzcAAAGKSURBVHgB3ZfhrqQgDIWr0Fag6Lz/0+5mtplkWGoBk/vjfv+8xnNbOcd24Dez7SEi/YWPlAvMIfVg+oLDJjDKeTF14HSOPZ6QDDAMtFKZbsDLaaREcoi3RWxMLljBZEcaYQeDiwa5jP9PymINlSbYOu8faQIu0CCRZsAIDYkmqWMNvEJ49Uvg72AE6hIEQIx7aaCA19v4YtRw+gWoYZJrJ2HbL7ZDWD4C+f5NV/cgwprA8RFgT8DpoZAn4CSiugJOrNOqQFCB2Pon7fVN0Rbrmz21jooqgP/595vPdetq1L93/GvQurorEOCG8BMCCy2gHXTFeonGMcar/kMTf+plisYxHk+NdLkCTp63p2GSxTijgHI8/aDUNYHsflTr7dhmcQdbsu82nj+RekS5mbtYBkZbakabHbqTJ4cr4bm83xh7UqQpokBD4eUVR8k0QV5cE51VMy08v1TD/mxZ5gw3bOvrviIJl39wKCWYEhjUv64Ed5sPBUaRfDQaeGSBOUoNUSN5XJuAwG/lDz2BPSGUo0+zAAAAAElFTkSuQmCC) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 7px;
	right: 7px;
	cursor: pointer;
}

.amount-style .minus {
	display: block;
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEzS3uPQ3OPQ3OPQ3OPP2+LP2+LP2+PP3OPQ3OPQ3OPT3+fs+PrQ3ePQ3OPR3+bP3OPuMajxAAAAEXRSTlMAPWaYyfj/66yKTBkFW3om27iVE/YAAAFJSURBVHgB3deBbsQgCABQqgLaot7/f+2WnFs6UlvFZEnufQDHQRWET7Y5H5C+cUz7AXMkR6Y/2G8w7ChMFziN5SEJqQP9QIjMdAOLPGQf6EGot5VneoQZuhzSCAcdhQaVzu9TY8wh04QNNKhIE/gARQJNCdMF1FQzD6RJLHDmaVoyJ9DguY6JDAr8EqZ5eKrCRibZXMImwg8mE4amktGmjpG5D4mMPLzpc/Qq7lJ6dU4U6rg9otqF8KZ+X6BLVA6XATzc8P8RwPAXVBHTdBF1G0PJV1wJnTbG1Q+pkFE2XwdNtV5IDQo0cfVCyWSyr1yqarQUMvCrg6UujjYPZwebJ1vj7IOtmV0wBJTK5hWn2ae/Ia0Y1zzDlrC6qrq1ZZl3uFGf1/3D/F7RD46e6g1PHh2C6QL7CqNk1zEwZoE5NftW0Vcsm8Dn+gI5Aj44/jPBFwAAAABJRU5ErkJggg==) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 7px;
	left: 7px;
	cursor: pointer;
}
.input-wrap {
    padding-top: 20px;
	display: flex;
    align-items: center;
}
.input-label {
    padding-right: 20px;
}
.top-section {
	background: #10151a url(../images/top-bg-4.jpg) center no-repeat;
	background-size: cover;
}
.logo {
    background: url(../images/logo-2.svg) center no-repeat;
    background-size: contain;
}
.p-ttl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p-logo {
    min-height: 24px;
    min-width: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    margin-bottom: 10px;
}