@charset "UTF-8";
.portfolio {
    font-family: CharterITCRegular !important;
    /*min-width: 1000px;*/
}
.dobro {
    overflow: hidden;
    color: #000;
    /* ╨Я╨╡╤А╨▓╤Л╨╣ ╨▒╨╗╨╛╨║ */
    /* ╨Т╤В╨╛╤А╨╛╨╣ ╨▒╨╗╨╛╨║ */ }
.dobro p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; }
.dobro .title_text {
    padding-top: 80px; 
    width: 958px;
    margin: 0 auto;
}
.dobro .title_text h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0; }
.dobro .title_text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; }
.dobro .intro {
    height: 777px;
    background-color: #f8c42b;
    position: relative;
    background-image: url(/images/dobro/bg-intro.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
.dobro .intro .title_text {
    padding-top: 62px; 
    width: 958px;
    margin: 0 auto;
}
.dobro .intro .map_dobro {
    background-image: url(/images/dobro/map.png);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    height: 395px;
    width: 1112px;
    position: absolute;
    left: 50%;
    margin-left: -556px;
    top: 160px; }
.dobro .intro .text {
    margin: 495px auto 0;
    width: 958px; }
.dobro .intro .text p {
    line-height: 30px; }
.dobro .mark {
    height: 1187px;
    background-color: #1bb1c5;
    position: relative;
    background-image: url(/images/dobro/bg-mac.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
.dobro .mark .mac {
    background-image: url(/images/dobro/mac.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 519px;
    width: 639px;
    position: absolute;
    left: 50%;
    margin-left: -380px;
    top: 475px;
    /*@include calc(left, '50% - 380px');*/
    z-index: 2; }
.dobro .mark .mac-shadow {
    content: "";
    position: absolute;
    background-image: url("/images/dobro/shadow-2.png");
    height: 47px;
    width: 838px;
    left: 50%;
    margin-left: -606px;
    z-index: 1;
    top: 947px;
    /*@include calc(left, '50% - 586px');*/ }
.dobro .mark .mac-text {
    background-image: url(/images/dobro/mac-text.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 354px;
    height: 220px;
    position: absolute;
    left: 50%;
    margin-left: 125px;
    top: 581px;
    /*@include calc(left, '50% + 124px');*/
    z-index: 3; }
.dobro .mark .mac-text p {
    width: 290px;
    padding: 12px 37px; }
.dobro .main_page {
    height: 2348px;
    position: relative;
    background-image: url(/images/dobro/bg-main2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; 
    overflow: hidden;
}
.dobro .main_page .title_text {
    padding-bottom: 43px;
    padding-top: 93px;
    width: 958px;
    margin: 0 auto;
}
.dobro .main_page .title_text h1 {
    margin-bottom: 36px; }
.dobro .main_page .title_text p {
    line-height: 30px; }
.dobro .main_page .maket {
    background-image: url(/images/dobro/main_page.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 1913px;
    width: 966px;
    position: absolute;
    left: 50%;
    margin-left: -483px; }
.dobro .main_page .maket .text {
    position: absolute; }
.dobro .main_page .maket .text p {
    font-size: 16px;
    line-height: 24px; }
.dobro .main_page .maket .text.item-1 {
    width: 305px;
    top: 335px;
    /*@include calc(left, '50% + 155px');*/
    left: 66%; }
.dobro .main_page .maket .text.item-2 {
    width: 295px;
    top: 1253px;
    /*@include calc(right, '50% + 157px');*/
    left: 3%; }
.dobro .main_page .pencil-1 {
    background-image: url(/images/dobro/pencil-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 106px;
    width: 156px;
    position: absolute;
    top: 487px;
    /*@include calc(left, '50% + 390px');*/
    left: 50%;
    margin-left: 391px; }
.dobro .main_page .pencil-2 {
    background-image: url(/images/dobro/pencil-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 271px;
    width: 336px;
    position: absolute;
    top: 810px;
    /*@include calc(right, '50% + 335px');*/
    left: 50%;
    margin-left: -672px; }
.dobro .main_page .pencil-3 {
    background-image: url(/images/dobro/pencil-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 258px;
    width: 257px;
    position: absolute;
    top: 1199px;
    /*@include calc(left, '50% + 431px');*/
    left: 50%;
    margin-left: 430px; }
.dobro .request {
    background: url(/images/dobro/bg-cloud.png) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 1586px;
    background-color: #ffd83d;
    position: relative;
    overflow: hidden;
}
.dobro .request .title_text {
    padding-bottom: 43px;
    padding-top: 73px; 
    width: 958px;
    margin: 0 auto;
}
.dobro .request .title_text h1 {
    margin-bottom: 33px; }
.dobro .request .title_text p {
    line-height: 30px; }
.dobro .request .maket {
    position: absolute;
    left: 50%; }
.dobro .request .maket.item-1 {
    background-image: url(/images/dobro/maket-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 814px;
    width: 458px;
    top: 408px;
    /*@include calc(right, '50% + 303px');*/
    margin-left: -763px; }
.dobro .request .maket.item-2 {
    background-image: url(/images/dobro/maket-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 1191px;
    width: 536px;
    top: 309px;
    /*@include calc(right, '50% - 50px');*/
    margin-left: -487px; }
.dobro .request .maket.item-3 {
    background-image: url(/images/dobro/maket-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 1003px;
    width: 511px;
    top: 350px;
    /*@include calc(left, '50% - 28px');*/
    z-index: 2;
    margin-left: -28px; }
.dobro .request .maket.item-4 {
    background-image: url(/images/dobro/maket-4.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 763px;
    width: 614px;
    top: 497px;
    /*@include calc(left, '50% + 152px');*/
    z-index: 1;
    margin-left: 150px; }
.dobro .easy {
    color: #fff;
    height: 1583px;
    background: url(/images/dobro/bg-easy.png) no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative; }
.dobro .easy .title_text {
    padding-top: 65px;
    padding-bottom: 43px; 
    width: 958px;
    margin: 0 auto;
}
.dobro .easy .title_text h1 {
    margin-bottom: 31px; }
.dobro .easy .title_text p {
    line-height: 30px; }
.dobro .easy .slider {
    width: 1000px;
    position: absolute;
    top: 230px;
    left: 50%;
    margin-left: -500px;
    height: 510px; }
.dobro .easy .slider .slick-list {
    height: 591px; }
.dobro .easy .slider .slide {
    width: 960px;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-box-shadow: -4px 7px 9px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: -4px 7px 9px 0px rgba(0, 0, 0, 0.45);
    box-shadow: -4px 7px 9px 0px rgba(0, 0, 0, 0.45); }
.dobro .easy .slider .slide.s-3 {
    margin-top: 112px; }
.dobro .easy .slider button {
    position: absolute;
    top: 205px;
    width: 48px;
    height: 91px;
    background-image: url(/images/dobro/arrows.png);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 3; }
.dobro .easy .slider button:before {
    content: ""; }
.dobro .easy .slider .slick-prev {
    background-position: -3px -3px;
    left: -101px; }
.dobro .easy .slider .slick-prev:hover {
    background-position: -57px -3px; }
.dobro .easy .slider .slick-next {
    background-position: -111px -3px;
    right: -94px; }
.dobro .easy .slider .slick-next:hover {
    background-position: -165px -3px; }
@media screen and (max-width: 1200px) {
    .dobro .easy .slider .slick-prev {
        left: -50px; }
    .dobro .easy .slider .slick-next {
        right: -43px; } }
.dobro .easy .dobro-menu {
    display: block;
    margin: 578px auto 0; }
.dobro .route {
    height: 662px;
    background: url(/images/dobro/bg-route.png) no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    overflow: hidden;
}
.dobro .route .title_text {
    padding-top: 72px;
    padding-bottom: 14px; 
    width: 958px;
    margin: 0 auto;
}
.dobro .route .title_text h1 {
    margin-bottom: 30px; }
.dobro .route .title_text p {
    line-height: 30px; }
.dobro .route .review {
    display: block;
    margin: 0 auto; }
.dobro .route .pencil-4 {
    background-image: url(/images/dobro/pencil-4.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 189px;
    width: 188px;
    position: absolute;
    top: 335px;
    /*@include calc(left, '50% + 528px');*/
    left: 50%;
    margin-left: 528px; }
.dobro .link {
    height: 250px;
    background: url(/images/dobro/bg-link.png) no-repeat;
    background-size: cover;
    position: relative; }
.dobro .link a {
    border: 2px solid #fed345;
    border-radius: 3px;
    font-family: "PT Sans";
    font-size: 25px;
    display: block;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -170px;
    width: 340px;
    padding: 35px 0;
    text-decoration: none;
    text-align: center;
    color: #000 !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee66a+0,fed345+100 */
    background: #fee66a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fee66a 0%, #fed345 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fee66a), color-stop(100%, #fed345));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fee66a 0%, #fed345 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fee66a 0%, #fed345 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fee66a 0%, #fed345 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fee66a 0%, #fed345 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee66a', endColorstr='#fed345',GradientType=0 );
    /* IE6-9 */ }
.dobro .link a:hover {
    background: #fee66a; }
.dobro .link .shadow {
    content: "";
    background: url("/images/dobro/shadow.png") no-repeat;
    height: 37px;
    width: 334px;
    position: absolute;
    left: 50%;
    margin-left: -167px;
    top: 190px; }

/*# sourceMappingURL=dobro.css.map */