/*


*/

@font-face {
    font-family: 'Sansus Webissimo';
    src: url('fonts/SansusWebissimo.woff2') format('woff2'),
        url('fonts/SansusWebissimo.woff') format('woff'),
        url('fonts/SansusWebissimo.ttf') format('truetype'),
        url('fonts/SansusWebissimo.svg#SansusWebissimo') format('svg');
            font-weight: normal;
    font-style: normal;
}

body {font-family: 'Sansus Webissimo'; font-size: 16px; overflow-y: scroll; background-image:url("images/fon.png"); background-position:right 200px; background-repeat: no-repeat;background-attachment: fixed;}
#top_container {background-color: #fff ;}
.roboto {font-family:"Roboto";}
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f22 { font-size: 22px;}
.f24 { font-size: 24px;}
.f26 { font-size: 26px;}
.f48 { font-size: 48px;}
.bold {font-weight: 700;}
.navbar { margin-bottom: 0px; border-radius: 0;}
#header.affix { top:0; width:100%;z-index:1020;}
.affix_space {padding-bottom: 20px;}
#header.affix + .affix_space {padding-bottom: 120px;}
.text-white, .text-white a {color:#fff;}
.text-black, .text-black a {color:#000!important;}
.pagination a.text-muted {color:#bababa!important;}
.pagination a.text-muted:hover {color:#fff!important; background-color: #bababa;}
.pagination .active a.text-muted {color:#000!important; background-color: #fff;}
.pl70 {padding-left: 70px;}
.pr70 {padding-right: 70px;}
.bg-white { background-color: #fff; }
.bg-black {background-color: #000;}
.bg-blue { background-color: #0DA3C8;}
.transparent { background-image: none; background-color: transparent; }
.navbar-inverse-new {background-color: #231F20;border: none;}
.navbar-inverse-new li a { padding-left: 7px; padding-right: 7px;}
.bg-blue .active, .bg-blue a:focus, .bg-blue li a:hover {background-color: #1DB7DC;}
.navbar-inverse-new .navbar-nav>.active>a, .navbar-inverse-new .navbar-nav>.active>a:focus, .navbar-inverse-new .navbar-nav>.active>a:hover, .navbar-inverse-new .navbar-nav>li>a:hover { color: #fff; background-color: #231F20; border-bottom: 5px solid #0DA3C8;padding-bottom: 10px;}
.navbar-inverse-new .navbar-nav>li>a { color: #fff; background-color: #231F20;}
.rubriks { position: relative; padding: 10px 15px; margin: 15px; z-index: 10;}
.btn-rounded { border-radius: 25px;}
.rounded { border-radius: 50%;}
.caption { background-color: rgba(0, 0, 0, 0.6); }
.relative { position: relative; z-index: 1000; }
.absolute {position: absolute;}
.z1000 {z-index: 1000;}
.bottom { bottom: 0; }
.overflow_auto {overflow: auto;}
.w100p {width:100%;}
.wh40 { width:40px; height:40px; }
.b0 {border:none;}
.pagination .b0 {border:none!important;}
.pagination .rounded { border-radius: 50%!important;}
a.text-muted {color:#ccc;}
.br0 {border-radius:0;}
.m0 { margin: 0px; }
.mt0 { margin-top: 0px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.p0 { padding: 0px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.text-indent { text-indent:20px; }
.post-video [class^="col-"] {padding:3px 2px; }
.post-video .media-wrapper {height:320px; overflow: hidden;background-size: cover; /*border: 5px solid #fff;*/}
.post-video .media-wrapper .caption, .last-post-item .media-wrapper .caption { bottom: 2px; left: 2px; right: 2px; width: auto; height: 100px; overflow: hidden;}
.space10 {display:block; position:relative; width:100%; height:10px;}
.space20 {display:block; position:relative; width:100%; height:20px;}
.space30 {display:block; position:relative; width:100%; height:30px;}
.space40 {display:block; position:relative; width:100%; height:40px;}
.space50 {display:block; position:relative; width:100%; height:50px;}
.space60 {display:block; position:relative; width:100%; height:60px;}
.space70 {display:block; position:relative; width:100%; height:70px;}
.space80 {display:block; position:relative; width:100%; height:80px;}
.space90 {display:block; position:relative; width:100%; height:90px;}
.space100 {display:block; position:relative; width:100%; height:100px;}
.space180 {display:block; position:relative; width:100%; height:180px;}
h1.title-block, h2.title-block, h3.title-block, h4.title-block, #footer { border-bottom:3px solid #0DA3C8; }
#footer .text-white a:hover {color:#0DA3C8;}
#footer hr { margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 1px solid #333;}
.new_item {margin-top:25px;}
.scrollup { bottom: 60px; cursor: pointer; display: none; position: fixed; right: 15px; text-align: center; z-index: 999; content: '';}
.breadcrumb>li+li:before { font-family:'FontAwesome'; content: "\f105";}
.share i { opacity: 0.85; width: 35px; height: 35px; padding: 6px;}
.share i:hover { opacity: 1; color:#fff;}
.brt-grey {border-top:1px solid #cecece;}
.last-post-item .caption { background-color: #000; }
.first-video:hover .caption, .last-post-item:hover .caption { display:none; }
.pagination li a {padding: 6px;}
.pagination>li>a, .pagination>li>span { margin: auto 2px;}
/* автоматическое деление на колонки */
.column2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.column3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.column4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
@media (min-width: 768px)  and (max-width: 991px) {
      .navbar-header { float: none; }
      .navbar-toggle { display: block; }
      .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
      .navbar-collapse.collapse { display: none!important; }
      .navbar-collapse.collapse.in { display: block!important; }
      .navbar-nav { float: none!important; margin: 7.5px -15px; }
      .navbar-nav>li { float: none; }
      .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 767px) {
.sidebar-home .space50 {display:none;}
}
@media (max-width: 480px) {
.column2, .column3, .column4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.input-group-btn .pl70.pr70 { padding-left:10px;padding-right:10px; }
}