/* Стили для блоков. Фоны и прочее. Потырить потом сюда стили блоков с home.ccs и onas.css */

/* СЕТКА ПОРТФОЛИО */


#portfolio-grid {
  background-color: #e6e6e6;
  background-color: darkgrey;
  background-color: #e6e6e6;
  background-image: url(../images/fon1.png);
}
#portfolio-grid .col-md-4 {
  padding-bottom: 2em;
}


/* НАШИ КЛИЕНТЫ */

#nashi-klienty {
  /*background-color: #efbf3a;*/
    background-color: white;
  /*background-image: url(../images/fon1.png);*/
}


#nashi-klienty #portfolio-grid {
    background-color: #efbf3a;
    background-image: url(../images/fon2.png);
}


#nashi-klienty .col-md-2 img {
    margin-top: 2.3em;
    width: 165px;
    height: 120px;



  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */;
  filter: grayscale(1);


/*outline: 1px #eee solid;*/

}

#nashi-klienty .col-md-2 img:hover {

  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;


}

/* НАША МИССИЯ */

#nasha-missia p{
    background-color: rgb(230,230,230);
    margin-top: 2em;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;

}

#nasha-missia .col-md-8 {
    margin-top: 40px;
    margin-bottom: 40px;
}


/* НАШИ ЦЕННОСТИ */

#nashi-cennosti {
  background-color: #efbf3a;
  background-image: url(../images/bg-y.png);
}

/* НАШИ ПРЕИМУЩЕСТВА */

#nashi-preim h1 {
    margin-bottom: 80px;
}

#nashi-preim {
    background-color: #e6e6e6;
    background-image: url(../images/bg-g.png);
}

#nashi-preim .col-md-8 {
    background-color: white;
    background-repeat: no-repeat;
    background-position: left center;
    height: 70px;
    padding-left: 100px;
    line-height: 70px;
    font-size: 1.45em;
    margin-bottom: 0.76em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#nashi-preim .nashi-preim-1 { background-image: url(../icons/onas/pr-1.jpg); }
#nashi-preim .nashi-preim-2 { background-image: url(../icons/onas/pr-2.jpg); }
#nashi-preim .nashi-preim-3 { background-image: url(../icons/onas/pr-3.jpg); }
#nashi-preim .nashi-preim-4 { background-image: url(../icons/onas/pr-4.jpg); }
#nashi-preim .nashi-preim-5 { background-image: url(../icons/onas/pr-5.jpg); }

#nashi-preim .col-md-8 a {
    color: #efbf3a;
}

/* УСЛУГИ */
/*
#uslugi .row > div > a > img:hover,
#uslugi2 .row > div > a > img:hover {
    -webkit-filter: invert(1);
    filter: invert(1);
}
*/

#uslugi .row > div > a > img:hover {
/*    content: attr(hover-image);*/
/*-webkit-filter: contrast(1.76) invert(1);
filter: contrast(1.76) invert(1);*/
-moz-filter: grayscale(100%);
-moz-filter: contrast(1.76) invert(1);

    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;


}


#uslugi .row > div:nth-child(1) > a > img:hover { content: url(../icons/uslugi/u1-hover.jpg); }
#uslugi .row > div:nth-child(2) > a > img:hover { content: url(../icons/uslugi/u2-hover.jpg); }
#uslugi .row > div:nth-child(3) > a > img:hover { content: url(../icons/uslugi/u3-hover.jpg); }
#uslugi .row > div:nth-child(4) > a > img:hover { content: url(../icons/uslugi/u4-hover.jpg); }
#uslugi .row > div:nth-child(5) > a > img:hover { content: url(../icons/uslugi/u5-hover.jpg); }
#uslugi .row > div:nth-child(6) > a > img:hover { content: url(../icons/uslugi/u6-hover.jpg); }
#uslugi .row > div:nth-child(7) > a > img:hover { content: url(../icons/uslugi/u7-hover.jpg); }
#uslugi .row > div:nth-child(8) > a > img:hover { content: url(../icons/uslugi/u8-hover.jpg); }



#uslugi .row > div,
#uslugi2 .row > div {
  padding-bottom: 1.76em;
}

#uslugi .row > div.col-md-12 {
    padding-top: 2em;
}


/* Форма */

#forma {
  background-color: lightgrey;
  background-image: url(../images/bg-g.png);
}


#forma [class^="col-md"] {
    /*padding-left: 19%;
    padding-right: 19%;*/
}

#forma [class^="col-md"] h1 {
    text-align: center;
    background: #3b382f;
    color: white;
    margin: 0;
    padding: 0.5em;
    text-transform: none;
}

#forma [class^="col-md"] h1:before {
    display: none;
}

#forma [class^="col-md"] .wpcf7 {
    background-color: #efbf3a;
    padding: 1em;
}

#forma [class^="col-md"] .wpcf7 form.wpcf7-form input,
#forma [class^="col-md"] .wpcf7 form.wpcf7-form select,
#forma [class^="col-md"] .wpcf7 form.wpcf7-form textarea{
    width: 100%;

}

#forma [class^="col-md"] .wpcf7 form.wpcf7-form .wpcf7-submit {
    width: inherit;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.nm-forma .wpcf7{
    color: black;
    padding: 1em;
    background-color: #efbf3a;
    background-image: url(../images/bg-y.png);
}

.nm-forma .wpcf7 * {
    width: 100%;
}

/************** Полосатость для страницы "Интернет-маркетинг" ****** Добавлено 13 мая 2016 через Антона **************/

body.page-id-505 #anons table tr:nth-child(even) td {  background: #efbf3a; color: #3b382f; }
body.page-id-505 #anons table tr:nth-child(odd) td {  background: #3b382f; color: #efbf3a; }

/***************** Для страницы "Комплексные пакеты услуг" **********************************************************/

body.page-id-1874 #anons h3 {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 0.45em;
    /* text-align: center;*/
}

body.page-id-1874 #anons p {
    margin-top: 0;
    text-align: justify;
    font-size: 11px;
}

body.page-id-1874 #anons p:first-child {
    font-size: initial;
}



body.page-id-1874 #anons h3:first-letter {
    color: #efbf3a;
}


body.page-id-1874 #anons a {
    color: #efbf3a;
}

body.page-id-1874 [class^="col-md"] {
/*    outline: 1px solid red;*/
}


body.page-id-1874 #pakety .col-md-4 {
    height: 250px;
    background: url(http://vignette3.wikia.nocookie.net/math/images/5/5f/220px-Circle_-_black_simple.svg.png/revision/latest?cb=20140707144049&path-prefix=en);
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent;
}


body.page-id-1874 #pakety .col-md-12 {
    margin-bottom: 3em;
}

body.page-id-1874 #pakety .col-md-12:last-child {
    margin-bottom: 0em;
}

/* Блок "Почему..." на странице "реклама на путепроводах" */

body.page-id-1895 #pochemy h3 { color: white;}
body.page-id-1895 #pochemy h3:first-letter { font-size: 1.5em;}


/* Блок "Сравнение..." на странице "реклама на путепроводах" */
body.page-id-1895 #sravnenie table td,
body.page-id-1895 #sravnenie table th { color: black; background: none; border: none; vertical-align: middle; }

body.page-id-1895 #sravnenie table th:nth-child(2) {color: white; background: #3b382f;}
body.page-id-1895 #sravnenie table th:nth-child(3) {color: black; background: #efbf3a;}


body.page-id-1895 #sravnenie table td:nth-child(2) {border-bottom: 2px solid #3b382f;}
body.page-id-1895 #sravnenie table td:nth-child(3) {border-bottom: 2px solid #efbf3a;}

/* Блок "Почему..." 2 на странице "реклама на путепроводах" */

body.page-id-1895 #pochemy2 table td,
body.page-id-1895 #pochemy2 table th {
    color: black;
    background: white;
    border: none;
    vertical-align: middle;
    border: 4px solid #efbf3a;
    width: 33.33%;
}

body.page-id-1895 #pochemy2 table th:nth-child(1) {color: white; background: #e6e6e6;}
body.page-id-1895 #pochemy2 table th:nth-child(2) {color: white; background: #3b382f;}
body.page-id-1895 #pochemy2 table th:nth-child(3) {color: white; background: #3b382f;}

/* Блок "Какие возможности..." 2 на странице "реклама на путепроводах" */

body.page-id-1895 #pakety .col-md-8 .row .col-md-4:nth-child(2) {
    min-height: 230px;
    background: #3b382f;
    color: white;
    border-right: 1em solid white;

    font-size: 90%;

}

body.page-id-1895 #pakety .col-md-8 .row .col-md-4:nth-child(2) strong { color: #efbf3a; }


body.page-id-1895 #pakety .col-md-8 .row .col-md-4:nth-child(3) {
    min-height: 230px;
    background: #efbf3a;
    color: black;

    font-size: 90%;
}

body.page-id-1895 #pakety .col-md-8 .row .col-md-4:nth-child(3) strong { color: #3b382f; }