@font-face {
    font-family: Roboto-Thin; 
    src: url(fonts/roboto/Roboto-Thin.ttf);
   }

/* variablesе */

:root {
    --content-width: 1300px;
    --grid-gap: 15px;
    --indent: calc((100vw - var(--content-width)) / 2 - var(--grid-gap));
    --mob-indent: 15px;
}

/* main styles */

body{
    padding: 0px;
    margin: 0px;
}
h1{
    font-family:'Roboto-Thin', sans-serif;
    font-size: 24px;
    margin: 0 0 1em;
}
h2{
    font-family:'Roboto-Thin', sans-serif;
    font-size: 20px;
    margin: 0 0 1em;
}
h3,p,a,span,div,li,th, input,textarea{
    font-family: 'Roboto Condensed', sans-serif;
}

a{
    transition: all 0.3s;
    cursor:pointer;
    text-decoration: none;
}

.f-left {
    float: left;
}

/* header */

header .header-top {
    width: 100%;
    background: black;
}

.h-t-vis,
.h-t-tel{
    display: block;
    color: white;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 15px 0;
}

.h-t-vis a,
.h-t-tel a{
    color: white;
}

.h-t-vis{
    grid-area: vis;
    text-align: left;
}
.h-t-tel{
    grid-area: tel;
    text-align: right;
}

.wrapper-header-top{
    width: 100%;
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: var(--indent) repeat(2, 1fr) var(--indent);
    grid-template-areas:
    ".  vis    tel  .";
}

@media (max-width: 768px) {
	.wrapper-header-top{
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".  tel .";
    }
    .h-t-vis{
        display: none;
    }
    .h-t-tel{
        text-align: center;
    }
}

header{
    position: relative;
    z-index: 10;
}

header .header-main{
    width: 100%;
    height: auto;
    min-height:100px;
    background: #0f5282;
}
header .header-main .logo {
    display: inline-block;
}
header .header-main .logo img{
    margin: 5px 0 0 0;
}
header .header-main .sisea-search-form {
    display: block;
    margin: 15px 0;
    z-index: 2;
}
header .header-main .sisea-search-form input[type=submit]{
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 3px 0 0 3px;
    background-image: url(../img/srch.png);
    background-repeat:  no-repeat;
    background-color: #56a7e1;
    background-position: 2px;
    cursor:pointer;
    margin: 0;
    padding: 0;
}
header .header-main .sisea-search-form input[type=submit]:hover{
   background-color: #c73737;  
}
header .header-main .sisea-search-form input[type=text]{
    height: 35px;
    width: calc(100% - 35px);
    border-radius: 0 3px 3px 0;
    border: none;
    margin: 0;
    padding: 0;
    float: right;
    background: #123c5a;
    color: white;
}
header .header-main .sixteen {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../img/head-right.png);
    background-size: 330px;
    height: 100%;
    width: 330px;
    background-repeat: no-repeat;
    z-index: 1;
}

.h-logo{
    grid-area: logo;
    align-self: center;
}
.h-search{
    grid-area: srch;
    align-self: center;
}
.h-16{
    grid-area: h16;
    position: relative;
}

.wrapper-header{
    width: 100%;
    display: grid;
    grid-template-columns: var(--indent) repeat(3, 1fr) var(--indent);
    grid-template-areas:
    ".  logo    srch    h16 .";
}

@media (max-width: 768px) {
	.wrapper-header{
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".  logo    ."
        ".  srch    .";
    }
    .h-logo{
        text-align: center;
    }
    .h-16{
        display: none;
    }
}

/* main menu */

.toggled{
    position: relative;
    z-index: 5;
}
.main-nav-impostor {
    position: relative;
    display: none;
    width: 100%;
    height: 43px;
    background: #073251;
    z-index: 5;
}

.main-nav {
    background: #073251;
    height: auto;
    margin-bottom: 30px;
    transition: transform 0.2s ease;
}
.main-nav ul{
    margin: 0;
    padding: 0;
    text-align: center;
    background: #073251;
}
.main-nav ul li{
    display: inline-block;
    list-style: none;
    padding: 12px 0px 12px 0px;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.3s;
}
.main-nav ul>li>a{
    padding: 12px 20px 12px 20px;
    color: white;
}
.main-nav ul li:hover, .main-nav ul li.active{
    background: #56a7e1;
}

.menu-toggler{
    position: absolute;
    top: 0;
    right: 15px;
    display: none;
    width: 43px;
    height: 43px;
    background-image: url("../img/menu.png");
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
    filter: invert(100%);
    cursor: pointer;
}
.menu-toggler-active{
    background-image: url("../img/close.png");
}

footer .main-nav {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .main-nav-impostor {
        display: block;
    }
    .main-nav{
        position: absolute;
        transform: translateY(-100%);
    }
    .main-nav-active{
        transform: translateY(0);
    }
	.main-nav ul li{
        display: inline-block;
        width: 100%;
    }
    .menu-toggler{
        display: block;
    }
    footer .main-nav {
        display: none;
    }
}

/* sidebars */

.g-sidebar-left,
.g-sidebar-right {
    width: 100%;
    overflow: hidden;
}

.g-sidebar-left .sidebar-item .social {
    list-style: none;
    padding: 0;
}

.g-sidebar-left .sidebar-item .social li {
    list-style: none;
    font-size: 18px;
    padding-bottom: 0.5em;
}

.g-sidebar-left .sidebar-item,
.g-sidebar-right .sidebar-item {
    margin-bottom: 30px;
}

.g-sidebar-left .sidebar-item h2,
.g-sidebar-right .sidebar-item h2 {
    text-align: center;
}

.g-sidebar-left .sidebar-item .banner,
.g-sidebar-right .sidebar-item .banner {
    line-height: 1;
    text-decoration: none;
}

.g-sidebar-left .sidebar-item .banner img,
.g-sidebar-right .sidebar-item .banner img {
    width: 100%;
    height: auto;
}

.g-sidebar-left .sidebar-item > nav > ul{
    margin: 0;
    padding: 0;  
    background: #213747;
}
.g-sidebar-left .sidebar-item > nav > ul > img{
    margin: 10px 0px 0px 35px;
    position: absolute;
}
.g-sidebar-left .sidebar-item > nav > ul li{
    list-style: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s;
}
.g-sidebar-left .sidebar-item > nav > ul > a > p{
    background: #c73737;
    color: white;
    padding: 12px 0;
    text-align: center;
    margin: 0; 
    cursor: pointer;
}
.g-sidebar-left .sidebar-item > nav > ul > a > p:hover{
    background:#56a7e1;
}
.g-sidebar-left .sidebar-item > nav > ul li a{
    color: white;
    padding: 10px 0 10px 15px;
    font-family:'Roboto-Thin', sans-serif;    
    display: block;
}
.g-sidebar-left .sidebar-item > nav > ul li:hover, .g-sidebar-left > nav > ul li.active{
    background: #56a7e1; 
}
.g-sidebar-left .sidebar-item > a:hover{text-decoration: none !important; color: #6295b8 !important;}
.g-sidebar-left .sidebar-item > a:hover > div{color: #6295b8 !important;}
.g-sidebar-left .sidebar-item > a > p{
    font-size: 14px;
    color:#6295b8;
    margin-bottom: 0px;
}
.g-sidebar-left .sidebar-item > a>div{
    margin:0px;
    color:black;
    font-size: 14px;
}



.link-button{
    background: #6295b8;
    font-size: 16px;
    color: white;
    padding: 5px 10px;
    display: block;
    border-radius: 5px;
    width: 30%;
    text-align: center;
    margin: 10px auto;
}
.link-button:hover{
    background: #c73737;
}

/* single post */

.single-post {
    max-width: calc(100vw - 32px)!important;
    overflow: hidden;
}

.single-post img {
    max-width: calc(100vw - (var(--indent) * 2))!important;
    height: auto;
}

.single-post iframe {
    width: 100%!important;
    height: auto!important;
    aspect-ratio: 16/9!important;
}

@media (max-width: 768px) {
	.single-post img {
        max-width: 100%!important;
        width: 100%!important;
        height: auto;
        float: none!important;
        margin: 15px 0!important;
    }
}

/* footer */

footer{
    background: #314d61;
    margin-top: 60px;
}

footer .footer-main{
    padding:20px 0;
}

footer .footer-bottom{
    font-family:'Roboto-Thin', sans-serif;
    color:white;
    font-size:12px;
    background: black;
    padding:20px 0;
}

@media (max-width: 768px) {
	footer .footer-main{
        text-align: center;
    }
}

/* slider */

.slider {
    width: 1300px;
    margin: 60px auto;
}
.slick-slide {
    margin: 0px 15px;
}
.slick-slide img {
    width: 100%;
}
.slick-prev:before,
.slick-next:before {
    color: black;
}

@media (max-width: 1400px) {
	.partnery {
        display: none!important;
    }
}


.add-obyavl{
    margin: 0;
    padding: 0;
    text-align: center;
    width:100%;
}
.add-obyavl > select{
  width:300px;  
  height: 30px;
  margin:5px 5px 40px 5px;
}

.add-obyavl > div {
    display:table-cell;
    text-align: right;
    width: 255px;
}
.add-obyavl > div > input{
    border: none;
    width:300px;
    background: #e6e6e6;
    height: 30px;
    margin:5px;
    border-radius:2px;
    padding: 3px;
}
.add-obyavl > div > textarea{
    border: none;
    width:300px;
    background: #e6e6e6;
    height: 100px;
    margin:5px;
    border-radius:2px;
    padding: 3px;
    resize: none;
}
.add-obyavl > div > label{
    line-height: 46px;
}
.add-obyavl > input[type=file]{
    margin-left: -73px;
}
.add-obyavl > input[type=submit]{
    border:none;
    color: white;
    background: #56a7e1;
    padding: 10px;
    border-radius: 3px;
    cursor:pointer;
    margin: 20px;
}
.add-obyavl > input[type=submit]:hover{
    background: #c73737;
}
.add-obyavl > p{
    margin:0;
    padding:0;
    font-size: 14px;
    margin-left: -45px;
}
.archiv{
    margin:0;
    padding:0;
}
.archiv > li{
    list-style:none;
    text-align:center;
    width: 250px;
    display: inline-block;
}
.archiv > li > div{
    overflow: hidden;
    width: 250px;
    height: 280px;
    display: block;
}
.archiv > li > div > a >  img{
    width: auto;
    height: 280px;    
}
.archiv > li > p{
    margin:0;
    padding:0;
    font-size: 18px;
}
.archiv > li:hover > p{
    text-decoration:underline;
}
.archiv > li > a{
    width: 150px;
}
div.archiv{
    margin:0;
    padding:0;
}
div.archiv {
    list-style:none;
    text-align:center;
    width: 250px;
    float:left;
}
div.archiv  > div{
    overflow: hidden;
    width: 250px;
    height: 280px;
    display: block;
}
div.archiv  > div > a >  img{
    width: auto;
    height: 280px;    
}
div.archiv  > p{
    margin:0;
    padding:0;
    font-size: 18px;
}
div.archiv:hover > p{
    text-decoration:underline;
}
div.archiv > a{
    width: 150px;
}
div.archiv2{
    width: 800px;
}
div.obyav{
    margin:0;
    padding:0;
}
div.obyav {
    list-style:none;
    text-align:center;
    width: 310px;
    float:left;
}
div.obyav  > div{
    overflow: hidden;
    width: 300px;
    height: 280px;
    display: block;
}
div.obyav  > div > a >  img{
    width: auto;
    height: 200px;    
}
div.obyav  > p{
    margin:0;
    padding:0;
    font-size: 18px;
}
div.obyav:hover > p{
    text-decoration:underline;
}
div.obyav > a{
    width: 150px;
}
div.obyav2{
    width: 800px;
    padding-top: 20px;
}
div.obyav2 > p{
    margin:0;
}

/* post list */

.post-list-wrapp {
    display: grid;
    width: 100%;
    gap: var(--grid-gap);
    margin: 0;
    padding: 0;
}
.post-list-wrapp.post-list-wrapp-3 {
    grid-template-columns: repeat(3, 1fr);
}
.post-list-wrapp.post-list-wrapp-4 {
    grid-template-columns: repeat(4, 1fr); 
}
.post-list-wrapp > .post-item {
    display: block;
    width: 100%;
}
.post-list-wrapp > .post-item > div{
    overflow: hidden;
    height: 150px;
}
.post-list-wrapp > .post-item > div img{
    width:100%;
}
.post-list-wrapp > .post-item > h3 a{
    font-size: 16px;
    margin:2px 0 ;
    color: #000;
}
.post-list-wrapp > .post-item > span{
    color:#6295b8;
    font-size: 12px;
}
.post-list-wrapp > .post-item > p{
    margin:0;
    padding:0;
    font-size: 14px;
}
.post-list-wrapp > .post-item > p > a{
    text-decoration:underline;
    color:black;
    float: right;
}
.post-list-wrapp > .post-item > p > a:hover{
    text-decoration: none;
    color: #56a7e1;
}

@media (max-width: 992px) {
	.post-list-wrapp.post-list-wrapp-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .post-list-wrapp.post-list-wrapp-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
	.post-list-wrapp.post-list-wrapp-3 {
        grid-template-columns: 1fr;
    }
    .post-list-wrapp.post-list-wrapp-4 {
        grid-template-columns: 1fr;
    }
}

/* breadcrumbs */

ul.B_crumbBox {
    text-align: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.B_crumbBox li {
    display: inline-block;
    list-style: none;
}
.B_crumbBox li a{
    text-decoration: none;
    color: black;
}
.B_crumbBox li a:hover {
    color: #c73737;
}
div.rightcont {
    width:100%;
}

@media (max-width: 768px) {
	.B_crumbBox {
        margin-top: 30px!important;
    }
}

/* gallery */

.gallery {
    display: grid;
    width: 100%;
    gap: var(--grid-gap);
    grid-template-columns: repeat(4, 1fr);
	margin-bottom: 30px;
}
.gallery > a{
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.gallery > a::before{
	content: '';
	display: block;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.gallery > a::after{
	content: '';
	display: block;
	background-image: url("../img/srch.png");
    background-repeat: no-repeat;
    background-position: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.gallery > a:hover::before,
.gallery > a:hover::after{
	opacity: 1;
}
.gallery > a img{
	width: 100%;
}
@media (max-width: 992px) {
	.gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 768px) {
    .gallery {
        grid-template-columns: 1fr;
    }
}

/* ads */

.obyavlen{
    margin: 0 0 30px;
}
.obyavlen ul,
.obyavlen ul > li > a > p{
    margin:0;
    padding:0;
}
.obyavlen ul > li{
    list-style:none;
    display:inline-block;
}
.obyavlen ul > li > a{
    color:#6295b8;
}
.obyavlen ul > li:hover > a{
    text-decoration: underline;
}
.obyavlen ul > li > a > div{
    overflow: hidden;
}
.obyavlen ul > li > a > div > img{
    width: 100%;
}
.obyavlen ul > li > a > p{
    color:black;
    font-size: 14px;
}
.obyavlen ul > li > a > span{
    font-weight:bold;
    color:black;
}

/* список объявлений */

.obyavlen-line{
    margin:0 !important;
    padding:0;
}
.obyavlen-line > li{
    list-style:none;
    width: 100%;
}
.obyavlen-line > li > a{
    display:table;
    width:100%;
}
.obyavlen-line > li > a:hover{
    text-decoration:underline;
}
.obyavlen-line > li > a > div{
    display:table-cell
}
.obyavlen-line > li > a > .foto{
    height:130px;
    width: 240px;
    overflow: hidden;
    display:block;
    text-align: center;
}
.obyavlen-line > li > a > .foto > img{
    height:130px;
}
.obyavlen-line > li > a > .text{
    width:800px;
    vertical-align: top;
}
.obyavlen-line > li > a > .foto + .obyavlen-line > li > a > .text{
    width:520px;
}
.obyavlen-line > li > a > .text > h3{
    color:#6295b8;
    margin:0 0 3px 0;
    font-size: 18px;
}
.obyavlen-line > li > a > .text> p{
    margin:0;
    padding: 0;
    color:black;
    font-size:15px;
}
.obyavlen-line > li > a > .text> p > span, .obyavlen-line > li > a > .text > span{
    color:black;
    font-size:15px;
    font-weight: bold;
}

@media all and (max-width: 768px) {
    .obyavlen-line > li > a > .foto{
        display: none;
    }
    .obyavlen-line > li > a > .text{
        width: 100%;
    }
}





.sisea-result > h3 > a{
    color: black;
    font-size: 18px;
    font-weight: normal;
}
.sisea-result > h3 > a:hover{
    text-decoration: underline;
}
.extract>p{padding-left:20px;}
.allnews, .allnews > li > a > div  p, h3{
    margin: 0;
    padding:0;
}
.allnews > li{
    list-style: none;
    
}
.allnews > li > a > div  p{
    color:black;
}
.allnews > li > a{
    color:black;
}
.allnews > li > a > div  p> span{
    color:#6295b8;
    font-size:14px;
}
.allnews > li:hover > a > div > h3{
    text-decoration: underline;
} 
.allnews > li:hover > a > div  p> span{
    text-decoration: underline;
}      
span.nomer2 {
    margin: 10px 0px 5px 0px;
    color: #56a7e1;
    font-size: 20px;
}
span.nomer {
    display: block;
    float: right;
    font-size: 12px;
}
.pagination-news {
    padding: 0 0 30px;
}
.pagination-news ul {
    list-style-type: none;
    padding-left: 0;
}
.pagination-news ul li {
    display: inline-block;
    margin-right: 8px;
    vertical-align: top;
}
.pagination-news ul li a {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 300;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F2F2F2;
    color: #000000;
    text-decoration: none;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pagination-news ul li a:hover {
    background: #2FAAD2;
    color: #ffffff;
    text-decoration: none;
}
.pagination-news ul li a img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.pagination-news ul .active a {
    background: #2FAAD2;
    color: #ffffff;
    text-decoration: none;
}

/* основные элементы для grid шаблонов */

.g-nav{
    grid-area: nav;
}
.g-sidebar-left{
    grid-area: sl;
}
.g-sidebar-right{
    grid-area: sr;
}
.g-main{
    grid-area: main;
}
.g-aside{
    grid-area: as;
}
.g-footer{
    grid-area: ft;
}

/* grid шаблоны */

.wrapper-nav{
    width: 100%;
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: var(--indent) 1fr var(--indent);
    grid-template-areas:
    ".      nav     .";
}

.wrapper-footer{
    width: 100%;
    display: grid;
    grid-template-columns: var(--indent) repeat(3, 1fr) var(--indent);
    grid-template-areas:
    "ft      ft      ft      ft      ft";
}

/* шаблон главной страницы */

.wrapper-main{
    width: 100%;
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: var(--indent) repeat(5, 1fr) var(--indent);
    grid-template-areas:
    ".      sl     main    main    main    sr       ."
    ".      sl     as      as      as      as       .";
}

/* шаблон страницы с левым сайдбаром */

.wrapper-left-sidebar{
    width: 100%;
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: var(--indent) repeat(5, 1fr) var(--indent);
    grid-template-areas:
    ".      sl     main    main    main    main       .";
}

/* шаблон страницы в плную ширину */

.wrapper-full-width{
    width: 100%;
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: var(--indent) 1fr var(--indent);
    grid-template-areas:
    ".      main    .";
}

@media all and (max-width: 992px) {
    .wrapper-main{
        gap: var(--grid-gap);
        grid-template-columns: var(--mob-indent) repeat(2, 1fr) var(--mob-indent);
        grid-template-areas:
        ".      main    main   ."
        ".      as      as      ."
        ".      sl      sr      .";
    }
    .wrapper-left-sidebar{
        gap: var(--grid-gap) 0;
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".      main    ."
        ".      sl      .";
    }
    .wrapper-full-width{
        gap: var(--grid-gap) 0;
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".      main    .";
    }
    .wrapper-nav{
        gap: var(--grid-gap) 0;
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".      nav     .";
    }
}

@media all and (max-width: 768px) {
    .wrapper-main{
        gap: var(--grid-gap) 0;
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".      main    ."
        ".      as      ."
        ".      sl      ."
        ".      sr      .";
    }
    .wrapper-left-sidebar{
        gap: var(--grid-gap) 0;
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".      main    ."
        ".      sl      .";
    }
    .wrapper-nav{
        gap: var(--grid-gap) 0;
        grid-template-columns: var(--mob-indent) 1fr var(--mob-indent);
        grid-template-areas:
        ".      nav     .";
    }
}

/* typical grids */

.type-grid-2 {
    display: grid;
    width: 100%;
    gap: var(--grid-gap);
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
	.type-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 768px) {
    .type-grid-2 {
        grid-template-columns: 1fr;
    }
}

.type-grid-4-gap {
    display: grid;
    width: 100%;
    gap: var(--grid-gap);
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 992px) {
	.type-grid-4-gap {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 768px) {
    .type-grid-4-gap {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
	.d-sm-none {
        display: none;
    }
}