.page-template .page-header-title,.single-tropa .page-header-title {
    display: none
}

.page-template .page-header,.single-tropa .page-header {
    background: #0170ba!important;
    margin: 0!important;
    padding: 0!important;
    height: 100px;
    margin-bottom: 0!important
}
.sidebar a {
    line-height:18px!important;
}

.single-tropa .sidebar {
    margin-top: 20px!important
}

.single-tropa .conteiner, .single-dost .conteiner {
    margin-top: 0;
    padding-top: 0
}

.map2 {
    width: 100%;
    position: relative;
    display: block;

}
.map {
    width: 100%;
    position: relative;
    display: block;
    min-height: 100%;
    height: 100vh
}

.hint {
    color: #0027ee;
    display: block;
    font-size: 13px;
    text-align: center;
    width: 45px;
    margin-left: -40px;
    background: #ffffffa6;
    margin-top: -5px
}

p {
    line-height: 14px;
    padding: 0;
    margin: 5px 0
}



p {
    line-height: 14px;
    padding: 0;
    margin: 5px 0
}

.hamburger-menu h4 {
    margin-top: 7px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 5px;
    padding-left: 17px
}

.hamburger-menu h4:first-child {
    margin: 0
}

.hamburger-menu .menu__item {
    font-size: 16px;
    padding: 0 6px
}

.naz-m {
    text-align: center;
    padding: 5px;
    color: #000;
    font-size: 20px;
    font-weight: 700
}

#elem1 {
    width: 30%;
    font-size: 13px;
    padding: 6px 0 4px 10px;
    border: 1px solid #0075ff;
    background: #f6f6f6;
    border-radius: 0;
    margin-right: 10px;
    margin-left: 17px
}

#butt {
    appearance: none;
    border: 0;
    border-radius: 0;
    background: #004eab;
    color: #fff;
    padding: 5px 10px;
    font-size: 15px
}

.naz0 {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: 700;
    color: #4b8086
}

.menu__box {
    margin-bottom: 20px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify
}

.footer {
    font-size: 12px;
    padding: 0 10px
}

@media (max-width: 768px) {
    body,html {
        padding:0
    }

    .cont {
        max-width: 100%;
        height: 100%
    }

    .menu {
        list-style: none;
        padding: 5px;
        float: inherit;
        margin: 0
    }

    .map2 {
        width: 100%;
        float: inherit;
        
    }
    .map {
        width: 100%;
        float: inherit;
        height: 100vh
    }

    #menu__toggle {
        opacity: 0
    }

    .map .balloon__content {
        max-width: 350px
    }

    .footer {
        display: none
    }

    #menu__toggle:checked~.menu__btn>span {
        transform: rotate(45deg);
        position: absolute;
        top: 0;
        display: flex;
        z-index: 9999999
    }

    #menu__toggle:checked~.menu__btn>span:before {
        top: 0;
        transform: rotate(0)
    }

    #menu__toggle:checked~.menu__btn>span:after {
        top: 0;
        transform: rotate(90deg)
    }

    #menu__toggle:checked~.menu__box {
        visibility: visible;
        left: 0;
        z-index: 99999
    }

    .main-n {
        margin-top: 20px!important;
        text-align: center
    }

    .title-n {
        padding: 0 10px;
       
    }

    .title-n img {
        margin-top: 5px;
        width: 30px;
        margin-left: 10px;
        float: right
    }

    .menu__box .title-n .text-n {
        font-size: 16px;
        line-height: 18px;
        padding-top: 16px;
        color: #fff;
        text-align: right
    }

    .naz {
        width: 100%;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: -13px
    }

    #top-bar-social {
        display: none
    }

    .topbar-content {
        font-size: 15px;
        position: relative;
        display: block;
        line-height: 22px;
        width: 100%!important
    }

    #top-bar {
        padding-top: 5px!important;
        padding-bottom: 5px!important
    }

    .menu__btn {
        display: flex;
        align-items: center;
        position: relative;
        top: 20px;
        left: 20px;
        width: 26px;
        margin-top: -42px;
        height: 26px;
        margin-left: -4px;
        cursor: pointer
    }

    .menu__btn>span,.menu__btn>span:before,.menu__btn>span:after {
        display: block;
        position: absolute;
        width: 25px;
        height: 4px;
        background-color: #989898;
        transition-duration: .25s
    }

    .menu__btn>span:before {
        content: '';
        top: -8px
    }

    .menu__btn>span:after {
        content: '';
        top: 8px
    }

    .menu__box h4 {
        text-transform: uppercase;
        text-align: left;
        margin-top: 7px;
        padding-bottom: 0;
        font-size: 14px
    }

    .hamburger-menu h4:first-child {
        margin-bottom: 10px
    }

    .naz0 {
        display: none
    }

    .menu__box {
        display: block;
        position: fixed;
        visibility: hidden;
        top: 0;
        left: -100%;
        width: 300px;
        height: 100%;
        margin: 0;
        list-style: none;
        background-color: #eceff1;
        box-shadow: 1px 0px 6px rgba(0,0,0,.2);
        transition-duration: .25s
    }

    .menu__item input {
        padding: 5px;
        padding: 1px 0 4px 1px;
        border: 1px solid #cecece;
        background: #f6f6f6;
        border-radius: 8px;
        margin-top: -1px;
        margin-right: 4px
    }

    .hamburger-menu .menu__item {
        display: block;
        padding: 2px 0;
        color: #333;
        padding-right: 0;
        font-family: 'Roboto',sans-serif;
        font-size: 15px;
        text-align: left;
        text-decoration: none;
        transition-duration: .25s
    }

    .naz-m {
        background: #eceff1;
        color: #000;
        text-transform: uppercase;
        font-size: 28px
    }

    #elem1 {
        width: 45%;
        font-size: 24px
    }

    .menu__box #butt {
        font-size: 22px;
        padding: 9px 12px;
        height: 40px;
        line-height: -6px
    }

    .menu__item:hover {
        background-color: #cfd8dc
    }

    .ssil {
        font-size: 16px;
        text-decoration: underline;
        color: #0170ba
    }
}

@media (min-width: 768px) {
    #menu__toggle,.naz {
        display:none
    }

    .main-n {
        margin-top: 22px;
        padding-left: 10px;
    }

    .cont {
        width: 100%;
        margin: 0 auto;
        height: 100%;
        background: #fff;
        -webkit-box-shadow: 0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
        box-shadow: 0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
        border: none
    }

    .hamburger-menu {
        list-style: none;
        padding: 0;
        float: left;
        width: 20%;
        height: 100vh;
        margin: 0;
        color: #021b3a;
        background: #eeeeef
    }

    .title-n {
        padding: 0 10px;
        
    }

    .title-n img {
        margin-top: 10px;
        width: 30px;
        float: left;
        margin-right: 10px
    }

    .title-n .text-n h3{
        font-size: 20px;
        line-height: 18px;
        padding-top: 16px;
        color: #fff!important;
    }

    .map2 {
        width: 80%;
        float: right;

    }
    .page-template-single-map-trassa .map, .page-template-single-map-php .map {
width: 80%;
    }
    .map {
      
        float: right;
        height: 100vh
    }
}

@media (max-width: 1262px) {
    .title-n .text-n {
        padding-top:9px
    }
}

@media (max-width: 1248px) {
    .hamburger-menu {
        list-style:none;
        float: left;
        width: 20%;
        margin: 0
    }

    #elem1 {
        width: 30%;
        margin-right: 3px
    }

    #butt {
        width: 49%;
        font-size: 14px
    }

    .map2 {
        width: 80%;
        float: right;
        height: 100%
    }
    
}

@media (max-width: 768px) {
    .hamburger-menu {
        list-style:none;
        padding: 0;
        float: left;
        padding-bottom: 7px;
        height: 50px;
        width: 100%;
        margin: 0;
        background: #f2feff
    }

    .map2 {
        width: 100%;
        float: right;
      
    }
    .map {
        width: 100%;
        float: right;
        height: 100vh
    }

    .hamburger-menu {
        list-style: none
    }
}

.sbr {
    background: #004eab;
    padding: 10px;
    margin: 0 10px;
    margin-left: 16px;
    text-align: center
}

.sbr:hover {
    background: #ccc
}

.sbr a {
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    text-decoration: none
}

.sbr:hover a {
    color: #004eab
}

.ppz {
    font-size: 17px;
    padding: 0;
    margin: 0;
    line-height: 17px
}

#pozar-2021,#pozar-2020,#gidr2 {
    padding-right: 0
}

#pozar-2022 img,#pozar-2021 img,#pozar-2020 img,#gidr2 img,#vodoem2 img,#soc2 img,#np2 img,#pp2 img,#yik2 img,#pa2 img {
    width: 28px;
    height: 28px;
    margin-top: -4px;
    float: left
}

#pa2 img {
    height: 15px;
    margin-top: 2px;
    float: left
}

#gidr,#pozar,#pozar2020,#pozar2022,#vodoem,#soc,#np,#pp,#yik,#pa {
    float: left;
    margin: 2px 10px 0 0
}

.ppz {
    float: left
}

#g139,#g140,#g141,.ikk {
    display: none
}

#g139,#g140,#g141,#pogps,#new_gogps,.ikk,#vogps {
    float: left;
    line-height: 18px;
    font-weight: 700;
    padding-left: 3px
}

.ikk#pogps20 {
    display: block
}

@media (max-width: 2100px) {
    .poz {
        width:13%
    }

    .main-n h3 {
        font-size: 17px
    }
}

@media (max-width: 1500px) {
    .main-n h3 {
        font-size:14px
    }
}

@media (max-width: 1310px) {
    .poz {
        width:16%
    }

    .main-n h3 {
        font-size: 14px
    }
}

@media (max-width: 1180px) {
    .main-n h3 {
        font-size:12px
    }
}

@media (max-width: 980px) {
    .poz {
        width:20%
    }

    .main-n h3 {
        font-size: 12px
    }
}

@media (max-width: 728px) {
    .poz {
        width:41%
    }
}

@media (max-width: 480px) {
    .poz {
        width:84%
    }
}

.poz {
    float: left;
    margin: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e8e8e8;
    height: 523px;
    position: relative;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;
    line-height: 18px
}

.poz:hover {
    -webkit-box-shadow: 0 6px 26px -5px rgb(97 61 2/30%);
    box-shadow: 0 6px 26px -5px rgb(97 61 2/30%)
}

.poz h3 {
    text-align: center;
    padding: 0;
    margin: 0;
    color: #5180e9
}

.poz img {
    width: 100%
}

.imm {
    width: 100%;
    height: 185px;
    overflow: hidden;
    border: 1px solid #ccc
}

.txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    line-height: 1em
}

.cart h1 {
    text-align: center;
    font-size: 24px
}

.hint {
    color: #0027ee;
    display: block;
    font-size: 13px;
    text-align: center;
    width: 45px;
    margin-left: -40px;
    background: #ffffffa6;
    margin-top: -5px
}

.conteiner {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    margin-top: 32px
}

.main-n h3 {
    margin-top: -7px;
    margin-bottom: -5px;
    color: #004eab
}

.main-n.vn h3 {
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 7px
}

.kon:after {
    content: "";
    display: block;
    width: 28px;
    height: 36px
}

.podp:after {
    background: url("https://ogps65.ru/obj/image/pd.gif") no-repeat;
    background-size: 100%
}

.bk:after {
    background: url("https://ogps65.ru/obj/image/bk.gif") no-repeat;
    background-size: 100%
}

.vl:after {
    background: url("https://ogps65.ru/obj/image/vl.gif") no-repeat;
    background-size: 100%
}

.vh:after {
    background: url("https://ogps65.ru/obj/image/vh.gif") no-repeat;
    background-size: 100%
}

.vs:after {
    background: url("https://ogps65.ru/obj/image/vs.gif") no-repeat;
    background-size: 100%
}

.vb:after {
    background: url("https://ogps65.ru/obj/image/vb.gif") no-repeat;
    background-size: 100%
}

.gt:after {
    background: url("https://ogps65.ru/obj/image/gt.gif") no-repeat;
    background-size: 100%
}

.kg:after {
    background: url("https://ogps65.ru/obj/image/kg.gif") no-repeat;
    background-size: 100%
}

.ksh:after {
    background: url("https://ogps65.ru/obj/image/ksh.gif") no-repeat;
    background-size: 100%
}

.kr:after {
    background: url("https://ogps65.ru/obj/image/kr.gif") no-repeat;
    background-size: 100%
}

.lp:after {
    background: url("https://ogps65.ru/obj/image/lp.png") no-repeat;
    background-size: 100%
}

.lm:after {
    background: url("https://ogps65.ru/obj/image/lm.gif") no-repeat;
    background-size: 100%
}

.lg:after {
    background: url("https://ogps65.ru/obj/image/lg.gif") no-repeat;
    background-size: 100%
}

.pr:after {
    background: url("https://ogps65.ru/obj/image/pr.jpg") no-repeat;
    background-size: 100%
}

.sl:after {
    background: url("https://ogps65.ru/obj/image/sl.gif") no-repeat;
    background-size: 100%
}

.th:after {
    background: url("https://ogps65.ru/obj/image/th.jpg") no-repeat;
    background-size: 100%
}

.ts:after {
    background: url("https://ogps65.ru/obj/image/ts.gif") no-repeat;
    background-size: 100%
}

.sb:after {
    background: url("https://ogps65.ru/obj/image/sb.gif") no-repeat;
    background-size: 100%
}

.main-n div {
    margin-bottom: 7px
}

.fotok {
    width: 280px;
    height: 180px;
    text-align: center;
    margin: 0 auto
}

.marsh {
    margin: 0 auto;
    margin-top: 10px;
    width: 80%;
    background: #3f5a41;
    text-align: center;
    color: #fff;
    padding: 5px;
    border-radius: 8px
}

.marsh a {
    color: #fff;
    font-size: 16px
}

.fotok img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50 50
}

.spisok {
    position: absolute;
    width: 250px;
    background-color: #fff;
    left: 24px;
    padding: 0 10px;
    padding-bottom: 30px;
    top: 0;
    height: 100vh;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto
}

#site-navigation-wrap .dropdown-menu>li>a:hover,.oceanwp-mobile-menu-icon a:hover,#searchform-header-replace-close:hover {
    color: #fff
}

#text-n ul li ul {
    padding: 0;
    margin-left: 10px;
    list-style-type: decimal
}

#text-n ul {
    list-style-type: none;
    font-weight: 700
}

#text-n ul li ul a {
    text-decoration: underline;
        line-height: 17px;
    padding: 0;
    margin: 0;
    text-align: left;
    max-height: 30px;
}

#text-n ul li ul a:hover {
    text-decoration: none
}

#text-n ul li ul li {
   text-align: left;
    line-height: 20px;
    padding-bottom: 5px;
}

.ffoto {
    width: 400px;
    height: 290px;
    border-style: solid
}

.ffoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0
}
.zagol h3 {
    text-align:center;
    padding-top:10px;
    margin-bottom:15px;
    font-size:26px!important;
    color:#000000;
}

.map2 .entry-content  {
    padding-top:20px!important;
    line-height:24px;
}
.map2 .entry-content p {
    line-height:22px;
}
.map2 .entry-content h3 {
    padding: 10px 0;
    margin:0;
    font-size:25px;
}
.map {
    margin-bottom:20px;
}
.map2 {
    margin-bottom:20px;
}