/* Изменения стандартного бустраповского стиля */

@import url("test.css");
@import url("table.css");

#fancybox-title-over { display: none; }

/* ПРОЧЕЕ ****************************/

body {
  font-family: 'Ubuntu', sans-serif;
  background-color: #edeef0;
  background-image: url(../images/fon2.png);
  background-attachment: fixed;
  padding-top: 120px;
  font-size: 15px;
  color: #000;
}

@media(max-width:767px)
{
body {
    padding-top: 100px;
}
}

a:focus {
    outline: none;
}

h1,
div.section > div > div > div:nth-child(1) > h2 {
  text-transform: uppercase;
  font-family: 'Ubuntu', sans-serif;
  font-weight: lighter;
  text-align: left;


/*text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;*/
    color: #9c8468;
    color: black;
    /* opacity: 0.3; */
    font-size: 29px;
/*
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);*/
    margin-bottom: 20px;


}

h1:before,
div.section > div > div > div:nth-child(1) > h2:before {
/*  content: "\f054";
  font-family: FontAwesome;
  font-size: 76%;
  padding-right: 0.76em;
  font-size: 28px;

text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;*/

content: url(/wp-content/themes/newmarka5/images/arrow_left.png);
height: 25px;
text-align: left;
width: 42px;
display: inline-block;

}

.post {
/*min-height: 1000px;*/
}

.post p {
margin-top: 1em;
margin-bottom: 1em;
}

.post p iframe {
    /*width: 100%;*/
}

.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


.section {
  position: relative;
  padding: 60px 0;
}

.h1, h1 {
    font-size: 29px;
}

::-webkit-input-placeholder {color:#efbf3a;}
::-moz-placeholder          {color:#efbf3a;}/* Firefox 19+ */
:-moz-placeholder           {color:#efbf3a;}/* Firefox 18- */
:-ms-input-placeholder      {color:#efbf3a;}



/* MENU ****************************/

menu {
    padding:0;
    margin:0;
}

#menu-item-135 {
    font-weight: bold;
}

.navbar-toggle {
    margin-top: 28px;
    background-color: #efbf3a;
    background-image: none;
    border: 1px solid #B78D21;
    border-radius: 4px;
}


.navbar {
    margin-bottom: 0px;
}

.navbar-default .navbar-collapse {
    background-color: white;
    min-height: 90px;
}

.navbar-default .navbar-nav > li > a {
    color: black;
}

.navbar-default .navbar-nav > li > a:hover {

}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus  {
    color: #efbf3a;
    background-color: white;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #B78D21;
    text-decoration: none;
    /*border-bottom: 1px dotted #efbf3a;*/
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: black;
    color: #ffffff;
}

.navbar-default .dropdown-menu > li > a, .navbar-default .dropdown-menu > li > a:focus {
    /*background-color: black;*/
    color: black;
}

.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > .active > a, .navbar-default .dropdown-menu > .active > a:hover {
    background-color: #efbf3a;
    color: black;
}


.navbar-default .navbar-nav > .active > a {
    color: #B78D21;
}


.navbar-nav>li>.dropdown-menu {
    background-color: rgba(255,255,255,0.76);
}
.navbar-brand {
  padding: 4px;
}

.navbar-brand.logo1 > img {
/*    height: 38px;*/
    height: 33px;
    height: 45px;
    width: auto;
    margin-top: 5px;
    margin-top: 20px;
/*    margin-left: 76px;*/
}

.navbar-brand.logo2 > img {
    height: auto;
    width: auto;
    margin-top: 5px;
}

.navbar {
  background: white;
  color: black;
  padding: 2px;

  /*box-shadow: 0 10px 6px -6px #777;*/
  min-height: 100px;
  border-bottom: 3px #b78d21 solid;
}

.nav#telefon {
  /* background: red;*/
    margin-top: 19px;
}

.nav#telefon a {
  padding: 4px;
  padding-top: 5px;
  color: #B78D21;
  text-decoration: none;
}

.nav#telefon a:hover {
    text-decoration: none;
}

.nav#telefon a span#tel {
 /* background: blue;*/
    color: #efbf3a;
    color: #B78D21;
    //color: darkgoldenrod;
    width:100%;
    display: block;
    font-size: 1.64em;
    text-align: center;
}

.nav#telefon a span#rezhim {
 /* background: green;*/
    color: #777;
    width:100%;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    display: block;
    margin-top: 5px;
}

.nav#telefon a#zakaz-zvonok-top {
    background: #efbf3a;
    border-radius: 0;
    border; none;
    color: #222;
    margin-top: 10px;
    padding: 3px;
    text-align: center;
}

.nav#telefon a#zakaz-zvonok-top:hover {
    background: #B78D21;
    color: #eee;
}

ul#menu-glavnoe-menyu {
/*margin: auto !important;
display: inline-block;
text-align: center;*/
margin-right: 9em;
    font-size: 0.9em;
}


ul#menu-glavnoe-menyu > li {
    margin-top: 8px;
    margin-top: 29px;
}

ul#menu-glavnoe-menyu  li a {
    padding-right: 11px;
    padding-left: 11px;
    border-left: 3px #B78D21 solid;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 7px;
}

ul#menu-glavnoe-menyu  li:first-child a {
    border: none;
}

/* ПУТЕВОД */

#putevod {
    padding-top: 1em;
    padding-bottom: 0;
    margin-top: 80px;
}

.breadcrumb {
  padding: 8px 8px;
padding-bottom: 0;
    margin-bottom:0;
  list-style: none;
  background-color: inherit;
  border-radius: 0;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "|\00a0";
  padding: 0 5px;
  text-decoration: none;
  color: darkgrey;
}
.breadcrumb > .active {
  color: #efbf3a;
  color: #B78D21;
}

.breadcrumb > li > a{
  color: black;
  text-decoration: underline;
}

div.breadcrumb > span > a{
  color: #efbf3a;
  color: #B78D21;
  text-decoration: underline;
}

div.breadcrumb > span > a.current-item {
  color: black;
  text-decoration: underline;
}

/* ТИПаГРАФИКА */

.nm-orange {
    color: #efbf3a;
    text-weight: bold;
}


/* КНОПКИ ****************************/
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: transparent;
    border: none;
    outline: none;
}


.nm-btn {
  background: #efbf3a;
  border-radius: 0;
  border: none;
  border-top: 2px black solid;
  color: black;
  /*text-shadow: 1px 1px white;*/
}
.nm-btn:hover {
  color: white;
  /*text-shadow: 1px 1px black;*/
  border-top: 2px #efbf3a solid;
  transition: color 0.23s ease-in;
  background-color: black;
}

.nm-btn-white {
  background: #fff;
}
.nm-btn-white:hover {
  border-top: 2px white solid;
}

.nm-btn-black {
  border: none;
  background: #3b382f;
  border-top: 2px white solid;
  color: #efbf3a;
}
.nm-btn-black:hover,
.nm-btn-black:focus
 {
  border: none;
  border-top: 2px #3b382f solid;
  background: #fff;
  color: #000;
}

.nm-big-btn {
    padding: 1em;
    /*padding-left: 0em;
    padding-right: 0em;*/
    font-size: 105%;
}

/* треугольные кнопки */
.nm-btn-trio,
#button2 a.btn,
.su-tabs.filter-tabs .su-tabs-nav span {
/*    margin-top: -40px;*/
    background-color: transparent;
    background-image: url('../images/btn/b.png');
    border: none;
    width: 170px;
    height: 60px;
    text-align: center;
}
/*
  .su-tabs.filter-tabs .su-tabs-nav span.su-tabs-current { background-color: #EDFAFF }
*/
.nm-btn-trio:hover,
.nm-btn-trio:active,
#button2 a.btn:hover,
.su-tabs.filter-tabs .su-tabs-nav span:hover  {
    background-image: url('../images/btn/b2.png');
    background-color: transparent;
    border: none;
}


/* ПОДВАЛ ******************************************************/

footer{
    /*visibility: hidden; /* показываем футоре вконце html (см. footer.php) */
}

footer.section {
    background: #3b382f;
    color: #EEE;
    padding: 19px 0;

}

footer.section > .container > .row > .col-sm-3 {
    padding: 10px;
}

.nm-copyright p{
    font-size: 0.76em;
    text-align: left;
    padding-left: 32%;
    font-size: 0.6em;
}

.nm-copyright p:last-child {
    margin: 0;
    font-size: 0.76em;
}

footer.section .nm-btn {
    margin-bottom: 0.76em;
    border-top-color: white;
    padding-left: 3em;
    padding-right: 3em;
}

footer.section .nm-btn:hover {
    margin-bottom: 0.76em;
    background: white;
    color: #efbf3a;
    border-top-color: #efbf3a;
}

.nm-socialnet p{
    color: #efbf3a;
}

.nm-socialnet a i{
    color: #aaa;
}


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

body.page-id-45 .karta{
    border:3px solid #efbf3a;
    padding-bottom: 36.45%;
}

body.page-id-45 .marshrut{
    border: none;
}

body.page-id-45 .marshrut .su-box-content{
    background:#efbf3a;
}

body.page-id-45 .marshrut .su-box-title {
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

body.page-id-45 #marshrut.section h1{
    display: none;
}

body.page-id-45 #marshrut {
    padding:0; 
}


/* Форма обратной связи */

div.wpcf7 img.ajax-loader {
    display: none;
}

/* расцветка */

.nm-grey {
    color: black;
    background-color: #e6e6e6;
    background-image: url(../images/bg-g.png);
}

.nm-yellow {
    color: black;
    background-color: #efbf3a;
    background-image: url(../images/bg-y.png);
}

/* раскрывашка спойлер для ultimate shortcodes */
.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title,
.su-spoiler-style-fancy > .su-spoiler-title {
    text-align: center;
    color: black;
    background-position: center top;
}

/* хешитеги */

span.hashtag, span.hashtag a {
    background-color: transparent;
}

/* поисковая строка в загловке */
div#poisk {
    z-index: 1812;
    /* background: blue; */
    width: 100px;
    height: auto;
    position: fixed;
    top: 0px;
    right: 0;
    height: 100px;
    /*outline: 1px red solid;*/
    vertical-align: middle;
    line-height: 47px;
    background-color: white;
    background-image: url('/wp-content/themes/newmarka5/images/logo-white.png');
    background-repeat: no-repeat;
    background-position: 100px center;
    line-height: 100px;
    overflow: visible;
    vertical-align: middle;
    outline: 1px solid red;
    display: none;
}

div#poisk:hover {
    width:100%;
    transition: width 1.23s ease-in;
}

div#poisk > * {
    display: inline;
}

div#poisk > img#lupa {
    height: 80px;
    margin: 10px;
}

div#poisk:hover  > img#lupa {
    height: auto;
}

div#poisk > form {
    height: 50px;
}

/* блок фильтра в списке портфолио */

.su-tabs.filter-tabs { background-color: transparent; width: 100%;}
.su-tabs.filter-tabs .su-tabs-nav { text-align: center; margin-bottom: 1em; }
.su-tabs.filter-tabs .su-tabs-nav span { margin: 1em; }
.su-tabs.filter-tabs .su-tabs-nav span.su-tabs-current { background-image: url('../images/btn/b2.png');;}
.su-tabs.filter-tabs .su-tabs-pane {
    padding: 1em;
    background-color: transparent;
    width: 100%;
    min-height: 118px;
}

div.section#searchresult .container .row {
    display: flex;
    flex: 2 2 30%;
    flex-direction: row;
    flex-wrap: wrap;
}

div.section#searchresult .container .row h2 {
    font-size: 16px;
}

/* Большой текст для Антона */
.nm-big {
    font-size: 1.2em;
    line-height: 1.5em;
}



/* ЗАКАЗАТЬ ОФФСЕТНУЮ ПЕЧАТЬ ********************************/

#zakaz-offsetprint-v {
    /*background: #B78D21;*/
    margin: 0px;
    position: fixed;
    width: 32px;
    text-align: center;
    font-size: 14px;
    display: block;
    padding: 0;
    font-weight: normal;
    height: 237px;
    left: 0;
    top: 23%;
    line-height: 40px;
    z-index: 88888;
}

#zakaz-offsetprint-h {
    /*background: #B78D21;*/
    margin: 0px;
    position: fixed;
    width: 237px;
    text-align: center;
    font-size: 14px;
    display: block;
    padding: 0;
    font-weight: normal;
    height: 32px;
    left: 5%;
    bottom: 0%;
    line-height: 40px;
    z-index: 88888;
}


#offsetprint img {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#offsetprint:hover img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

/* ЗКАЗАТЬ ОФФСЕТНУЮ ПЕЧАТЬ. НОВАЯ КРУГЛАЯ АНИМИРОВАННАЯ КНОПКА *************************************/
/* источник: http://wordsmall.ru/html-i-css/kruglaya-knopka-obratnogo-zvonka-css-s-animaciej.html */
/*кнопка обратной связи*/

.marquiz-pops {
    position: fixed !important;
    left: 36% !important;
    bottom: 5% !important;
}

.email-bt {
        background:#efbf3a;
        border:2px solid #efbf3a;
        border-radius:41px;
        box-shadow:0 8px 10px rgba(239,191,58,0.3);
        cursor:pointer;
        height:80px;
        text-align:center;
        width:120px;
        position: fixed;
        left: 5%;
        bottom: 5%;
        z-index:999;
        transition:.3s;
        -webkit-animation:email-an linear 1s infinite;
        animation:email-an linear 1s infinite;

        display: flex;
        justify-content: center;
        align-items: center;
}

.email-bt .text-call{
        height:100%;
        width:100%;
        position:relative;
        overflow:hidden;

        display: flex;
        justify-content: center;
        align-items: center;

        text-decoration: none;

}

.email-bt .text-call span {
    text-align: center;
    color:#B78D21;
    opacity: 0;
    font-size: 0;
    line-height: 18px;
    font-weight: 400;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;

    padding-top: 8px;
}

.email-bt .text-call:hover span {
    opacity: 1;
    font-size: 12px;
}
.email-bt:hover i {
    display:none;
}

.email-bt:hover {
        z-index:1;
        background:#fff;
        transition:.3s;
}
.email-bt:hover i {
        color:#B78D21;
        font-size:45px;
        transition:.3s;
}
.email-bt i {
        color:#fff;
        font-size:45px;
        transition:.3s;
}

.email-bt i  {
        -webkit-animation: opsimple 5s infinite;
        animation: opsimple 5s infinite;
}

/*
@media (min-width: @screen-sm-min) {
@media (min-width: 544px) {
*/
@media(max-width:767px){
.email-bt {
    width:80px;
}

.email-bt .text-call:hover span {
    font-size: 8px;
    line-height: 12px;
}

}

@-webkit-keyframes email-an {
        0% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0)
}
}@keyframes email-an {
        0% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0)
}
}

@keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}

80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

@-webkit-keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
/* конец кнопки звязи */

/* ЗАКАЗАТЬ ЗВОНОК ********************************/
#zakaz-zvonok {
    /*background: #B78D21;*/
    margin: 0px;
    position: fixed;
    width: 32px;
    text-align: center;
    font-size: 14px;
    display: block;
    padding: 0;
    font-weight: normal;
    height: 148px;
    right: 0;
    top: 23%;
    line-height: 40px;
    z-index: 88888;
}

#zakaz-zvonok img {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#zakaz-zvonok:hover img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

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

#contact_form_pop1519,
#contact_form_pop2060,
#contact_form_pop2 {
    padding-left: 1em;
    padding-right: 1em;
}

#contact_form_pop1519 h3,
#contact_form_pop2060 h3,
#contact_form_pop2 h3 {
    text-align: center;
    color: black;
}

#contact_form_pop1519 .wpcf7 p,
#contact_form_pop2060 .wpcf7 p,
#contact_form_pop2 .wpcf7 p {
    color: #B78D21;
    font-weight: normal;
}

#contact_form_pop1519 .wpcf7 input.wpcf7-text,
#contact_form_pop1519 .wpcf7 .wpcf7-textarea,
#contact_form_pop2060 .wpcf7 input.wpcf7-text,
#contact_form_pop2060 .wpcf7 .wpcf7-textarea,
#contact_form_pop2 .wpcf7 input.wpcf7-text,
#contact_form_pop2 .wpcf7 .wpcf7-textarea {
    width: 100%;
}

#contact_form_pop1519 .wpcf7 input.wpcf7-submit,
#contact_form_pop2060 .wpcf7 input.wpcf7-submit,
#contact_form_pop2 .wpcf7 input.wpcf7-submit {
    margin: 0 auto;
    display: inherit;
    padding: 0.5em;
}



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

#fancybox-content {
    background: white;
}

/* История компании */
div.ist1,div.ist2,div.ist3  {
    padding: 2em;
    background-color: #e6e6e6;
    background-image: url('../images/bg-g.png');
    margin-left: 20%;
    margin-right: 20%;
}

div.ist1 h3,div.ist2 h3,div.ist3 h3  {
    margin-top: 0;
}


div.ist1, div.ist3{ background-color: #dedede; }
div.ist2{ background-color: #efbf3a; }

div.ist1 .num,
div.ist2 .num,
div.ist3 .num {
    font-size: 2em;
    display: inline;
}


div.ist1 .num, div.ist3 .num { color: #efbf3a; }
div.ist2 .num { color: white; }

/* Большой желтый спан */

.by {
    font-size: 1.23 em;
    color: #efbf3a;
}