/* -------------------------------------------------------------- */

.calculator{position: relative;}

.calculator .info{position: absolute; top: 8px; right: -60px;}
.calculator .info img{display: inline-block; margin: 0; width: 28px;}

.calculator__left{position: relative;}

.calculator__middle .calculator__left{background: url(../images/dots2.png) center bottom repeat-x;}
.calculator__first .calculator__left{ background: url(../images/dots2.png) center bottom repeat-x;}
.calculator__first .calculator__left:before{content: ''; position: absolute; left: 0; top: 0; right: 0; height: 2px; background: url(../images/dots1.png) center bottom repeat-x;}
.calculator__last .calculator__left:after{content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: url(../images/dots1.png) center bottom repeat-x;}

.calculator__middle.calculator__color1 .calculator__left,
.calculator__first.calculator__color1 .calculator__left
	{background-image: url(../images/dots-color1-thin.png);}
.calculator__first.calculator__color1 .calculator__left:before{background-image: url(../images/dots-color1-bold.png);}
.calculator__last.calculator__color1 .calculator__left:after{background-image: url(../images/dots-color1-bold.png);}

.calculator__middle.calculator__color2 .calculator__left,
.calculator__first.calculator__color2 .calculator__left
	{background-image: url(../images/dots-color2-thin.png);}
.calculator__first.calculator__color2 .calculator__left:before{background-image: url(../images/dots-color2-bold.png);}
.calculator__last.calculator__color2 .calculator__left:after{background-image: url(../images/dots-color2-bold.png);}

.calculator__middle.calculator__color3 .calculator__left,
.calculator__first.calculator__color3 .calculator__left
	{background-image: url(../images/dots-color3-thin.png);}
.calculator__first.calculator__color3 .calculator__left:before{background-image: url(../images/dots-color3-bold.png);}
.calculator__last.calculator__color3 .calculator__left:after{background-image: url(../images/dots-color3-bold.png);}

.calculator label{display: block; margin: 8px 0 8px 30px; height: 34px; line-height: 34px;}
.calculator label small{position: relative; top: -24px;}

.calculator input[type="text"]{box-sizing: border-box; display: block; width: 100%; margin: 8px 0; padding: 0 10px; height: 34px; line-height: 34px; font: inherit; background: #FFF; border: 1px solid #5A68C3;}

.calculator__color1 input[type="text"]{border-color: #7397BF;}
.calculator__color2 input[type="text"]{border-color: #81BFB3;}
.calculator__color3 input[type="text"]{border-color: #CE93A6;}

.calculator input[type="text"]:hover{}
.calculator input[type="text"]:focus{outline: none;}
.calculator input[type="text"]:disabled{opacity: 0.25;}
.calculator input[type="text"].error{box-shadow: 0 0 20px rgba(255,0,0,0.4);}

.calculator__choose{padding: 20px 0; font-style: italic; color: #F58753; font-size: 1.05em;}

.calculator__submit{margin: 20px 0 20px -15px; text-align: center;background: url(../images/pattern1.jpg) center center repeat-x;}
.calculator__submit-inner{display: inline-block; padding: 0 20px; background: #FFF;}

.calculator__message{display: none; padding: 10px 0 20px; color: #F00; font-weight: 700; text-align: center;}

@media (max-width: 767px)
{
	.calculator .info{position: static; margin-bottom: 10px; text-align: right;}

	.calculator__middle .calculator__left{background: none !important;}
	.calculator__first .calculator__left{background: none !important;}
	.calculator__first .calculator__left:before{display: none;}
	.calculator__last .calculator__left:after{display: none;}

	.calculator label{margin: 0; height: auto; line-height: initial;}
	.calculator label small{position: static;}
}

/* -------------------------------------------------------------- */