body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

h1 {
    font: 700 16px/20px 'Roboto', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #c7c8ca;
    padding: 10px 15px;
    font-size: 16px;
    color: #bb925e;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
}

        h2 {
            font-family: 'Playfair Display', serif;
            margin-top: 0;font-size: 22px;
        }

h3 {
    font-family: 'Roboto Condensed', sans-serif;
}

        a{color:#58585b}

        .container{ max-width: 960px;min-width: 960px;}


/* #home-page */

/* #region */


/* #dpo */

.mdl-layout__header {
    background-color: #fff;
}

.mdl-layout__tab-bar-container {
     background-color: #fff;
}

.mdl-layout__tab-bar {
    background-color: #fff;
}


.mdl-layout__tab-bar-button {
    background-color: #fff;
}

.dpo-title-logo {
}

.mdl-layout-title {}




.dpo-logo {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: #bb925e;
}
/* #enddpo */
/* #region top */
.top {
    margin-top: 10px;
    margin-bottom: 20px;
}
.top-header .logo {
  
    color: #bb925e; font: 400 30px/32px 'Playfair Display', serif;
}
             .top-header .tel {font: 400 24px/40px 'Open Sans', sans-serif;color:#bb925e;}
             .top-header .mail a {text-align: right;color: #6e80bb;}
             .top-header .separator{line-height: 40px; border-right: 1px solid #c7c8ca; margin:0 15px;}
      
        .top-menu { margin: 5px 0;border-bottom: 1px solid #c7c8ca;}
        .top-menu a{ text-transform: uppercase;color: #58585b;padding-right: 10px;}


/* #endregion */




/* #home-page */
.home-page-body .logo{font: 60px/60px 'Playfair Display', serif;  color:#bb925e;}

/* #endregion */




  .shemaRaboty figure {
            height: 300px;
        }
       



        figcaption span {
            color: #bb925e;
            font-size: 20px;
        }


        .footer {
            background-color: #bb925e;
            min-height: 60px;
            text-align: center;
        }
 
        .gallery{ margin-bottom: 40px;border-bottom: solid 1px #c7c8ca;padding-bottom: 20px;}

       

        .gallery .item{padding: 10px;border: solid 10px #c7c8ca;}
        .gallery a{width: 210px; height: 210px; overflow: hidden;display: block;}
        .gallery a img{width: 140%; display: block; margin: 0 -20%;padding: 20px;} 
        .gallery a img.va{width: 200%; display: block; margin: 0 -50%;padding: 20px;}