.calc {margin-bottom:20px;color:#161b1a;font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.calcL {border:1px solid #000101;border-radius:1px;min-height:260px;width:16.6666666666666%;padding:14px 11px;font-size:13px;}
.calcC {padding-left:25px;width:65%;}

.calcL ul {display:block;}
.calcL ul > li {display:block;}
.calcL ul > li > span {cursor:pointer;display: inline-block;padding:3px 0;}
.calcL ul > li > span:hover {color:#b782b6;}
.calcL ul > li > span.sel {color:#9c2c9a;}
#calcTabs > div:not(:first-child) {display:none;}
#calcTabs label {min-width:195px;font-size:16px;font-weight:normal;}
#calcTabs input, #calcTabs select {border:1px solid #000101;border-radius:1px;width:122px;height:28px;padding:0 5px;}
#calcTabs input.error, #calcTabs select.error {border-color: #cd1921;background: #ffdadc;}
#calcTabs .form {margin-right: 200px;}
.calcRes {position:relative;text-align:center;font-size:16px;border:1px solid #000101;border-radius:1px;min-height:260px;padding:14px 11px 40px 11px;float: right;width: 190px;}
.calcRes a {position:absolute;color:#ffc3fe;bottom:7px;left:10px;right:10px;display:block;background:#9c2c9a;text-align:center;padding:5px 0;border-radius:12px/7px;text-transform:uppercase;font-size:13px;}
.calcRes a:hover {text-decoration:none;color:#fff;}
#calcTabs .form > div {padding:3px 0;}
#calcTabs .form > div.formPad {padding-top:8px;}
.calcRes span {white-space:nowrap;}
.calcRes .calcOut {color:#000;padding: 0 10px;}
.calcRes b {display:block;font-size:42px;font-weight:normal;line-height:44px;}
.calcBut {cursor:pointer;margin-top:8px;display:inline-block;color:#fff;background:#9c2c9a;border-radius:10px;padding:17px 30px;font-size:16px;text-transform:uppercase;}
.calcBut:hover {opacity:0.9;}

.squares .rows {padding-bottom: 15px!important;}
.squares .rows > div > div {padding: 3px 0;}
.squares .rows > div:nth-child(1) {width:65%;}
.squares .rows > div:nth-child(2) {width:35%; padding: 12px;}
.squares .plus {	cursor:pointer;display: inline-block;background: #9c2c9a;text-align: center;border-radius: 50%;width:40px;height:40px;line-height:40px;color:#fff;font-size:22px;}
.squares .plus:hover {opacity: 0.9;}
.squares .plus.minus {margin-left:18px;}
.squares > .rows:first-child .plus.minus {display:none;}

@media only screen and (max-width: 480px)
{
	.calc > div {display:block;width:100%!important;margin:0;min-height:auto;}
	.calcRes {min-height:auto;}
	.calcRes {float: none;width:100%;margin:0;margin-top:20px;}
	.calcC {padding-left: 0;}
	#calcTabs .form {margin-right:0;}
	#calcTabs input, #calcTabs select {width:100%;}
	.squares .rows > div:nth-child(2) { padding: 20px 12px;}
	.squares .plus {margin:6px!important;}
}