@import url(font-face.css);

* { margin: 0; padding: 0; }
html { font-family: "OpenSansRegular"; font-size: 14px; }
body {}

a { color: #006bb5; }
a:hover {}
a:visited {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

ul { list-style: none; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

input, textarea { border: 1px solid #c3c3c3; padding: 8px; margin-bottom: 5px; }

.button {
    color: #fff;
    text-decoration: none;
    border-bottom: 3px solid #024887;
    border-radius: 5px;
    padding: 10px 32px;
    font-size: 15px;
    background: #4284c0;
    background: -moz-linear-gradient(top,  #4284c0 0%, #026cb5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4284c0), color-stop(100%,#026cb5));
    background: -webkit-linear-gradient(top,  #4284c0 0%,#026cb5 100%);
    background: -o-linear-gradient(top,  #4284c0 0%,#026cb5 100%);
    background: -ms-linear-gradient(top,  #4284c0 0%,#026cb5 100%);
    background: linear-gradient(to bottom,  #4284c0 0%,#026cb5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4284c0', endColorstr='#026cb5',GradientType=0 );
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    font-family: "OpenSansRegular";
}
.border {}

.wrapper { width: 1048px; margin: 0 auto; }

.header { padding: 30px 0 4px 0; }
.header .logo {}
.header .adress { margin-left: 70px; }
.header .work-time { margin-left: 70px; }
.header .title-block {
    font-family: "OpenSansSemiBold";
    font-size: 16px;
}
.header .content {
    font-family: "OpenSansLight";
    color: #7b7b7b;
    font-size: 15px;
}
.on-map { background: url(../images/map-icon.png) no-repeat 0 4px; padding-left: 20px; }
.header .content a {}
.content.map { margin-top: 4px; }
.header .phone { position: relative; width: 230px; margin-top: -10px; }
.header .phone .popup-area { position: absolute; right: 0; padding: 25px; border: 4px solid transparent; margin-top: -20px; height: 40px; overflow: hidden; background: url(../images/phones-arrow.png) no-repeat 95% 40px #fff; }
.header .phone .popup-area:hover { cursor: pointer; height: 130px; overflow: visible; border: 4px solid #eaeaea; }
.header .phone .popup-area .item { font-family: "OpenSansSemiBold"; font-size: 26px; }
.header .phone .popup-area .item .description { display: block; font-family: "OpenSansLight"; font-size: 16px; color: #7b7b7b; }
.header .menu { border-top: 1px solid #ebebeb; margin-top: 35px; padding: 15px 0; font-size: 15px; }
.header .menu ul > li { float: left; margin-right: 45px; }
.header .menu ul > li:last-child { margin-right: 0; }
.header .menu ul > li a { color: #444444; text-decoration: none; }
.header .menu ul > li a:hover { color: #006bb5; text-decoration: underline; }
.header .contact {}

.sidebar { float: left; width: 325px; }
.sidebar .block { margin-bottom: 20px; }


.brands { background: #006bb5; padding: 40px 0; margin-bottom: 30px; }
.brands .item { float: left; margin-right: 78px; }
.brands .item.last { margin-right: 0; }

.slider { width: 100%; background: url(../images/slider-bg.jpg) no-repeat; text-align: center; color: #fff; text-transform: uppercase; padding: 102px 0; }
.slider .main-headline { font-family: 'Conv_Panton-LightCaps'; font-size: 42px; font-weight: normal; }
.slider .item { float: left; border: 1px solid rgba(255,255,255,0.20); padding: 20px 30px; margin-right: 10px; margin-top: 20px; }
.slider .item.first { margin-left: 300px; }

.content-main { float: left; width: 710px; }
.content-main h1 { font-weight: normal; font-size: 30px; margin-bottom: 10px; }

/* contact page */
#map { margin-top: 40px; }
.contacts .left { width: 50%; }
.contacts .headline { font-family: "OpenSansBold"; font-size: 16px; margin-bottom: 4px; }
.contacts .content { margin-bottom: 15px; }
.contacts .content .item { font-size: 15px; margin-bottom: 8px; }
.contacts .content .item span { display: block; }

/* price */
.descr { margin-top: 20px; }

.content-main.width-100 { width: 100% !important; }

.main .services { margin-bottom: 30px; margin-top: 30px; }
.main .services .item-big { margin-bottom: 10px; }
.main .services .item-big img {
    max-width: 100%;
}
.main .services .item { float: left; width: 24.3%; margin-right: 9px; }
.main .services .item.last { margin-right: 0; float: right; text-align: right; }
.main .services .item img { width: 100%; }
.main .services {}

.main .basecont { margin-bottom: 50px; }

.footer { background: #f5f5f5; padding: 50px 0; }
.footer .logo { margin-bottom: 20px; }
.footer .column { margin-right: 100px; }
.footer .column.last { margin-right: 0; }
.footer .phones .item { font-family: "OpenSansSemiBold"; font-size: 26px; }
.footer .content { font-family: "OpenSansLight";color: #7b7b7b; font-size: 15px; }
.footer ul li { margin-bottom: 3px; }
.footer ul li a { color: #444444; }
.footer {}

@media (max-width: 980px) {
    .content-main h1 {
        font-size: 14px;
    }
    img {
        max-width: 100%;
    }
    .wrapper {
        width: 920px;
        padding: 0 30px;
    }
    .main .services .item {
        width: 24%;
    }
    .brands .item {
        margin-right: 60px;
    }
    .header .adress,
    .header .work-time {
        margin-left: 50px;
    }
    .content-main { font-size: 11px; }
}