@charset "utf-8";

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadProRegular.woff') format('woff'),
    url('../fonts/MyriadProRegular.ttf') format('truetype'),
    url('../fonts/MyriadProRegular.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body { margin: 0px!important; font-family: 'MyriadProRegular'; overflow: visible!important;}

.globalWrapper {
    width: 100%;
    max-width: 1920px;
    min-width: 1024px;
    position: relative;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    overflow: hidden;
}

.resize {position: relative; width: 960px; height: 100%; margin: 0 auto;}
.cf:after, .cf:before {content: ''; display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}
.ul-center, .text-center {text-align: center;}
.ul-right, .text-right {text-align: right;}
.ul-left, .text-left {text-align: left;}
.ul-inline li { display: inline-block; *display: inline; *zoom: 1;}

/*-- Контакты --*/
#contacts {
    display: none;
    background: url(../img/contacts/bg_layer.jpg) center 0 #1e8cc0;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    height: 772px;
}

#contacts h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 72px;
    margin: 70px 0px 70px 0px;
}

.map {
    float: left;
    width: 514px;
    position: relative;
}

#map-canvas {
    height: 337px;
    margin: 0px;
    padding: 0px
}

#save-widget {
    background-color: white;
    font-family: Roboto, Arial;
    font-size: 13px;
    margin: 15px;
}

#contacts .text {
    float: left;
    width: 572px;
    background: url(../img/logo.png) no-repeat 20px 115px #000;
    filter:alpha(opacity=60);
    background: url(../img/logo.png) no-repeat 20px 115px rgba(0, 0, 0, 0.6);
    border: 1px solid #000000;
    border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
}

.text > div {
    height: 100px;
    opacity: 1;
    margin: 116px 0px 0px 165px;
    border-left: 1px solid #afb1b2;
}

.text > div div {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.text > div div a {
    color: #ffffff;
    text-decoration: underline;
}

.text > div div.other-mails {
    margin: -20px 0px 0px 85px;
    border: none;
}

.text > div.other-mails a {
    font-size: 18px;
    color: #ffffff;
    text-decoration: underline;
}

.text .address {
    background: url(../img/contacts/icons.png) no-repeat 0px 3px;
    padding-left: 30px;
}

.text .phone {
    background: url(../img/contacts/icons.png) no-repeat 0px -39px;
    padding-left: 30px;
}

.text .mail {
    background: url(../img/contacts/icons.png) no-repeat 0px -84px;
    padding-left: 30px;
}

#contacts .content-block {
    margin: 0px auto;
    width: 1095px;
    overflow: hidden;
}

#contacts .content-block > div {
    height: 337px;
}

/*-- /Контакты --*/

/*-- Верх --*/
.header {
    position: fixed;
    top: 0;
    height: 213px;
    width: 100%;
    z-index: 103;
}

.header.abs {
    position: absolute;
    top: auto;
}

.company-info {
    padding: 20px 0px 25px 0px;
    background: #ffffff;
}

.company-info > div {
    width: 960px;
    margin: 0px auto;
    background: url(../img/logo2.png) no-repeat 0px center;
    padding: 10px 0px;
}

.company-info .text {
    font-size: 25px;
    color: #000000;
    font-weight: bolder;
    text-transform: uppercase;
    margin-left: 145px;
    padding-left: 30px;
    float: left;
	width:370px;
    background: url(../img/line.jpg) no-repeat 0px center;
}

.company-info .text span {
    font-weight: normal;
}

.company-info .phone {
    float: right;
    font-size: 22px;
    color: #000000;
    font-weight: bolder;
    text-align: center;
}

.company-info .phone input[type=submit] {
    margin-top: 15px;
}

/*-- Меню --*/
.nav {
    display: none;
    font-size: 16px;
    color: #ffffff;
    background: #000;
    filter:alpha(opacity=30);
    background: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    padding: 17px 0px;
}

.h-list {
    width: 960px;
    margin: 0px auto;
    display: table;
}

.h-list li {
    list-style: none;
    display: table-cell;
    text-align: center;
}

.nav a {
    color: #ffffff;
    text-decoration: none;
}

.nav a.active, nav a:visited,nav a:link {
    color: #ffffff;
}
/*-- /Меню --*/

/*-- /Верх --*/

/*-- Слайдер --*/
.slideshow1 {
    margin-top: 155px;
    position: relative;
}

.slideshow1 .slide {
    height: 760px;
    width: 100%;
}

.slideshow1 .slide.slide1 {
    background: url(../img/slideshow1/slide1.jpg) no-repeat 0px 0px;
}

.slideshow1 .slide.slide2 {
    background: url(../img/slide2_02.png) no-repeat 0px 0px;
}

.slideshow1 .slide.slide3 {
   /* background: url(../img/cars_02.png) no-repeat 0px 0px;*/
    background: url(../img/astory_02.jpg) no-repeat 0px 0px;
}

.slideshow1 .slide.slide4 {
    background: url(../img/slideshow1/slide4.jpg) no-repeat 0px 0px;
}

.slideshow1 .slide.slide5 {
    background: url(../img/slideshow1/slide5.jpg) no-repeat 0px 0px;
}

.slideshow1 .slide.slide6 {
    background: url(../img/slideshow1/slide6.jpg) no-repeat 0px 0px;
}

.slideshow1-pager {
    text-align: center;
    position: relative;
    margin-top: -30px;
    top: -40px;
    z-index: 101;
}
.slideshow1-pager span {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0px 10px;
    width: 15px;
    height: 15px;
    background: url(../img/slideshow1/pager.png) no-repeat top left;
    font-size: 0px;
}
.slideshow1-pager span.cycle-pager-active {
    background: url(../img/slideshow1/pager.png) no-repeat top right;
}

.descr {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bolder;
    display: table-cell;
    height: 327px;
    vertical-align: middle;
}

.descr div {
    display: none;
}

.descr div.descr1 {
    font-size: 62px;
    padding-left: 40px;
    display: table-cell;
}

.descr .descr2 {
    font-size: 42px;
    padding-left: 40px;
}

.descr .descr3 {
    font-size: 40px;
    padding-left: 30px;
}

.descr .descr4 {
    font-size: 54px;
    padding-left: 40px;
}

.descr .descr5 {
    font-size: 63px;
    padding-left: 40px;
}

.descr .descr5 span {
    text-transform: lowercase;
}

.descr .descr6 {
    font-size: 35px;
    padding-left: 40px;
    text-transform: none;
}

.descr.descr1 span {
    text-transform: lowercase;
}
/*-- /Слайдер --*/

/*-- Кнопки --*/
input.btn {
    font-weight: 700;
    font-size: 16px;
    color: #874716;
    cursor: pointer;
    outline: none;
    border: none;
    height: 39px;
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    text-shadow: 1px 1px 0 #ffd138;
    text-transform: uppercase;
}

input.btn.btn1 {
    width: 254px;
    background: url(../img/btn1.png) no-repeat 0px 0px;
    margin-top: 30px;
}

input.btn.btn1:hover {
    background: url(../img/btn1.png) no-repeat 0px -39px;
}

input.btn.btn1:active {
    background: url(../img/btn1.png) no-repeat 0px -78px;
}


input.btn.btn2 {
    width: 214px;
    background: url(../img/btn2.png) no-repeat 0px 0px;
}

input.btn.btn2:hover {
    background: url(../img/btn2.png) no-repeat 0px -39px;
}

input.btn.btn2:active {
    background: url(../img/btn2.png) no-repeat 0px -78px;
}

input.btn.btn3 {
    width: 186px;
    height: 37px;
    background: url(../img/btn3.png) no-repeat 0px 0px;
}

input.btn.btn3:hover {
    background: url(../img/btn3.png) no-repeat 0px -37px;
}

input.btn.btn3:active {
    background: url(../img/btn3.png) no-repeat 0px -75px;
}

/*-- /Кнопки --*/

/*-- формы --*/
.form-info {
    width: 960px;
    margin: 0px auto;
    position: relative;
}

.form-info.sl > div {
    position: absolute;
    z-index: 102;
    width: 100%;
    top: -500px;
    padding: 10px;
}

.form-info .left-block {
    float: left;
    width: 607px;
    height: 327px;
    background: #000000;
    filter:alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    display: table-cell;
}

.form-info .right-block {
    float: right;
    width: 353px;
    height: 327px;
    background: #ffffff;
    border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    text-align: center;
}

.form h2 {
    font-size: 34px;
    text-transform: uppercase;
    line-height: 28px;
    font-weight: bolder;
    margin: 30px 0px;
}

.form h2 span {
    font-size: 24px;
    text-transform: lowercase;
    font-weight: normal;
}

.form input[type=text], .form input[type=tel], .form input[type=email] {
    position: relative;
    display: block;
    width: 220px;
    padding: 10px 0px 10px 35px;
    outline: none;
    color:#000000;
    font-size: 16px;
    text-indent: 10px;
    border: none;
    border-bottom: 1px solid #ebebec;
}

.form input[type=text] {
    background: url(../img/field-icons.png) no-repeat 10px 10px transparent;
}

.form input[type=tel] {
    background: url(../img/field-icons.png) no-repeat 10px -33px transparent;
}

.form input[type=email] {
    background: url(../img/field-icons.png) no-repeat 10px -78px transparent;
}

.form .time input {
    background: url(../img/field-icons.png) no-repeat 10px -124px transparent;
}

.form input::-webkit-input-placeholder {color:#22262a; font-size: 16px; font-family: 'MyriadProRegular';}
.form input::-moz-placeholder          {color:#22262a; font-size: 16px; font-family: 'MyriadProRegular';}
.form input:-moz-placeholder           {color:#22262a; font-size: 16px; font-family: 'MyriadProRegular';}
.form input:-ms-input-placeholder      {color:#22262a; font-size: 16px; font-family: 'MyriadProRegular';}

.form .fields {
    border: 1px solid #ebebec;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 255px;
    margin: 0px auto;
    border-bottom: none;
}
/*-- /формы --*/

/*-- Почему --*/
.why {
    background: #ffffff;
    padding: 90px 0px;
}

.why ul {
    width: 960px;
    margin: 0px auto;
    text-align: center;
    background: url(../img/why/yellow.png) no-repeat center 80px;
}

.why ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 20px;
    margin: 0px 70px;
}

.why ul li.first {
    margin-left: 0px;
}

.why ul li.last {
    margin-right: 0px;
}

.why ul li.divider div {
    border-bottom: 1px solid #ffde76;
    margin: 0px 10px;
    width: 190px;
    height: 20px;
}

.why ul li img {
    display: block;
    margin: 10px auto;
    background: #fff;
    padding: 0px 20px;
}
/*-- /Почему --*/

/*-- Акция --*/
.action {
    height: 660px;
    background: url(../img/bg/action.jpg) no-repeat top center;
}

.action .form-info {
    margin-top: 180px;
}

.action .descr {
    position: absolute;
    top: -125px;
}

.action .descr div {
    display: table-cell;
}

.action .descr > div {
    font-size: 42px;
    padding-left: 30px;
}

.action .descr > div div {
    font-size: 130px;
    position: relative;
    left: -28px;
}

.action .descr div span {
    font-size: 30px;
}

.action .descr > div img {
    position: relative;
    top: -7px;
}
/*-- /Акция --*/

h2.big-title {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #22262a;
}

/*-- Почему мы --*/
.products {
    margin-top: 80px;
}

ul.row {
    width: 960px;
    margin: 0px auto 60px auto;
    display: table;
}

ul.row li {
    display: table-cell;
    vertical-align: top;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    padding: 0px 7px;
}

ul.row li img {
    display: block;
}

ul.row li > div {
    color: #22262a;
    font-size: 19px;
    padding: 0px 0px 20px 0px;
    border-left: 2px solid #e0e5ea;
    border-right: 2px solid #e0e5ea;
    border-bottom: 2px solid #e0e5ea;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    width: 226px;
}

ul.row li div div {
    display: table-cell;
    vertical-align: middle;
    width: 226px;
}

ul.row.row1 li div div {
    height: 100px;
}

ul.row.row2 li div div {
    height: 130px;
}

ul.row.row3 li div div {
    height: 110px;
}

ul.row.row4 li div div {
    height: 180px;
}

#why_we {
    padding: 100px 0px;
    text-align: center;
}
/*-- /Почему мы --*/

/*-- Нам доверяют --*/
#trust_us {
    background: url(../img/bg/trust-us2.jpg) no-repeat top center;
    height: 608px;
}

#trust_us .descr {
    display: block;
    margin: 20px 0px;
}

#trust_us .descr div {
    display: table-cell;
}

#trust_us .descr > div {
    font-size: 42px;
    padding-left: 10px;
}

.f2 .form h2 {
    font-size: 30px;
    line-height: 24px;
}

.f2 .form h2 span {
    font-size: 20px;
    line-height: 20px;
}

.f2.form-info .left-block {
    width: 645px;
    height: 310px;
    background: url("../img/bg/trust-us-bg.png") no-repeat 10px 150px #000000;
    filter:alpha(opacity=60);
    background: url("../img/bg/trust-us-bg.png") no-repeat 10px 150px rgba(0, 0, 0, 0.6);
}

.f2.form-info .right-block {
    width: 314px;
    height: 310px;
}

#trust_us .form-info {
    top: 150px;
}
/*-- /Нам доверяют --*/

/*-- Скачайте каталог --*/
.download {
    background: url(../img/download_03.png) no-repeat center 40px #e0e5ea;
    height: 565px;
}

.download .f2.form-info .right-block {
    height: 350px;
    border-radius: 5px 5px 5px 5px;
}

.download .f2.form-info {
    padding-top: 20px;
    top: 85px;
}
/*-- /Скачайте каталог --*/

/*-- Примеры работ --*/
#examples_of_works {
    text-align: center;
    padding: 115px 0px 16px 0px;
}

.slideshow2,
.slideshow3 {
    width: 935px;
    margin: 120px auto;
    position: relative;
}

.slideshow2 a,
.slideshow3 a {
    position: absolute;
    display: block;
    width: 43px;
    height: 43px;
    top: 143px;
}

.slideshow2 .slide {
    display: table;
    width: 940px;
}

.slideshow2 .slide > div {
    display: table-cell;
    vertical-align: bottom;
    height: 331px;
    text-align: right;
}

.slideshow2 img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.big-img {
    margin-right: 10px;
    width: 570px;
}

.small-img {
    width: 365px;
}

.small-img img {
    margin: 10px 0px 0px 10px;
    cursor: pointer;
}

.small-img h2 {
    text-align: left;
    color: #22262a;
    font-size: 24px;
    font-weight: bolder;
    padding-left: 10px;
}

#prevWork {
    left: -126px;
    background: url(../img/arrows.png) no-repeat 0px 0px;
}

#nextWork {
    right: -126px;
    background: url(../img/arrows.png) no-repeat -55px 0px;
}
/*-- /Примеры работ --*/

/*-- Клиенты --*/
.clients {
    background: url(../img/clients.png) no-repeat center 265px #fafbfc;
    text-align: center;
    height: 428px;
    padding-top: 110px;
}
/*-- /Клиенты --*/

/*-- Поставщики --*/
.providers {
    background: url(../img/providers.png) no-repeat center 255px;
    text-align: center;
    height: 548px;
    padding-top: 90px;
}

.providers h3 {
    font-size: 30px;
    font-weight: bolder;
    margin-top: 350px;
}
/*-- /Поставщики --*/

/*-- Почему нас выбирают --*/
.why-select {
    background: url(../img/bg/why-select.jpg) no-repeat top center;
    height: 788px;
    text-align: center;
    padding: 100px 0px;
}

.why-select ul {
    width: 960px;
    margin: 80px auto 0px auto;
}

.why-select ul li {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    margin-bottom: 10px;
}

.why-select ul li h3 {
    font-size: 18px;
    color: #22262a;
    margin-top: 20px;
}
/*-- /Почему нас выбирают --*/

/*-- Отзывы --*/
#reviews {
    text-align: center;
    margin-bottom: 80px;
}

.slideshow3 {
    width: 896px;
    margin: 0px auto;
    border: 2px solid #e0e5ea;
    border-radius: 3px;
    padding: 30px;
}

#prevReview {
    left: -26px;
    background: url(../img/arrows.png) no-repeat 0px 0px;
}

#nextReview {
    right: -26px;
    background: url(../img/arrows.png) no-repeat -55px 0px;
}

.slideshow3 img {
    display: block;
    float: left;
}

.text-review {
    float: right;
    width: 615px;
    font-style: italic;
    font-size: 17px;
    text-align: left;
    margin-left: 30px;
}

.text-review h3 {
    font-size: 24px;
    font-weight: bolder;
    font-style: normal;
    margin-bottom: 43px;
}

.text-review h3 span {
    font-size: 14px;
    font-weight: normal;
}

#reviews .big-title {
    margin: 100px 0px;
}
/*-- /Отзывы --*/

/*-- Как мы работаем --*/
#how_we_work {
    text-align: center;
    height: 660px;
    background: url(../img/bg/how-work.jpg) no-repeat top center;
}

#how_we_work h2.big-title {
    color: #ffffff;
    padding-top: 100px;
}

#how_we_work ul {
    padding: 36px 0px;
    width: 960px;
    margin: 170px auto 0px auto;
    text-align: left;
    display: table;
}

#how_we_work ul li {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    height: 147px;
    margin-left: -12px;
}

#how_we_work ul li div {
    width: 100%;
    height: 147px;
    display: table-cell;
    vertical-align: middle;
}

#how_we_work ul li.step1 {
    width: 167px;
    background: url(../img/step1.png) no-repeat top center;
}

#how_we_work ul li.step1 div {
    padding-left: 25px;
}

#how_we_work ul li.step2 {
    width: 306px;
    background: url(../img/step2.png) no-repeat top center;
}

#how_we_work ul li.step2 div {
    padding-left: 45px;
}

#how_we_work ul li.step3 {
    width: 216px;
    background: url(../img/step3.png) no-repeat top center;
}

#how_we_work ul li.step3 div {
    padding-left: 50px;
}

#how_we_work ul li.step4 {
    width: 300px;
    background: url(../img/step4.png) no-repeat top center;
}

#how_we_work ul li.step4 div {
    padding-left: 40px;
}

/*-- /Как мы работаем --*/

/*-- Оплата и доставка --*/
.pay {
    text-align: center;
    background: url(../img/bg/pay.jpg) no-repeat top center;
    height: 594px;
}

.pay h2 {
    padding: 100px 0px 80px 0px;
}

.pay h3 {
    font-size: 26px;
    font-weight: bolder;
}

.pay ul {
    width: 960px;
    margin: 70px auto 0px auto;
}

.pay ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 27px;
    padding: 20px 0px 20px 120px;
    text-align: left;
}

.pay ul li.pay1 {
    background: url(../img/pay1.png) no-repeat left center;
    padding-right: 60px;
}


.pay ul li.pay2 {
    background: url(../img/pay2.png) no-repeat left center;
}
/*-- /Оплата и доставка --*/

/*-- Вопросы --*/
.question {
    background: url(../img/bg/question.jpg) no-repeat top center;
    height: 660px;
    text-align: center;
}

.question .form-info {
    width: 300px;
}

.question h2.big-title {
    font-size: 70px;
    color: #ffffff;
    line-height: 65px;
    padding: 80px 0px 40px 0px;
}

.question h2 span {
    font-size: 58px;
    color: #ffffff;
}

.question h3 {
    font-size: 26px;
    color: #ffffff;
    font-weight: bolder;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.question .form {
    background: #ffffff;
    width: 300px;
    padding: 20px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webki-border-radius: 5px;
}
/*-- /Вопросы --*/

/*-- Футер --*/
#footer {
    width: 960px;
    margin: 30px auto;
    font-size: 20px;
    color: #000000;
}

#footer .city {
    font-weight: bolder;
    float: left;
    margin-right: 100px;
}

#footer .addr {
    float: left;
    margin-right: 100px;
}

#footer .addr a {

    color: #ffc400;
    text-decoration: underline;
}

#footer .company {
    float: right;
}

#footer .company a {
    font-size: 18px;
    color: #ffc400;
    text-decoration: underline;
    display: block;
    margin-top: 23px;
}

.modal {
    background: #fff;
    width: 300px;
    padding: 20px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.modal h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bolder;
}

.modal h2 span {
    text-transform: lowercase;
}

.success {
    display: block!important;
    width: 885px;
    background: url(../img/logo.png) no-repeat center 50px #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0px auto;
    text-align: center;
    padding: 150px 0px 50px 0px;
}

.success h2.big-title {
    font-size: 50px;
}

.success div {
    font-size: 28px;
}
/*-- /Футер --*/
.mosk{float:left;}