@import url('css/tables.css');


/*
Оранжевый   44adef
Голубой ffaa25
Зелёный c0d633
*/

body {
    color: #767676;
    font-family: Tahoma, Lato, Arial, sans-serif;
    font-size: 13.5 px;
}

hr {
    display: block;
    width: 100%;
}

.post h1 {	color: #121212; font-weight:bold; font-size: 18px; text-transform: uppercase; }
.post h2 {	color: #44adef; font-weight:bold; font-size: 16px; text-transform: uppercase; }
.post h3 {	color: #ffaa25; font-weight:bold; font-size: 15px; }
.post h4 {	color: #c0d633; font-weight:bold; font-size: 14px; }

body.single .post > h2,
body.page .post > h2,
body.post .post > h2 {
    display: none;
}

.section {
    /*    border-bottom: 1px #e8e8e8 solid;
    border-top: 1px red solid;*/
}
#shapka > div > div > div.col-md-4.text-center > p {
    font-size: 15px;
    font-weight: bold;
    color: #121212;
    margin-bottom: 0px;
    line-height: 37px;
}

#shapka > div > div > div.col-md-4.text-center > p > span {
    color: lightgrey;
    font-size: 76%;
    font-weight: normal;
}

#shapka .btn {
    padding: 0;
}

#shapka .btn:hover img {
    content: url(images/btn1_hover.png);
}

#main-menu {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    font-size: 12px;
}

#main-menu .container {
    border-top: 1px #eee solid;
}

#main-menu ul {
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    color: #44adef;
    background: none;
    box-shadow: none;
    border-bottom: 3px #44adef solid;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    /*    color: #c0d633;
    border-bottom: 3px #c0d633 solid;
    */
}

.nav > li > a {
    padding-right: 23px;
    padding-left: 23px;

}

#big-header {
    background-image: url(images/blue_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 960px auto;

    margin: 0;
    color: white;
    text-transform: uppercase;
    padding: 0;
}

#big-header h1{
    margin: 40px 0;
    padding-left: 10px;

}

/* ПУТЕВОД *************************************************************/

#putevod {
    padding: 0;
    font-size: 11px;
}

#putevod .container {
    border-bottom: 1px #eee solid;
}

#putevod > div > div > div > ul {
    margin: 6px 0;
}

.breadcrumb > li + li:before {
    color: #c0d633;
}

/* КАТАЛОГ *************************************************************/

ul#catalog {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

ul#catalog li {
    color: #696969;
    border: none;
    border-radius: 0;
    border-left: 5px white solid;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

ul#catalog li:hover {
    background-color: #e3e3e3;
    border-left: 5px #c0d633 solid;
}

ul#catalog a,
ul#catalog a:hover {
    text-decoration: none;
    color: #696969;
}

ul#catalog a:nth-child(1) li {color: #44adef;}
ul#catalog a:nth-child(2) li {color: #44adef;}
ul#catalog a:nth-child(3) li {color: #44adef;}
ul#catalog a:nth-child(4) li {color: #44adef;}
ul#catalog a:nth-child(5) li {color: #44adef;}

/* ОСНОВНОЙ БЛОК *************************************************************/

#main {
    padding-bottom: 0px;
}

#main .container {
    border-bottom: 1px #eee solid;
    padding-bottom: 30px;
}

/* POST *************************************************************/

.post img {
    float: left;
    /*    max-width: 33%;*/
    height: auto;
    margin: 2em;
    margin-left: 0;
    display: block;
}

.post img:first-child {
    margin-top: 0;
}

body.page-id-385 .post img {
    max-width: 100%;
}




.post .nm-order img {
    width: 100%;
    max-width: 100%;
    margin: 0;
}


/* Блок цены и заказа для шитков */
body.parent-pageid-55 .nm-cena-i-zakaz-block {
    width: 356px;
    border-bottom: 1px #eee solid;
    float: right;
    margin-bottom: 1em;
}


body.parent-pageid-55 .nm-cena-i-zakaz-block .nm-cena {
    display: block;
    width: auto;
    color: #44adef;
    font-weight: bold;
    float:left;
    height: 44px;
    line-height: 44px;
    margin: 0;
}

body.parent-pageid-55 .nm-cena-i-zakaz-block .nm-order {
    float: right;
}



/* показыаем кнопку только на дочках щиткоа автоматики */
body:not(.parent-pageid-55) .post .nm-cena-i-zakaz-block {
    display: none;
}


.nm-cena {
    color: #44adef;
    /*margin-top: 0.5em;*/
    margin-top: -60px;
    float: right;
    margin-right: -530px;
    font-size: 2em;
}


/* КОНТАКТЫ ВНИЗУ *************************************************************/

#contacts .col-md-4 > * {
    float: right;
    display: inline-block;
    width: 75%;
    margin: 0;
}

#contacts .col-md-4 img {
    float: left;
    padding-right: 1em;
    width: 25%;
}

#contacts .col-md-4 h1 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
}

#contacts > div > div > div:nth-child(1) > h1,
#contacts > div > div > div:nth-child(1) > p:nth-child(4) { color: #ffaa25; }

#contacts > div > div > div:nth-child(2) > h1,
#contacts > div > div > div:nth-child(2) > p:nth-child(4) a { color: #c0d633; }

#contacts > div > div > div:nth-child(3) > h1,
#contacts > div > div > div:nth-child(3) > p:nth-child(4) { color: #44adef; }

/* FOOTER *************************************************************/

footer.section {
    background-color: #ececec;
    padding: 0;
    color: #888;
    font-size: 11px;
}

footer * {
    padding: 0;
}

footer p {
    padding: 10px;
    margin: 0;
}

/*************** КНОПКИ  *******************/





.nm-energo:hover img { content: url(images/energo_hover.png); }
.nm-partners:hover img { content: url(images/partners_hover.png); }
.nm-auto:hover img { content: url(images/auto_hover.png); }


.nm-read:hover img { content: url(images/read_btn_hover.png); }
.nm-order:hover img { content: url(images/order_btn_hover.png); }


/* ФОРМА ЗАКАЗА */

form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
    width: 100%;
    border: 1px solid #696969;
}

form.wpcf7-form textarea {
    height: 9em;
}


form.wpcf7-form p {
    color: #696969;
    font-weight: bold;
    font-size: 11px;
}


form.wpcf7-form span {
    color: #44adef;
}

/* меняем кнопку отправить */
form.wpcf7-form .wpcf7-submit {
    background: url(http://nauteks.ru/wp-content/themes/nauteks2/images/btn1.png);
    min-width: 153px;
    height: 38px;
    border: none;
    color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* настройки всплывающей формы */

#contact_form_pop {
    padding-left: 2em;
    padding-right: 2em;
}

#contact_form_pop h3{
    text-align: center;
    color: #44adef;
    /*    text-shadow: 1px 0px 1px navy;*/
    text-transform: uppercase;
    font-weight: bold;
}

#contact_form_pop h3:after{
    content: '';
    width: 100%;
    text-align: center;
    display: block;
    background: url(http://static.diary.ru/userdir/6/9/4/0/694017/29287176.gif);
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}

#contact_form_pop .wpcf7 p {
    color: #44adef;
    font-weight: normal;
}


/* фиксим фон во всплываюзей форме заказа */

#fancybox-content {
    background: white;
}

/* партнёры */
body.page-id-2058 #post-2058 table {
    width: 100%;
    background: red;
}

body.page-id-2058 #post-2058 a {
    text-align: center;
}

body.page-id-2058 #post-2058 .entry p {
    display: flex;
    flex-wrap: wrap;
}


body.page-id-2058 #post-2058 .entry p a {
    margin: 0;
    /*outline: 1px red solid;*/
    width: 50%;


    height: auto;
    padding:1em;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;

}

body.page-id-2058 #post-2058 .entry p a img {
    margin:0;
}

/* страница поиска */

body.page-id-2146 #post-2146 .entry #searchform #s {
    min-width: 76%;
    margin-right: 0.23em;
}


/* страница шитков */

.shitki h3 {
    margin-top: 0;
}

/* Форма заказа поверки теплосчётчиков (страница 2319) */



div#wpcf7-f2318-p2319-o2 {
    /*    background: yellow;*/
}

div#wpcf7-f2318-p2319-o2 .ts-sv-marka input,
div#wpcf7-f2318-p2319-o2 .ts-sv-diam input,
div#wpcf7-f2318-p2319-o2 .ts-sv-kol input,
div#wpcf7-f2318-p2319-o2 .ts-dt-marka input,
div#wpcf7-f2318-p2319-o2 .ts-dt-kol input,
div#wpcf7-f2318-p2319-o2 .ts-dd-marka input,
div#wpcf7-f2318-p2319-o2 .ts-dd-kol input,
div#wpcf7-f2318-p2319-o2 .ts-v-marka input,
div#wpcf7-f2318-p2319-o2 .ts-v-kol input {
    width: 10em;
}

div#wpcf7-f2318-p2319-o2 .wpcf7-radio * {
    width: auto;
}



/*
==========================================================
    Bootstrap 3 Media Query Breakpoints
==========================================================
*/

/* -xs- from 0px to 767px */
@media(max-width:767px)
{
    .navbar-brand
    {
        padding: 10px;
    }
}

/* -sm- from 768px to ∞ */
@media(min-width:768px)
{

}

/* -md- from 992px to ∞ */
@media(min-width:992px)
{

}

/* -lg- from 1200px to ∞ */
@media(min-width:1200px)
{

}

.mobile-header
{
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 0;
    justify-content: center;
    align-items: center;
    width: auto;
}

.mobile-header .phone
{
  padding-top: 5px;
    width: 100%;
    /*outline: 1px solid red;*/
    margin-bottom: 15px;
    text-align: center;
}

.mobile-header .text
{
    width: 120%;
    /*outline: 1px solid green;*/
    font-size: 110%;
    text-align: center;
    font-weight: bold;
    margin-left: -20px;
    margin-right: -20px;

}