* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    outline: none !important;
}

body {
    font-family: 'Arial',sans-serif;
}

a img {
    border: none;
}

.wrap {
    width: 1151px;
    margin: 0 auto;
}

.header {
    background: url(images/header-bg.jpg) 50% 100% no-repeat;
    overflow: hidden;
    height: 960px;
    margin: 0 0 50px 0;
}

.header-top {
    background: url(images/header-top-bg.png) 50% 0 no-repeat;
    height: 226px;
}

.header-bottom {
    clear: both;
}

.header-bottom-title {
    background: url(images/akciya.png) no-repeat;
    height: 117px;
    text-align: center;
    padding: 40px 0 0 0;
    margin: 0 0 20px 0;
}

.header-bottom-title p {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 16pt;
}

.header-bottom-title span {
    color: #f00;
}

.header-bottom-quan {
    clear: both;
}

.header-bottom-quan-left {
    width: 66%;
    float: left;
}

.quan-item {
    width: 50%;
    padding: 0 10px 10px 10px;
    float: left;
}

.quan-item-wrap {  
    font-family: 'Arial',sans-serif; 
}

.quan-img {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 267px;
}

.quan-img img {
    width: 100%;
    height: 100%;
}

.quan-item-size {
    position: absolute;
    top: 0;
    text-shadow: 0 0 3px #000;
}

.quan-item-size span:first-child {
    background: #EC8D4F;
    display: block;
    float: left;
    color: #fff;
    height: 43px;
    padding: 0 23px;
    font-size: 24pt;
}

.quan-item-size span:last-child {
    display: block;
    float: left;
    background: url(images/quan-size.png) no-repeat; 
    height: 43px;
    width: 55px;
}

.quan-item-desc {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 15px 5px;
    font-size: 14pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: absolute;
    bottom: 0;
}

.header-bottom-calculate {
    float: left;
    width: 32%;
}

.calculator {
    background: url(images/calculator.png) no-repeat;
    width: 435px;
    height: 569px;
}

.calculator-title {
    text-transform: uppercase;
    color: #fff;
    font-size: 20pt;
    padding: 13px 0 0 15%;
    margin: 0 0 30px 0;
}

.calculator-wrap {
    height: 350px;
    overflow: hidden;
    clear: both;
    width: 92%;
}

.calculator-wrap input {
    border: 1px solid #b1bacc;
    background: #fff;
    clear: both;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 23px;
    width: 85%;
    font-size: 20pt;
    font-style: oblique;
    padding: 5px;
}

.calculator-wrap input:focus {
    border: 1px solid #FF3625;
}

.calculator-button {
    clear: both;
    padding: 0 0 0 20px;
}

.calculator-button input[type='submit'] {
    text-transform: uppercase;
    color: #fff;
    font-size: 18pt;
    border: none;
    background: none;
}

.svai-type {
    clear: both;
}

.svai-type-title {
    border-bottom: 4px solid #068896;
    margin: 0 0 50px 0;
}

.svai-type-title span {
    display: block;
    border-bottom: 5px solid #068896;
    color: #262626;
    text-transform: uppercase;
    font-size: 19pt;
    margin: 0 auto;
    width: 22%;
    text-align: center;
}

.svai-type-title-second {
    border-bottom: 4px solid #ab4b4c;
}

.svai-type-title-second span {
    border-bottom: 5px solid #ab4b4c;
    display: block;
    width: 35%;
}

.nashi-taboty-title {
    border-bottom: 4px solid #049747;
    margin: 0 0 30px 0;
}

.nashi-taboty-title span {
    border-bottom: 5px solid #049747;
    display: block;
    width: 30%;
}

.doma-bani-title {
    border-bottom: 4px solid #a6644a;
    margin: 0 0 30px 0;
    padding: 40px 0 0 0;
}

.doma-bani-title span {
    display: block;
    border-bottom: 5px solid #a6644a;
    color: #262626;
    text-transform: uppercase;
    font-size: 19pt;
    margin: 0 auto;
    width: 40%;
    text-align: center;
}

.kak-rabotaem-title {
    border-bottom: 4px solid #307698;
    margin: 0 0 30px 0;
    padding: 40px 0 0 0;
}

.kak-rabotaem-title span {
    display: block;
    border-bottom: 5px solid #307698;
    color: #262626;
    text-transform: uppercase;
    font-size: 19pt;
    margin: 0 auto;
    width: 23%;
    text-align: center;
}

.svai-list {
    clear: both;
}

.svai-item {
    float: left;
    width: 33.3%;
}

.svai-item-top {
    color: #2f2f2f;
}

.svai-item-left {
    float: left;
    width: 35%;
    overflow: hidden;
    margin: 0 2% 10px 0;
}

.svai-item-right {
    float: left;
    width: 60%;
}

.svai-item-title {
    color: #13100e;
    display: block;
    font-size: 27pt;
}

.svai-item-desc {
    clear: both;
    display: block;
    font-size: 18pt;
    line-height: 29px;
}

.svai-item-bottom {
    clear: both;
    text-align: center;
}

.svai-item-bottom a {
    background: url(images/button.png) no-repeat;
    display: block;
    width: 224px;
    height: 67px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 0 0 0;
    text-decoration: none;
    font-size: 18pt;
}

.svai-type-info {
    background: url(images/svai-type-info.png) no-repeat;
    clear: both;
    height: 162px;
}

.svai-type-info p {
    display: block;
    color: #2f2f2f;
    font-size: 16pt;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    padding: 55px 5px 0 60px;
}

.svai-type-info span {
    color: #f00;
}

.svai-type-second-list {
    clear: both;
}

.svai-type-second-list-item {
    float: left;
    width: 28%;
    margin: 0 0 2% 0;
}

.svai-type-second-list-item:nth-child(4),.svai-type-second-list-item:nth-child(5),.svai-type-second-list-item:nth-child(6) {
    float: right;
}

.svai-type-second-list-item-image {
    overflow: hidden;
}

.svai-type-second-list-item-image {
    background: url(images/bagget.png) no-repeat;
    width: 303px;
    height: 241px;
    padding: 24px 0 0 6px;
}

.svai-type-second-list-item-image img {
    width: 275px;
    height: 200px;
}

.svai-type-second-list-button {
    clear: both;
    text-align: center;
    text-transform: uppercase;
    font-size: 20pt;
}

.svai-type-second-list-button a {
    display: block;
    text-decoration: none;
    color: #13100e;
}

.nashi-raboty {
    clear: both;
}

.nashi-raboty > .clr {
    margin: 0 0 20px 0;
}

.our-works-list {
    clear: both;
}

.work {
    float: left;
    width: 33%;
    margin: 0 0 2% 0;
}

.work-top {
    background: url(images/our-works-bg.png) 25% 0 no-repeat;
    height: 273px;
    padding: 25px 0 0 0;
}

.work-bottom {
    clear: both;
    width: 95%;
}

.work-bottom a {
    display: block;
    font-size: 13pt;
    float: left;
    color: #262626;
    text-decoration: none;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%;
    white-space: nowrap;
}

.work-bottom span {
    display: block;
    width: 20%;
    float: right;
    color: #303d40;
    text-align: right;
    padding: 10px 0 0 0;
    font-size: 9pt;
}

.doma-bani {
    background: url(images/bani-bg.jpg) repeat-x;
    height: 745px;
    clear: both;
}

.doma-bani-list {
    clear: both;
}

.doma-bg {
    float: left;
    width: 33%;
    padding: 5px;
    margin: 0 0 10px 0;
}

.doma-bani-list-item {
    background: url(images/bani-item-bg.jpg);
    height: 260px;
    padding: 10px;
}

.doma-bani-list-item-image {
    overflow: hidden;
    width: 350px;
    height: 209px;
    margin: 0 0 10px 0;
}

.doma-bani-list-item-image img {
    width: 100%;
    height: 100%;
}

.doma-bani-item-bottom {
    clear: both;
}

.doma-bani-item-bottom-left {
    float: left;
    font-size: 13pt;
    width: 75%;
}

.doma-bani-item-bottom-left a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
}

.doma-bani-item-bottom-right {
    float: right;
    font-size: 10pt;
    color: #303d40;
    width: 20%;
    text-align: right;
}

.kak-rabotaem {
    clear: both;
    margin: 0 0 30px 0;
}

.kak-rabotaem-wrap {
    border-bottom: 5px solid #307698;
    clear: both;
    overflow: hidden;
    padding: 0 0 20px 0;
}

.kak-rabotaem-block {
    width: 25%;
    float: left;
    padding: 5px;
    text-align: center;
}

.kak-rabotaem-block img {
    display: block;
    width: 148px;
    height: 148px;
    margin: 0 auto;
}

.kak-rabotaem-block span {
    font-size: 18pt;
    color: #262626;
    display: block;
}

.price-list {
    clear: both;
    margin: 0 0 30px 0;
}

.price-list-title {
    text-align: center;
    margin: 0 0 15px 0;
}

.price-list-title span {
    display: block;
    font-size: 18pt;
    color: #262626;
}

.price-table {
    text-align: center;
    font-size: 13pt;
    color: #262626;
}

.price-table table {
    border: 1px solid #757575;
    width: 100%;
}

.price-table tr {
    border: 1px solid #757575;
    padding: 10px;
}

.price-table td {
    border: 1px solid #757575;
    padding: 10px;
}

.price-table img {
    width: 110px;
    height: 115px;
}

.footer {
    background: url(images/footer.png) 50% 0 no-repeat;
    height: 202px;
    padding: 100px 0 0 0;
}

.copyright {
    float: left;
    color: #262626;
    font-size: 11pt;
}

.share {
    float: right;
    padding: 20px 0 0 0;
}

.share li {
    float: right;
    margin: 0 0 0 10px;
}