* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; padding: 0; background: #fff url('grandly/placidity.jpg');}
p,td {font-family: 'Arial'; margin-bottom: 5px; font-size: 15px; letter-spacing: 0;}
a:link, a:visited {color: #333; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
h1,h2 {padding: 3px 0; font: normal 19px 'Tahoma'; color: #96433c; margin: 0; letter-spacing: -1px; text-transform: uppercase;}
#placidity {width: 1026px; margin: 0 auto; background-color: #fdf9f2;}
.vector, .yard, .compose {display: table; width: 259px; background-size: cover;}
.vector {margin: 1px 0 0 135px; background: url('grandly/vector.png') no-repeat; height: 36px;}
.compose {margin: 3px 0 0 135px; background: url('grandly/mail.png') no-repeat; height: 36px;}
.yard {margin: 3px 0 0 135px; background: url('grandly/yard.png') no-repeat; height: 36px;}
.vernier {text-align: center; font: normal 19px 'Arial'; color: #052e3d; padding: 6px 0;}
.shipyard {text-align: left; font: normal 24px 'Arial'; color: #0a4256; padding: 4px 0 4px 40px;}
.composeyard {text-align: left; font: normal 24px 'Arial'; color: #0a4256; padding: 4px 0 4px 40px;}
.promissory table {width: 780px; height: 86px; background: url('grandly/promissory.png') no-repeat; margin-top: 5px;}
.completely {width: 780px; height: 86px; background: url('grandly/completely.png') no-repeat; margin-top: 5px;}
.vertical {font-size: 20px; padding: 0 24px; line-height: 30px;}
.upright {position: relative; width: 179px; height: 181px; background: url('grandly/upright.png') no-repeat;}
.tendency {text-align: center; padding: 30px 10px 0 10px; font-weight: bold; color: #5e3118;}
.penour {width: 13px; background: url('grandly/penour.jpg') repeat-y;}
.growth {width: 13px; background: url('grandly/growth.jpg') repeat-y;}

.thrust {background-image: url('grandly/thrust.jpg'); height: 99px;}
#convexity {padding: 16px 20px 0 0; text-align: right;}
#impression {padding: 15px 0 0 0; width: 186px; letter-spacing: 0; text-transform: uppercase; background: url('grandly/impression.png') no-repeat; height: 240px; position: relative;}/*высота левого меню, 327 - максимальная*/
#impression ul {font: bold 14px 'Arial'; text-align: left; padding: 0; list-style: none; margin: 5px 4px;}
#impression li {padding: 5px 1px 5px 27px; letter-spacing: -1px; margin: 0 0 1px 2px;}
#impression li a:link, #impression li a:visited {color: #6a4b78; text-decoration: none;}
#impression li a:hover {color: #552e66; text-decoration: none;}
#granule {position: relative; display: block;}
.growthy {width: 1000px;}

.barm {width: 100%; display: table; height: 280px; background: url('grandly/barm.jpg') no-repeat;}
.grow {display: table-cell; width: 488px; vertical-align: top; position: relative;}
.grow img {margin: 15px 0 0 12px;}
.grammatical {display: table-cell; vertical-align: bottom; position: relative; padding-bottom: 21px;}
.grammatical span {display: block; width: 360px; position: relative; margin-left: -60px;}

#ponderable {position: relative; margin: 0 auto; padding: 0; display: table; width: 100%;}
#bulging {width: 186px; padding: 5px 8px 0 5px; display: table-cell; vertical-align: top;}
#insouciance {display: table-cell; vertical-align: top; padding: 0 10px 5px 5px; text-align: justify; line-height: 17px;}

.price_tab {text-align: center; width: 90%; margin: 0 auto;}
.price_tab td {background-color: #ffeee9;}
.former {width: 135px;}
.price_tab td img {max-width: 100%; height: auto;}
.price_tab .column_name {background-color: #f7d8cf; font-weight: bold;}

.calculator_tab {display: table; width: 90%;}
.calculator_tr {display: table-cell; width: 45%; padding-right: 10px;}

@media screen and (max-width: 650px){
.calculator_tab {display: table; width: 90%;}
.calculator_tr {display: block; width: 90%;}

.former {width: auto;}
#bulging {display: block;}
#insouciance {padding: 0 0 0 3px; text-align: left; display: block;}
#placidity {width: 100%;}
img {max-width: 230px;}
.penour {visibility: hidden; display: none;}
.growth {visibility: hidden; display: none;}
#granule {visibility: hidden; display: none;}

.growthy {width: 100%;}
.promissory {visibility: hidden; display: none;}
.completely {visibility: hidden; display: none;}
.vector {margin: 3px auto 0;}
.yard {margin: 3px auto 0;}
.compose {margin: 3px auto 0;}

.grow {display: block; width: 100%; text-align: center;}
.grow img {margin: 12px 0 0 0; max-width: 400px; width: 100%; height: auto;}

.grammatical {display: block; padding-bottom: 0; margin-top: 0;}
.grammatical span {width: auto; margin-left: 0;}

.maceimg img {max-width: 67px;}
.macepic img {max-width: 30px;}
#convexity {padding: 0; text-align: center;}}