*{
    box-sizing: border-box;
}

html, body {
    height: 100%;

}

html {

}

body {


    background: #f5f5f5;
    background: #fff;
    padding:0px;
    margin:0px;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    line-height: 1.3;



    min-width: 100%;
    min-height: 100%;

}
body.header-fixed .main-wrapper{

}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-family: 'Alegreya Sans', sans-serif;
}
a{
    color:#0099E0;
}
a:hover{
    color: #28ceff;
}


h2,.h2{
    text-transform: uppercase;
    font-weight:normal;
}

.page-container{
    display:flex;
    flex-direction: column;
    height:100%;
}

header{

    z-index:50;
    width:100%;


}
header .nav-dark{
    background: #6b6b6b url('../images/pattern-invert.png');
    background-size:300px;
}

header.fixed{
     background-color:rgba(0,0,0,.9);

    width:100%;
    padding:10px 0px;
}
#search-input{
    max-width:0px;
    padding:0px;
}
#contacts a{
    color: #fff;
}
#contacts a i{
    color: rgb(255, 196, 0)
}
#contacts ul{
    flex-basis:100%;
}
#contacts ul li{
    padding-left:20px;
}
li.soc-buttons a{
    display:inline-block;
    margin-left:5px;
}
#logo{
    display:flex;
    align-items: center;
    height:100%;
}
#slogan{
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
}

#logo .logo-slogan{
    display:inline-block;
    font-size:26px;
    line-height:30px;
     vertical-align:middle;
     height:60px;
    color: #007CB6;
    text-align:left;
}
#poisk{
width:30px;
}
#poisk input{
    border:none;
}
#poisk .wrapper{

    padding:0px;
    position:absolute;
    top:0px;right:0px;
    height:100%;
    clear:both;
    transition: all 0.4s;
    text-align:right;
}
#poisk .wrapper:after{
    content:" ";
    clear:both;
    float:none;
    display:block;
}
#poisk:hover .wrapper{
    width:100%;
}
#poisk button{
    color:#fff;
    padding:5px;
}
#poisk:hover input{
    max-width:100%;
    flex-grow:1;
    padding:3px;
    border-radius:3px;
}

b{
    font-weight:700;
}
.contacts{
    line-height:28px;
}

#top-menu{
    background-color: #fff;
    padding:0px;
    border-bottom:1px solid #f5f5f5;
}
#top-menu ul{
    border-right:1px solid #f5f5f5;

}
#top-menu ul li{
position:relative;
    overflow:hidden;
    flex-grow:2;
    text-align:center;
    border-left:1px solid #f5f5f5;
}
#top-menu ul li.nav-sep{
    flex-grow:0;
    background-color: #fff;
    display:inline-block;
    flex-basis:1px;

}
#top-menu .phone{
    color:#000;
    font-size:21px
}

#top-menu a{
 color: #6b6b6b;
    position:relative;
    z-index:1;
    text-transform:uppercase;
    font-size: 12px;
    line-height:20px;

}
#top-menu a .fa-home{font-size:20px;}
#top-menu li:hover, #top-menu li.active{
    background-color: rgb(255, 226, 0)
}
#top-menu li:hover a, #top-menu li.active a{
color:#000;
}

.bot-contacts{
    list-style: none;
    padding:0px;
}
.bot-contacts li{
    padding:0px;
}
.bot-contacts li a{
    padding:5px 5px 5px 0px;
    margin:0px;
}
main{
    flex-grow:2;
    padding-top:20px;
    margin-bottom:40px;
}
.white-box{

    border:1px solid #f1f1f1;
    padding:10px;
}
#promo-news{
    padding:0px;
}
.box{
    padding:40px 0px;
}
.box:first-child{
    padding-top:0px;
}
.col-left .title{
    padding-bottom:40px;
}

.box-title{
  text-transform: uppercase;
    font-size:14px;
    padding-bottom:5px;
    border-bottom: 1px solid #f1f1f1;
}
.box-title a{
    color:#000;
}
#promo-news .box-title, #promo-news .news-item{
    padding:10px;
}
.title .content{
    padding-left:1.5em;
}
.news-list.vert-list .news-item{
    border-bottom:1px solid #f1f1f1;
    padding:10px 0px;
}
.news-item.news-full-teaser{
margin-bottom:20px;
}

.news-list.vert-list .news-item:last-child{
    border: none;
}
.news-item .news-info{
margin-bottom:5px;

}

.news-info .news-date{
    font-size:11px;
    text-transform: uppercase;
    font-weight:bold;
    color: #a0a0a0;

    margin-right:10px;
}
.news-tag{
    font-size:14px;
    color: #ababab;
    text-transform: uppercase;
    font-weight:bold;
}
.news-teaser .news-tag{
    line-height: 12px;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.news-teaser .news-title{
margin-bottom:5px;
    font-weight:bold;
}
.news-teaser .news-content{

}


.news-item .news-title a{
    color:#000000;
}
.lenta-news .box-title{
    border:none;
    padding:0px;
}

.news-full-teaser picture{
    margin-bottom:10px;
    display:block;
}
.news-full-teaser .news-title{

}
.hor-list-2 .news-full-teaser{
    display:flex;
}

.hor-list-2 .news-full-teaser picture, .hor-list-2 .news-full-teaser .news-content{
    flex-basis:50%;
    margin-bottom:0px;
}
.hor-list-2 .news-full-teaser .news-content{
    padding-left:10px;
}
.news-list{
    margin-bottom:20px;
}
.news-list:last-child{
    margin-bottom:0px;
}
.big-one-news{
    position:relative;
    padding:0px;
    background:url('../images/food-pattern.jpg');
}
.big-one-news .box-title{
    position:absolute;
    border:none;
    padding:10px 40px 10px 20px;
    top:10px;
    margin:0px;
    font-size:24px;
    line-height:24px;
    color:#fff;
    background-color:rgba(0,0,0,.5);
    z-index:2;
}
.big-one-news .box-title a{
    color:#fff;
}
.big-node{
    position:relative;
    z-index:0;
    max-height:400px;

}
.big-node .news-info{

    padding:10px 20px 10px 0px;
}

.big-node .news-date{
    font-size:14px;
    color: #ababab
}
.big-node .news-content{
    padding:20px 20px 20px 0px;

}
.white-opacity-grad{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.big-node .news-title a{

    text-decoration: underline;
}

.morelink-wrapper{
    padding:20px;
    text-align:center;
}
.lenta-news .morelink-wrapper{
    padding:10px;
}
a.morelink{
    text-transform:uppercase;
}

.lenta-news .morelink-wrapper .morelink{
    font-size:12px;
}
.lenta-news .vert-list{
    border-left:1px solid #f1f1f1;
    padding-left:11px;
}
#about-us{
    padding:15px;
    border:1px solid #f1f1f1;

    background:url("../images/about-bg.jpg") no-repeat bottom right;
    background-size: auto 250px;
}
#about-us .content{
    padding-right:300px;

}
p:last-child{margin-bottom:0px;}
article .tags-list{
}


article.page{
    font-size:16px;
    margin-bottom:40px;
}
article.page .lead{
    padding:0px 0px 15px;
}
article.page .news-info{
    margin-bottom:15px;
}
article.page .authors{
    font-size:12px;
    vertical-align: center;
    margin-bottom:15px;
    display:flex;
    align-items: center;
}
article .tags-list a.news-tag{
    border:2px solid;
    display:inline-block;
    padding:3px 10px;
    margin-right:10px;

}
.two-image{
    margin:0px -10px;
    display:flex;
}
.two-image .image{
    padding:0px 10px 10px;
    flex-basis:50%;

}
.breadcrumb{
    background: none;
    padding:0px;
    font-size:12px;
    text-transform: uppercase;
}
.breadcrumb .delimiter{
    padding:0px 5px;
}
#all-tags .tags-list{
    font-size:16px;
}
#all-tags .tags-list .news-tag{
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom:5px;
    line-height:14px;
    color:#fff;
}

.pager{
    padding:20px 0px;
    margin-bottom:20px;
}
.pager .nav-link{
    box-shadow:inset 0px 0px 0px 1px #007bff;
    margin:0px 2px;
}
.pager .nav-link.active{
    border:none;
}
footer{
    padding:30px 0px;
    background: #6b6b6b url('../images/pattern-invert.png');
    background-size:300px;
    color:#fff;
}
footer hr{
   border-color: #e0e0e0;
}
#bot-menu a{
    color: #fff;
}
#bot-menu a:hover{
    color: #ffe200;
}
#bot-contacts{
    padding:0px;
}
#bot-contacts a{
    color:#fff;

}
#bot-contacts a i{
    color: #ffe200
}
#bot-contacts li{
    padding-right:15px;
}
.animate{
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.animate-slow{
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.animate-delay{

}
.navbar-toggler{
    color:#fff;
    border:1px solid #fff;
    border-radius:3px;
    padding:0px;

}
.mobile-menu-toggle{
    padding-right:10px;
}
.poisk{flex-grow:1}
.navbar-toggler-icon{
    display:flex;
    align-items: center;
    justify-content: center;
}

.btn-primary{
    background-color: rgb(255, 226, 0);
    color:#000;
    border:none;
}
.btn-primary:hover{
    background-color: rgb(255, 176, 25);
    color:#000;
}

.copyright{
    margin-bottom:10px;
}