html,
body {
    background: #f3f3f3;
    min-width: 320px;
    min-height: 100%;
    font-family: 'Roboto';
    font-size: 12px;
    color: #383737;
    background-position: top center;
}

html {
    overflow-y: scroll;
}

h1 {
    margin-top: 0;
    font-size: 24px;
}

address {
    margin: 0;
}

img {
    max-width: 100%;
}

textarea {
    resize: vertical;
    min-height: 34px;
}

iframe {
    max-width: 100%;
}

*:focus {
    outline: none !important;
}

.container-flyid {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

.shadow,
.news-menu:after {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
}

.main-menu {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-menu>li {
    float: left;
    padding: 0;
    margin: 0;
}

.main-menu .dropdown {
    float: left;
}

.main-menu>li>a,
.main-menu>li>.more {
    display: block;
    float: left;
    color: #fff;
    text-transform: uppercase;
    margin-top: 2px;
    height: 61px;
    padding: 25px 8px 0;
    font-size: 16px;
    cursor: pointer;
}

.main-menu>li>a:visited {
    color: #fff;
    text-decoration: none;
}

.main-menu>li:hover>a,
.main-menu>li:hover>.more {
    background: #3999c7;
    text-decoration: none;
}

.main-menu a:focus {
    text-decoration: none;
}

.main-menu .mega-menu {
    background: #3999c7;
    display: none;
    left: 0;
    position: absolute;
    top: 62px;
    width: 100%;
    z-index: 20;
    height: 180px;
}


/*.main-menu > li:hover .mega-menu,
.main-menu > li:hover .sub-menu{
	display: block;
}*/

.sub-menu {
    background: #3999c7;
    display: none;
    left: 0;
    position: absolute;
    top: 62px;
    z-index: 20;
    list-style: none;
    padding: 8px 0;
}

.sub-menu a,
.sub-menu a:visited {
    display: block;
    min-width: 150px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 16px;
    font-size: 16px;
}

.mega-menu-items {
    float: left;
    list-style: outside none none;
    padding: 26px 0 0 15px;
    width: 198px;
}

.mega-menu-items a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 1px;
}

.mega-menu-items a:visited {
    color: #fff;
    text-decoration: none;
}

.mega-menu-elements {
    margin-left: 188px;
    margin-top: 13px;
}

.mega-menu-element {
    float: left;
    width: 230px;
    height: 154px;
    margin-right: 22px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
}

.mega-menu-element:hover {
    opacity: 0.8;
}

.mega-menu-element:last-child {
    margin-right: 0;
}

.mega-menu-element-title,
.image-element-title {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    max-height: 65px;
    color: #fff;
    padding: 0 5px 7px;
    overflow: hidden;
    font-size: 14px;
    vertical-align: bottom;
    line-height: 15px;
}

.mega-menu-element-bg,
.image-element-bg {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 65px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.43) 40%, rgba(0, 0, 0, 0.72) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.43)), color-stop(100%, rgba(0, 0, 0, 0.72)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.43) 40%, rgba(0, 0, 0, 0.72) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.43) 40%, rgba(0, 0, 0, 0.72) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.43) 40%, rgba(0, 0, 0, 0.72) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.43) 40%, rgba(0, 0, 0, 0.72) 100%);
}

.image-element-bg {
    height: 65px;
}

.image-element-title {
    padding: 0 10px 10px;
}

.popular-news .image-element-title {
    padding-right: 50px;
}

.relative {
    position: relative;
}

.header {
    background: #326e97;
    font-weight: lighter;
    position: relative;
    z-index: 100;
}

.header.affix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.header.affix+.header-shift {
    height: 63px;
}

.logo {
    display: block;
    margin-right: 5px;
    padding: 8px 5px 10px 10px;
    outline: none;
    float: left;
}

.logo:focus,
.logo:active,
.logo:hover {
    outline: none;
}

.header .form-group-lg {
    margin: 14px 0 0;
}

.header-weather-fakt {
    float: left;
    width: 72px;
    text-align: center;
    margin-top: 2px;
}

.header-weather-fakt a {
    color: #fff;
    display: block;
    padding: 4px;
    height: 61px;
}

.header-weather-fakt a:hover {
    text-decoration: none;
    background: #3999C7;
}

.weather-head-temp {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.header-weather {
    position: relative;
    float: left;
    width: 240px;
    color: #fff;
    margin-top: 17px;
    font-size: 16px;
}

.weather-head-img {
    width: 44px;
    display: inline-block;
}

.weather-head-img img {
    max-width: 100%;
    max-height: 30px;
}

.header-weather {
    color: #fff;
    padding: 3px 8px 0 18px;
    -webkit-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.header-weather-head,
.header-weather-head:visited {
    color: #fff;
    display: block;
    font-size: 20px;
}

.header-weather-head:focus,
.header-weather-head:hover {
    color: #fff;
}

.header-weather-left {
    margin-top: 10px;
}

.header-weather-middle {
    width: 90px;
    float: left;
    line-height: 1.3;
}

.header-weather-right {
    margin-left: 90px;
    line-height: 1.3;
    padding-right: 38px;
    text-align: right;
}

.temp-now {
    font-size: 36px;
    margin-top: -10px;
    height: 40px;
}

.header-login-block,
.header-login-block:visited {
    display: block;
    color: #769db8;
    font-size: 14px;
    padding-top: 10px;
    margin-right: -15px;
    outline: none;
    -webkit-animation: fade 0.8s linear 0.8s infinite alternate;
    -moz-animation: fade 0.8s linear 0.8s infinite alternate;
    -o-animation: fade 0.8s linear 0.8s infinite alternate;
    animation: fade 0.8s linear 0.8s infinite alternate;
}

@-webkit-keyframes fade {
    0% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

.header-login-block:hover {
    color: #769db8;
    text-decoration: underline;
    outline: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

.header-login-block:focus {
    outline: none;
}

.header-login-text {
    text-align: right;
    margin-right: 58px;
    padding-top: 16px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.header-login-block:hover .header-login-text {
    text-decoration: underline;
}

.header-login-ico {
    float: right;
}

.head-circle,
.head-circle:visited {
    font-size: 24px;
    text-align: center;
    color: #478bba;
    border: 2px solid #478bba;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    padding-top: 3px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    position: relative;
    background: #fff;
}

.head-circle:active {
    color: #478bba;
    border: 2px solid #478bba;
    text-decoration: none;
    font-size: 24px;
}

.head-circle:hover {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.45);
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.45);
    text-decoration: none;
    color: #478bba;
    outline: none;
}

.header-auth,
.header-login-block {
    margin-left: 1027px;
    padding-top: 9px;
}

.header-section {
    height: 59px;
}

.head-circle .badge {
    background: #ff0000;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 20px;
    position: absolute;
    right: -9px;
    top: -7px;
    width: 20px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
    padding-top: 4px;
}

.notifications {
    float: left;
}

.messages {
    margin-left: 24px;
    float: left;
}

.header-auth-photo {
    float: right;
    width: 46px;
}

.header-photo {
    padding: 0;
}

.header-auth-name {
    margin-right: 56px;
    text-align: right;
}

.header-auth-username {
    font-size: 13px;
}

.header-auth-username a,
.header-auth-username a:visited {
    color: #fff;
    font-weight: bold;
}

.header-auth-username a:hover {
    color: #fff;
    text-decoration: underline;
}

.profile-links a,
.profile-links a:visited {
    color: #fff;
    display: inline-block;
    margin-left: 10px;
}

.profile-links {
    margin-top: 3px;
}

.profile-links .fa {
    display: inline-block;
    margin-right: 5px;
}

.main-container {
    margin-top: 17px;
    color: #282828;
    font-size: 14px;
    position: relative;
}

.main-event {
    margin-bottom: 0;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.main-event:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: -moz-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(243, 243, 243, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(243, 243, 243, 1) 100%);
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(243, 243, 243, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00999999', endColorstr='#f3f3f3', GradientType=0);
}

.main-event .img-responsive {
    margin-bottom: 10px;
}

.main-date {
    font-family: 'Anonymous Pro', sans-serif;
    color: #478bba;
    display: inline-block;
}

.main-event-head {
    color: #282828;
    font-weight: bold;
    font-size: 17px;
}

.main-event-head .main-date {
    margin-right: 22px;
}

.main-event-head a,
.main-event-head a:visited {
    color: #282828;
}

.main-event-head a:hover {
    text-decoration: underline;
}

.main-event-preview {
    line-height: 23px;
    margin-top: 9px;
    text-align: justify;
}

.main-event .tile-views {
    position: absolute;
    z-index: 1000;
    display: block;
    text-align: right;
    font-size: 12px;
    bottom: 10px;
    right: 0;
    padding: 3px 10px 3px 2px;
    background: rgba(0, 0, 0, 0.5);
    /*color: #fff !important;*/
}

.main-event .tile-views .fa {
    margin: 0 0 0 7px;
}

.main-event .tile-views,
.main-event .tile-comments {
    color: #fff;
}

.main-news {
    margin-bottom: 0;
    position: relative;
}

.main-news-item {
    line-height: 20px;
    margin-bottom: 7px;
}

.main-news-item .fa {
    margin-left: 7px;
}

.main-news-item .main-date,
.dictant-news .main-date {
    width: 68px;
}

.main-news-item a,
.main-news-item a:visited {
    color: #282828;
}

.main-news-item a:hover {
    text-decoration: none;
    color: #478bba;
}

.main-news-item .tile-views,
.main-news-item .tile-comments {
    color: #585858 !important;
}

.popular-news-inner {
    margin-bottom: 15px;
}

.popular-news-item,
.popular-news-item:visited {
    position: relative;
    line-height: 22px;
    margin-bottom: 7px;
    margin-bottom: 17px;
    padding-bottom: 11px;
    color: #282828;
    display: block;
}

.popular-news-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #282828;
}

.popular-news-item:hover {
    text-decoration: none;
    color: #478bba;
}

.popular-news-item:hover:after {
    height: 4px;
    background: #478bba;
}

.news-menu {
    height: 32px;
    margin-bottom: 20px;
    position: relative;
}

.news-menu:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 4px;
    width: 100%;
    background: #fff;
}

.news-menu a {
    display: block;
    float: left;
    padding: 0 12px 8px;
    color: #282828;
    position: relative;
    z-index: 1;
}

.news-menu a:hover {
    border-bottom: 4px solid #c8e0f0;
    text-decoration: none;
    color: #282828;
}

.news-menu a.active {
    border-bottom: 4px solid #6c9ab9;
}

.main-tiles {
    margin-top: 20px;
    position: relative;
}

.tile {
    height: 360px;
    margin-bottom: 24px;
}

.main-tiles-list .tile {
    background: #fff;
}

.tile-author {
    padding: 6px 12px 0 12px;
    overflow: hidden;
    font-size: 12px;
}

.tile-a-left {
    width: 46px;
    float: left;
    text-align: center;
    font-size: 35px;
}

.tile-a-left a,
.tile-a-left a:visited {
    color: #282828;
    outline: none;
}

.tile-a-left a:hover {
    color: #282828;
    text-decoration: none;
}

.tile-a-left img {
    width: 46px;
    height: 46px;
}

.tile-a-right {
    color: #585858;
}

.tile-a-name {
    padding-bottom: 6px;
}

.tile-a-name a,
.tile-a-name a:visited {
    color: #282828;
    font-weight: bold;
}

.tile-a-name a:hover {
    color: #282828;
}

.tile-image {
    border-bottom: 1px solid #478bba;
    background-size: cover;
    background-position: center center;
    height: 192px;
    overflow: hidden;
    position: relative;
}

.tile-image.tile-interview-image {
    height: 153px;
}

.tile-info a,
.tile-info a:visited {
    color: #282828;
}

.tile-info a:hover {
    color: #282828;
}

.photo-author-block a,
.photo-author-block a:visited,
.photo-author-block .tile-info a,
.photo-author-block .tile-info a:visited {
    color: #fff;
}

.photo-author-block a:hover,
.photo-author-block .tile-info a:hover {
    color: #fff;
}

.tile-image img {
    opacity: 0;
}

.tile-info-block .tile-text {
    border-bottom: 0;
    height: 170px;
}

.tile-info-block .tile-text p {
    margin-bottom: 0;
}

.tile-play {
    color: #478bba;
    display: block;
    font-size: 93px;
    height: 100%;
    line-height: 191px;
    text-align: center;
    width: 100%;
}

.comment-user-photo,
.tile-user-photo {
    background-size: cover;
    background-position: center center;
    height: 46px;
    width: 46px;
    overflow: hidden;
}

.comment-user-photo img,
.tile-user-photo img {
    display: none;
}

.tile-content,
a.tile-content {
    overflow: hidden;
    height: 215px;
    color: #282828;
}

a.tile-content:visited,
a.tile-content:hover {
    color: #282828;
    text-decoration: none;
}

a.tile-content:hover .tile-head-text {
    text-decoration: underline;
}

.tile-head-text {
    font-size: 14px;
    color: #282828;
    font-weight: bold;
    line-height: 21px;
}

.tile-text {
    padding: 10px 12px;
    height: 112px;
    border-bottom: 1px solid #366b8f;
    overflow: hidden;
}

.tile-photo-detail .tile-text {
    padding-left: 14px;
}

.tile-text:first-letter {
    text-transform: uppercase;
}

.tile-text p {
    margin: 2px 0 10px;
    font-size: 12px;
    line-height: 18px;
}

.tile-footer {
    height: 71px;
    overflow: hidden;
}

.tile-footer a.dots,
.tile-footer a.dots:visited,
.tile-footer a.dots:active {
    display: block;
    height: 24px;
    color: #fff;
    text-align: center;
    background: #478bba;
    border-bottom: 1px solid #366b8f;
    font-size: 24px;
    line-height: 24px;
}

.tile-footer a.dots:hover {
    background: #6c9ab9;
    text-decoration: none;
}

.tile-stats {
    float: right;
    text-align: right;
}

.tile-views {
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
}

.tile-comments {
    padding: 0;
}

.tile-views .fa-comment-o {
    padding-left: 3px;
}

.tile-likes {
    padding: 0 6px;
}

.tile-stats a:active {
    outline: none;
}

.tile-stats a,
.tile-stats a:visited {
    color: #282828;
    outline: none;
}

.tile-stats a:hover {
    text-decoration: none;
    color: #282828;
    outline: none;
    background: #F3F5F6;
}

.tile-comments {
    display: inline-block;
}

.tile-likes {
    display: inline-block;
}

a.tile-likes:hover,
a.tile-likes:focus,
a.tile-likes:active {
    text-decoration: none;
}

.tile-photo {
    background-size: cover;
    background-position: center center;
}

.tile-photo img {
    opacity: 0;
}

.tile-photos {
    margin-left: -30px;
}

.tile-photo-detail {
    width: 430px;
    float: left;
    position: relative;
    height: 360px;
    background-size: cover;
    background-position: center center;
    float: left;
}

.tile-photo-detail .tile-text {
    padding-top: 2px;
}

.tile-photo-detail img.img-detail {
    opacity: 0;
}

.tile-photo-preview img {
    opacity: 0;
}

.tile-photo-preview {
    width: 140px;
    height: 120px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tile-photo-previews {
    /*padding-right:30px;*/
    margin-left: 400px;
    height: 360px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tile-photo-previews .viewport {
    height: 360px;
    position: relative;
}

.tile-photo-previews .overview {
    position: absolute;
    left: 0;
}

.tile-photo-preview.active {
    opacity: 0.6;
}

.tile-photo-up,
.tile-photo-down {
    position: absolute;
    width: 30px;
    height: 120px;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 16px;
    padding-top: 51px;
    cursor: pointer;
}

.tile-photo-down {
    top: auto;
    bottom: 0;
    padding-top: 51px;
}

.tile-photo-up:hover,
.tile-photo-down:hover {
    background: #f3f5f6;
}

.tile-go,
.tile-go:visited,
.tile-go:active {
    margin: -14px -21px 0 69px;
    height: 48px;
    padding: 12px 0 0 34px;
    color: #282828;
    display: block;
    -webkit-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.tile-go:hover {
    text-decoration: none;
    color: #282828;
    background: #f3f5f6;
}

.tile-go-count {
    display: inline-block;
    background: url(../images/go.png) no-repeat;
    background-position: left 2px;
    padding-left: 32px;
    height: 19px;
}

.tile-stars {
    color: #478bba;
}

.tile-video-preview {
    display: block;
    height: 360px;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.tile-video-preview img {
    opacity: 0;
}

.filter-check input[type="checkbox"]:checked+.tile-filter {
    color: #fff;
    background: #366b8f;
}

.filter-check input[type="checkbox"]:checked+.tile-filter .fa {
    display: block;
    position: absolute;
    right: 17px;
    top: 14px;
}

.filter-check input[type="checkbox"]:checked+.tile-filter:hover {
    background: #6c9ab9;
}

.filter-check input[type="checkbox"] {
    display: none;
}

.tile-filter {
    cursor: pointer;
    display: block;
    font-size: 18px;
    padding: 11px 23px;
    position: relative;
    font-weight: normal;
    margin: 0 0 2px;
}

.tile-filter .fa {
    display: none;
}

.tile-filter:hover {
    background: #c8e0f0;
}

.side-tile-head {
    color: #fff;
    background: #366b8f;
    font-size: 18px;
    padding: 11px 23px;
    position: relative;
    z-index: 10;
}

.side-btn,
.side-btn:active,
.side-btn:visited {
    display: block;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 17px;
    top: 24px;
    background: #478bba;
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 6px;
    text-decoration: none;
    -webkit-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.side-btn:hover {
    background: #6c9ab9;
    color: #fff;
    text-decoration: none;
}

.side-tile-content {
    height: 289px;
    overflow: hidden;
    padding-left: 18px;
    background: #fff;
    position: relative;
}

.side-tile-bot {
    background: #366b8f;
    color: #fff;
    font-size: 11px;
    height: 24px;
    padding: 4px 10px 0 17px;
}

.side-tile-bot a,
.side-tile-bot a:visited {
    color: #fff;
    font-size: 11px;
    display: inline-block;
    float: right;
}

.side-tile-bot a:hover {
    text-decoration: underline;
    color: #fff;
}

.side-tile-bot span {
    display: inline-block;
    margin: 0 5px;
}

.s-t-i-left {
    color: #8c8e90;
    float: left;
    width: 50px;
    font-size: 10px;
    margin-top: 2px;
}

.s-t-i-right {
    font-size: 12px;
    margin-left: 53px;
    padding-right: 5px;
}

.tile-item {
    display: none;
}

.tile-item.show {
    display: block;
}

.side-tile-item {
    margin-top: 9px;
}

.side-tile-item:first-child {
    margin-top: 21px;
}

.side-tile-item:last-child {
    margin-bottom: 21px;
}

.sites-rating-tile .side-tile-item:first-child {
    margin-top: 12px;
}

.sites-rating-tile .side-tile-item {
    height: 18px;
}

.sites-rating-tile .viewport {
    height: 300px;
}

.s-t-i-r-head a,
.s-t-i-r-head a:visited {
    text-decoration: underline;
    color: #366b8f;
}

.s-t-i-r-head a:hover {
    text-decoration: none;
    color: #366b8f;
}

.s-t-i-r-head .fa {
    color: #366b8f;
}

.s-t-i-right p {
    line-height: 15px;
    margin: 5px 0 3px;
    color: #484848;
}

.s-t-i-tags,
.s-t-i-tags a,
.s-t-i-tags a:visited {
    font-size: 10px;
    color: #8c8e90;
}

.side-tile-head a,
.side-tile-head a:visited {
    color: #fff;
}

.side-tile-head a:hover {
    color: #fff;
}

.side-tile-content .viewport {
    height: 289px;
    overflow: hidden;
    position: relative;
}

.side-tile-content .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

.side-tile-content .scrollbar {
    position: absolute;
    height: 100%;
    width: 15px;
    left: 0;
    top: 0;
}

.side-tile-content .track {
    height: 100%;
    width: 1px;
    position: relative;
    background: #b6b6b6;
    margin-top: 12px;
    margin-left: 8px;
}

.side-tile-content .thumb {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -3px;
    width: 8px;
    height: 8px;
    background: #366b8f;
    border-radius: 50%;
}

.side-tile-content .thumb .end {
    overflow: hidden;
    height: 5px;
    width: 25px;
}

.side-tile-content .disable {
    display: none;
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.tile-org-logo {
    display: block;
    margin-left: 2px;
    margin-top: 0;
    width: 36px;
}

.s-t-i-right .fa {
    color: #366b8f;
}

.org-days {
    display: inline-block;
    color: #366b8f;
}

.org-days span {
    color: #c2c2c2;
}

.main-afisha .side-tile-content {
    display: none;
    height: 264px;
}

.main-afisha .side-tile-content.active {
    display: block;
}

.main-afisha .viewport {
    height: 264px;
}

.main-afisha-tabs {
    margin: 0 -23px;
}

.main-afisha-tabs a,
.main-afisha-tabs a:visited,
.main-afisha-tabs a:focus,
.main-afisha-tabs a:active {
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    height: 36px;
    padding-top: 9px;
    text-align: center;
    width: 50%;
    text-decoration: none;
    outline: none;
}

.main-afisha .side-tile-head {
    height: 73px;
}

.main-afisha-tabs a.active {
    text-decoration: none;
    border-bottom: 4px solid #478bba;
}

.main-afisha-tabs a:hover {
    text-decoration: none;
    border-bottom: 4px solid #C8E0F0;
}

.main-afisha .fa {
    color: #366b8f;
    margin: 0 5px;
}

.s-t-i-center {
    margin-top: 7px;
    line-height: 16px;
    font-size: 12px;
}

.s-t-i-center p {
    margin-bottom: 0;
}

.side-tile-head.connexion {
    background: #c2185b;
}

.side-tile-bot.connexion {
    background: #fff;
    color: #282828;
}

.side-tile-bot.connexion a,
.side-tile-bot.connexion a:visited {
    color: #282828;
}

.main-shop {
    margin-top: 25px;
}

.main-shop .fa {
    font-size: 30px;
    position: absolute;
    right: 11px;
    top: 8px;
}

.tiles-btn {
    background: #fcfcfc;
    font-size: 19px;
    height: 48px;
    padding-top: 10px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 15px;
}

.tiles-btn .fa {
    position: absolute;
    right: 21px;
    top: 15px;
}

.tiles-btn:hover {
    background: #F3F5F6;
}

.footer {
    margin-top: 23px;
    padding-bottom: 20px;
    overflow: hidden;
}

.footer-right {
    border-top: 4px solid #478bba;
    padding-top: 14px;
    /*margin-left: -30px;*/
}

.footer-text {
    color: #92b8d2;
    font-size: 12px;
    line-height: 18px;
}

.footer-rek {
    color: #478bba;
    font-size: 14px;
    margin-top: 7px;
}

.footer-rek a,
.footer-rek a:visited {
    color: #478bba;
}

.footer-find-err {
    margin-top: 8px;
    padding-right: 14px;
    text-align: right;
}

.footer-find-err span {
    color: #366b8f;
}

.counters {
    text-align: right;
    margin-top: 19px;
}

.counters a:focus,
.counters a:active,
.counters a:hover {
    text-decoration: none;
}

.overview {
    padding: 0;
    margin: 0;
}

.photo-author-block {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 10;
    width: 100%;
    height: 120px;
    overflow: hidden;
}

.photo-author-block .tile-info {
    color: #fff;
}

.photo-author-block .tile-author {
    padding-left: 18px;
}

.photo-author-block .tile-a-name a,
.photo-author-block .tile-a-name a:visited,
.photo-author-block .tile-content a,
.photo-author-block .tile-content a:visited {
    color: #fff;
}


/*.photo-author-block .tile-content a,
.photo-author-block .tile-content a:visited{
	font-size:18px;
}*/

.photo-author-block .tile-author {
    border-bottom: 0;
    height: 62px;
}

.photo-author-block .tile-content {
    height: 58px;
}

.photo-author-block .tile-views {
    left: auto;
    right: 10px;
    top: 10px;
}

.photo-author-block .tile-text {
    font-size: 16px;
    height: 58px;
    padding-bottom: 0;
}

.v-banner {
    margin-bottom: 15px;
    text-align: right;
}

.v-banner-main {
    margin-bottom: 0;
}

.tile-adv .s-t-i-right {
    margin-left: 0;
}

#today .s-t-i-right {
    margin-left: 0;
}

.search {
    float: left;
    margin-left: 8px;
    margin-top: 18px;
    margin-bottom: 0;
    width: 173px;
    position: relative;
}

#ya-site-form0.ya-site-form .ya-site-form__input-text {
    float: left;
    width: 173px;
    font-size: 17px !important;
    display: block;
    vertical-align: middle;
    border-radius: 6px;
    height: 32px;
    line-height: 1.33;
    padding: 0 16px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #38aaf7;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555 !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

#ya-site-form0.ya-site-form .ya-site-form__submit {
    display: block;
    height: 32px;
    width: 32px;
    font-size: 16px !important;
    border-radius: 6px;
    line-height: 1.33;
    padding: 0;
    background: url(../images/site_search.png) no-repeat center;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

#ya-site-form0 .ya-site-suggest-popup {
    top: 47px;
}

#ya-site-form0 .ya-site-form__search-input {
    padding: 0 !important;
}

.header-photo img {
    opacity: 0;
}

.header-photo {
    background-size: cover;
    background-position: center center;
    line-height: 1.5;
}

#spin-more {
    left: 50%;
    margin-left: -93px;
    position: absolute;
    top: 50%;
    display: none;
}

#spin-news {
    left: 0;
    position: absolute;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    background: #F3F3F3;
    z-index: 2;
}

#spin-news .spinner,
#spin-popular .spinner {
    top: 200px !important;
}

#spin-popular {
    left: 0;
    position: absolute;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    background: #F3F3F3;
    z-index: 2;
}

.btn-top {
    width: 270px;
    position: absolute;
    left: 15px;
    bottom: 0;
}

.btn-top.affix {
    position: fixed;
    bottom: 0;
    z-index: 50;
    left: auto;
    margin: 0 0 0 15px;
}

.btn-top-container {
    height: 63px;
}

.modal-content .tab-content {
    padding-top: 10px;
}

#authModal .modal-header {
    border-bottom: 0;
}

#authModal .modal-body {
    padding-top: 0;
}

.left-side {
    float: left;
    width: 100%;
    margin-left: -260px;
}

.right-side {
    width: 240px;
    float: right;
}

.main-event .main-event-img {
    display: inline-block;
    position: relative;
}

.content-block {
    margin-left: 260px;
}

.clear {
    clear: both;
}

#likes {
    padding-top: 10px;
    position: relative;
}

#likes .tooltip {
    top: 15px !important;
}

#likes .tooltip.right .tooltip-arrow {
    top: 50% !important;
}

.popular-head {
    font-size: 19px;
    margin-bottom: 8px;
    margin-top: -5px;
}

.pagination>li>a,
.pagination>li>span {
    font-size: 12px;
    padding: 4px 8px;
}

.see-all-news {
    margin-top: 5px;
    text-align: right;
}

.advance-link img {
    max-height: 100%;
}

.left-side-col {
    float: left;
    position: relative;
    width: 240px;
    z-index: 2;
}

.center-col {
    margin-left: 255px;
}

.find-error-text {
    margin: 10px 0 5px;
}

.find-error-text span {
    color: #366b8f;
}

.footer-right .find-error-text {
    margin: 5px 0;
}

.hidden-item {
    display: none;
}

.tile-info .tile-image {
    height: 192px;
}

.tile-info {
    float: left;
}

.tile-info-head {
    color: #282828;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
}

.iv-embed {
    max-width: 100% !important;
}

.comment-user-link,
.comment-user-link:visited {
    display: block;
    width: 46px;
    height: 46px;
    color: #282828;
    font-size: 35px;
}

.comment-user-link:hover {
    text-decoration: none;
    color: #282828;
}

.comment_text {
    border: 1px solid #cbcbcb;
    background: #fff;
    font-size: 12px;
    padding: 6px;
    height: 30px;
    border-radius: 6px;
    padding: 6px;
}

.comment_not_autorized {
    color: #9ab4b6;
}

.forum_body {
    padding: 0;
}

.comment_body {
    padding-top: 0px;
}

.comment_left {
    padding-top: 15px;
    float: left;
    color: #282828;
    font-size: 35px;
    text-align: center;
    width: 46px;
}

.comment_right {
    margin-left: 65px;
}

.comment_head,
.comment_head a {
    background: none;
    font-size: 12px;
    color: black;
    text-decoration: none;
}

.comment_head a:visited {
    color: #5f7776;
}

.comment_head a:hover {
    text-decoration: underline;
}

.comment {
    padding-top: 5px;
}

.comment_main_text {
    color: #282828;
    position: relative;
    background: #fff;
    border: 1px solid #cbcbcb;
    padding: 5px 10px;
    min-height: 20px;
    border-radius: 5px;
    font-size: 12px;
}

.comment_main_text:before {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 5px 9px 5px 0;
    content: "";
    height: 0;
    left: -9px;
    position: absolute;
    top: 5px;
    width: 0;
    z-index: 3;
}

.comment_main_text:after {
    border-color: transparent #cbcbcb transparent transparent;
    border-style: solid;
    border-width: 6px 10px 6px 0;
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    top: 4px;
    width: 0;
    z-index: 2;
}

.btn-xs {
    line-height: 1.3;
}

.comment-box {
    color: #666666;
}

.comment-author {
    font-size: 14px;
}

#accordion .panel-body:after {
    clear: none;
}

#personal_central_left {
    margin-bottom: 20px;
}

.panel-body .table {
    margin: 0;
}

.panel-collapse .panel-body {
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-collapse .table tr:first-child td {
    border: 0;
}

#personal_central_left i {
    display: inline-block;
    width: 15px;
}

.profile .table label {
    padding-top: 7px;
}

.profile .table .profile-birth .form-control {
    display: inline-block;
    padding: 6px 2px;
}

.profile .table .form-control {
    padding: 6px;
}

.note-editor .popover-content .form-block {
    margin-right: 5px;
    margin-top: 5px;
}

.content-image {
    position: relative;
    max-width: 909px;
    display: inline-block;
    /*cursor:pointer;*/
}

.image-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 15px 10px 15px;
    background: rgba(255, 255, 255, 0.8);
    color: #4F4F4F;
}

@media screen and (orientation: portrait) and (max-width: 767px) {
   .content-image .image-title {
       position: relative ;
   }
}

.bxslider .image-title {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

.note-editable .content-image img {}

div:not(.note-editable) .content-image img {
    width: 100% !important;
    height: auto !important;
}

.note-editable {
    background: #fff;
}

.note-control-selection {
    z-index: 300;
}

#tree ul {}

#tree ul ul {
    display: none;
}

#tree ul ul ul {
    display: none;
}

#tree li {
    list-style: none;
}

.admin-table {
    width: 100%;
}

.admin-table td {
    padding: 10px 0;
}

.admin-table input.datepicker {
    width: 100px;
}

.elem-date {
    margin-bottom: 12px;
}

.report-share {
    margin: 0 -15px;
    background: #fff;
    padding: 5px 15px;
    height: 40px;
}

.content-image+.content-image {
    margin-top: 48px;
}

.announce-text {
    font-weight: bold;
    margin: 15px 0;
    text-align: justify;
}

.item-preview-image {
    float: left;
    width: 320px;
    margin: 15px 15px 15px 0;
}

.article-text {
    margin-top: 15px;
}

.fancybox-inner .btn-report-photo-remove {
    float: right;
    margin-left: 3px;
    margin-top: 3px;
    position: relative;
    z-index: 700;
}

.fancybox-inner .btn-buy-photo {
    float: right;
    margin-top: 3px;
    position: relative;
    z-index: 700;
}

.album-item .thumbnail {
    min-height: 160px;
}

.diktant-title {
    background-image: url(../images/diktant.png);
    background-repeat: no-repeat;
    background-position: 11px 6px;
    height: 88px;
}

.diktant-title+.side-tile-content {
    height: 247px;
}

.diktant-title+.side-tile-content .viewport {
    height: 247px;
}

.dictant-news a,
.dictant-news a:visited {
    color: #282828;
}

.dictant-news {
    padding-right: 15px;
}

.shop-links {
    display: inline-block;
    margin-right: 15px;
}

.photo-btns {
    background: #fff;
    margin: 0 -15px;
    padding: 0 15px;
    position: relative;
}

.photo-btns.photo-btns-small {
    height: 40px;
    padding-bottom: 0;
}

.pmwidget {
    width: 100% !important;
}

.modal-lg {
    /*width: 836px;*/
}

.payList {
    margin: 0 !important;
}

.vk-widget {
    margin-top: 24px;
}

.admin-img-preview {
    width: 80px;
    float: right;
}

.active-datepicker {
    width: 160px;
}


/*subscribe form*/

.subscribe-form {
    margin-top: 20px;
    overflow: hidden;
}

.subscribe-head {
    vertical-align: top;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 25px;
    width: 220px;
}

.subscribe-text {
    color: #3d79b7;
    font-size: 12px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 220px;
    word-wrap: break-word;
}

.company-bn {
    margin-bottom: 17px;
    text-align: center;
    font-size: 0px;
    padding: 10px 0;
    background: #fff;
    min-height: 100px;
}

.company-bn>div {
    display: inline-block;
    float: none;
    padding: 8px;
}

.subscribe-header {
    background: #366b8f;
    height: 88px;
    font-size: 30px;
    padding-top: 20px;
}

.subscribe-body {
    background: #fff;
    min-width: 1000px;
}

.subscribe-body .container {
    min-width: 990px;
}

.subscribe-header {
    background: #366b8f;
    height: 88px;
    font-size: 30px;
    padding-top: 20px;
}

.subscribe {
    width: 888px;
    color: #fff;
    text-align: center;
}

.subscribe-section1,
.subscribe-section2,
.subscribe-section3 {
    background: #4e8eb9;
    font-size: 30px;
    font-weight: bold;
    padding: 0;
}

.section-body {
    background: #fff;
    font-size: 20px;
    font-weight: normal;
}

.section-body .subscribe {
    color: #000;
}

.ohvat-descr {
    height: 90px;
    margin-top: 18px;
    padding-top: 25px;
    vertical-align: middle;
    margin-left: -15px;
    margin-right: -15px;
}

.ohvat-descr span {
    font-weight: bold;
    font-size: 30px;
}

.padding0 {
    padding: 0;
}

.ohvat-desc2 {
    padding-top: 14px;
}

.subscribe-section-head {
    padding: 3px 0;
}

.ohvat-head {
    color: #366b8f;
    font-size: 24px;
    padding-top: 50px;
    padding-bottom: 20px;
}

.subscribe-section2 {
    background: #5c9fcc;
}

.subscribe-list {
    text-align: left;
}

.subscribe-list ul {
    padding: 40px 10px;
    color: #366b8f;
    font-size: 23px;
}

.subscribe-list li {
    padding: 3px;
}

.subscribe-list ul span {
    color: #000;
}

.subscribe-section3 {
    background: #7eb0d1;
}

.subscribe-tematika {
    float: left;
    width: 20%;
}

.tematika-image {
    /*width: 40px;
    float: left;
    height: 40px;
    vertical-align: middle;
    line-height: 38px;*/
    height: 120px;
    margin-top: 50px;
}

.tematika-text {
    font-size: 24px;
    padding-bottom: 48px;
    /*margin-left: 50px;
    height: 40px;
    line-height: 38px;*/
}

.subscribe-period {
    position: relative;
}

.period-item {
    margin: 50px 0;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 5px solid #6c9ab9;
    color: #366b8f;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
    position: relative;
}

.period-item+.period-item {
    margin-left: 66px;
}

.period-item+.period-item:before {
    content: '';
    width: 56px;
    height: 2px;
    background: #a0a0a0;
    position: absolute;
    left: -69px;
    top: 24px;
    display: block;
}

.period-item.period-item-active {
    color: #fff;
    background: none;
}

.period-item-active:after {
    left: -21px;
    position: absolute;
    top: -19px;
    display: block;
    content: '';
    width: 90px;
    height: 90px;
    z-index: 2;
    background: #366b8f;
    border-radius: 50%;
}

.period-item-active div {
    position: relative;
    z-index: 3;
}

.subscribe-footer {
    background: #366b8f;
    height: 88px;
    font-size: 40px;
    padding-top: 15px;
    font-weight: bold;
}

.subscribe-footer a,
.subscribe-footer a:visited {
    color: #fff;
}

.subscribe-footer a:hover {
    color: #fff;
}

.travel-right {
    width: 196px;
    float: right;
}

.travel-left {
    margin-right: 216px;
}

.ft-popover.ft-popover-top {
    left: -112px !important;
}

.ft-popover.ft-popover-top::after {
    left: 163px !important;
}

.ft-popover.ft-popover-top::before {
    left: 164px !important;
}

.menu-btn {
    background: none;
    border: medium none;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 24px;
    height: 30px;
    line-height: 32px;
    margin-right: 10px;
    margin-top: 26px;
    text-align: center;
    width: 48px;
    padding: 0;
}

.menu-btn:active {
    padding: 0;
}

.mobile-menu {
    background: #fafafa none repeat scroll 0 0;
    border-right: 1px solid #e0e0e0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #424242;
    height: 100%;
    left: 0;
    max-height: 100%;
    overflow-x: visible;
    overflow-y: auto;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -mstransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 240px;
    will-change: transform;
    z-index: 1050;
}

.mobile-menu:active {
    padding: 0;
}

.mobile-menu.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.mobile-menu-backdrop {
    opacity: 0.5;
    display: none;
    position: fixed;
    z-index: 1040;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mobile-menu-items {
    padding: 10px 0;
    overflow-y: auto;
    list-style: none;
}

.mobile-menu-items li a,
.mobile-menu-items li a:visited {
    color: #326E97;
    display: block;
    padding: 16px 40px;
    font-size: 16px;
}

.mobile-menu-items li a:hover {
    text-decoration: none;
    background: #E0E0E0;
}

.mobile-logo {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    background: url(/images/logo-blue.png) no-repeat center;
    height: 40px;
}

.mega-menu-doska .mega-menu-items a {
    text-transform: none;
}

.mega-menu-doska .mega-menu-items {
    width: auto;
    padding-right: 45px;
    padding-top: 20px;
}

.mega-menu-doska .mega-menu-element {
    width: 208px;
    margin-top: 13px;
}

.mega-menu-doska .mega-menu-element-title {
    text-transform: uppercase;
}

.mega-menu-doska-right {
    float: right;
    margin-right: 15px;
}

.popular-news-main {
    height: 130px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    display: block;
    margin-bottom: 3px;
    transition: opacity 0.2s ease-in;
}

.popular-news-main:hover {
    opacity: 0.8;
}

.popular-news-main .tile-views {
    position: absolute;
    z-index: 20;
    display: block;
    text-align: right;
    font-size: 12px;
    bottom: 0;
    right: 0;
    padding: 3px 10px 3px 2px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff !important;
}

.banner-divider {
    height: 24px;
}

.alert {
    position: relative;
    clear: both;
}

.alert .fa {
    display: block;
    font-size: 20px;
    position: absolute;
    text-align: center;
    width: 20px;
    left: 10px;
    top: 16px;
}

.note-editor .text-alert,
.text-alert {
    padding-left: 40px !important;
}

.report-like {
    float: right;
    clear: none !important;
    padding-top: 9px;
    z-index: 550;
}

.header-banner {
    position: relative;
    overflow: hidden;
}


/*.adfox-header-banner-lg{
	left: 50%;
	margin-left: -960px;
}
.adfox-header-banner-md{
	left: 50%;
	margin-left: -600px;
}
.adfox-header-banner-sm{
	left: 50%;
	margin-left: -495px;
}
.adfox-header-banner-xs{
	left: 50%;
	margin-left: -384px;
}*/

.shared-adv {
    margin-bottom: 0;
    margin-top: 20px;
    height: auto;
    max-height: 400px;
    position: relative;
    overflow: hidden;
}

.shared-adv-slider {
    /*height: 200px;*/
    list-style: none;
    padding: 0;
    margin: 0;
}

.shared-adv-content {
    overflow: hidden;
    background: #fff;
    position: relative;
}

.shared-adv-content .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    background: none;
    left: 0;
}

.shared-adv-slider li {
    min-height: 100px;
    padding: 10px;
}

.shared-adv .side-tile-item {
    margin-top: 0;
}

.shared-adv .side-tile-bot {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.shared-adv-slider a {
    text-decoration: none;
}

.shared-adv-slider a:hover {
    text-decoration: underline;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.site-rating-domain {
    width: 205px;
    float: left;
}

.site-rating-arrow {
    margin-left: 215px;
}

.header-banner-block {
    overflow: hidden;
}

.header-banner {
    position: relative;
}

.page-drugie .article-right {
    margin-left: 218px;
}

.page-drugie .article-left {
    width: 190px;
    min-height: 110px;
    overflow: hidden;
    position: relative;
}

.page-drugie .article-left .tile-views {
    position: absolute;
    z-index: 1000;
    display: block;
    text-align: right;
    font-size: 12px;
    bottom: 0;
    right: 0;
    padding: 3px 10px 3px 2px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff !important;
}

.header-banner>div {
    position: relative;
}

#another-elements {
    background: #b1d3dd;
    font-weight: 600px;
    font-size: 16pt;
    padding: 8px 10px;
    ;
    border-radius: 5px;
    margin: 10px 0;
    position: relative;
}

.form-control[name="comment"] {
    height: 34px;
    margin-bottom: 5px;
}

.form-control[name="comment"].focus {
    height: 100px;
}

.nav>li>a {
    padding: 5px 6px;
}


/*.adfox-header-banner-md{
	width: 1200px !important;
}
.adfox-header-banner-lg{
	width: 1920px !important;
}*/

.popular-news-inner .popular-news-main {
    width: 33%;
    margin-right: 0.5%;
    float: left;
}

.nav-justified {
    margin-bottom: 5px;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: underline;
    background: none;
}

.pagination {
    margin-top: 0;
}

.last-reviews {
    margin-bottom: 15px;
}

.btn-top-left {
    position: fixed;
    cursor: pointer;
    left: 0;
    top: 0;
    height: 100%;
    width: 70px;
    background: #fcfcfc;
    z-index: 25;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 30px;
    text-align: center;
    display: none;
}

.btn-top-left:hover {
    opacity: 1;
}

.btn-top-left i {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -15px;
}

.right-side.affix-bottom {
    position: relative;
}

.reklama-left-block {
    height: 40px;
    vertical-align: middle;
}

.reklama-left-block+.reklama-left-block {
    margin-top: 10px;
}

.reklama-slide {
    padding: 10px 0;
}

.reklama-slide+.reklama-slide {
    border-top: 2px solid #326E97;
}

.tile-photo-detail .tile-views {
    position: absolute;
    right: 1px;
    top: 3px;
}

#yandex_ad {
    margin-top: 15px;
}

.mid-block {
    margin-bottom: 20px;
}

.h-banner-lg {
    position: relative;
    /*width: 1920px;
    left: 50%;
    margin-left: -960px;*/
    width: 100%;
}

.h-banner-sm {
    max-width: 1000px;
    /* position: relative; */
    /* left: 50%; */
    /* margin-left: -500px; */
    width: 100%;
}

.main-h-banner {
    margin-top: 20px;
    max-height: 90px;
}

@media (max-width: 1324px) {
    .btn-top-left {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .popular-news-inner .popular-news-main:nth-child(3) {
        margin-right: 0;
    }
    .right-side.affix {
        left: 50%;
        margin-left: 345px;
        position: fixed !important;
        padding-top: 80px;
        top: 0;
    }
    /*.right-side.affix-bottom{
        padding-top: 80px;
    }*/
}

@media (max-width: 1199px) {
    .travel-left {
        margin-right: 0;
    }
    .header-auth,
    .header-login-block {
        margin-left: 600px;
    }
    .header-weather-fakt {
        margin-left: 120px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .popular-news-inner .popular-news-main:nth-child(3) {
        margin-right: 0;
    }
    .right-side.affix {
        right: 15px;
        position: fixed !important;
        padding-top: 80px;
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .search {
        display: none;
    }
    .header-auth,
    .header-login-block {
        margin-left: 350px;
    }
    .popular-news-main {
        width: 280px;
        margin-right: 10px;
        float: left;
    }
    .popular-news-main:nth-child(2n) {
        margin-right: 0;
    }
    .header-weather-fakt {
        margin-left: 70px;
    }
    .popular-news-inner .popular-news-main {
        width: 49.5%;
        margin-right: 1%;
        float: left;
    }
    .popular-news-inner .popular-news-main:nth-child(2n) {
        margin-right: 0;
    }
    .right-side.affix {
        right: 15px;
        position: fixed !important;
        padding-top: 80px;
        top: 0;
    }
}

@media (max-width: 767px) {
    .right-side {
        position: static !important;
    }
    .container {
        width: 300px;
    }
    .v-banner {
        text-align: center;
    }
    .tile-photo-detail {
        float: none;
        width: 100%;
    }
    .header-auth-user {
        margin: 0;
    }
    .logo {
        margin-right: 0;
        float: left;
        width: 150px;
    }
    .footer-left {
        text-align: center;
    }
    .left-side {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .content-block {
        margin-left: 0;
    }
    .right-side {
        float: none;
        margin: 24px auto;
    }
    .header-login-text {
        font-size: 17px;
        padding-top: 9px;
        text-align: right;
    }
    .search {
        display: none;
        margin: 8px 0 0;
        padding: 0 0 8px;
        width: 270px;
    }
    .search.active {
        display: block;
    }
    .header-auth,
    .header-login-block {
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .header-weather-fakt {
        display: none;
    }
    .counters {
        text-align: center;
    }
    .footer-right {
        margin-left: 0;
        border: none;
    }
    /*.header-banner-block{
        left: 50%;
        margin-left: -384px;
        position: relative;
        top: 0;
        width: 768px;
    }*/
    .rt_block_31659 .rt_main_31659 {
        margin-left: 0 !important;
        margin-top: 5px;
    }
    .rt_photo_31659 {
        float: none !important;
    }
    .mobile-search {
        float: right;
        padding-top: 14px;
    }
    .menu-btn {
        margin-top: 14px;
    }
    .header {
        min-height: 63px;
    }
    #ya-site-form0.ya-site-form .ya-site-form__input-text {
        width: 270px;
    }
    .v-banner.v-banner-main {
        margin-bottom: 15px;
    }
    .btn-top-container {
        display: none;
    }
    .main-event {
        height: auto;
        margin-bottom: 15px;
    }
    .main-event:after {
        display: none;
    }
    .footer-left {
        display: none;
    }
    .counters {
        margin-top: 0;
    }
    .footer {
        margin-top: 0;
    }
    .photo-author-block .tile-text {
        font-size: 14px;
        height: 38px;
        overflow: hidden;
    }
}

@media print {
    *,
    *:before,
    *:after {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    html,
    body {
        background: #fff;
    }
    #page-left {
        width: 100%;
    }
    #comments,
    #another-elements,
    #comments-title,
    .forum_body,
    .btn,
    .find-error-text,
    #ya_share1,
    #likes,
    .header-auth,
    .header-login-block,
    .pagination,
    .page-drugie {
        display: none;
    }
    .left-side {
        margin: 0;
    }
    .content-block {
        margin: 0;
    }
}


/*** filetypes***/

a.filelink[href $='.pdf']:not(.not-ico),
a.filelink[href $='.zip']:not(.not-ico),
a.filelink[href $='.doc']:not(.not-ico),
a.filelink[href $='.doc']:not(.not-ico),
a.filelink[href $='.docx']:not(.not-ico),
a.filelink[href $='.xls']:not(.not-ico),
a.filelink[href $='.xlsx']:not(.not-ico),
a.filelink[href $='.ppt']:not(.not-ico),
a.filelink[href $='.pptx']:not(.not-ico),
a.filelink[href $='.avi']:not(.not-ico),
a.filelink[href $='.mpg']:not(.not-ico),
a.filelink[href $='.rar']:not(.not-ico),
a.filelink[href $='.tif']:not(.not-ico),
a.filelink[href $='.jpg']:not(.not-ico) {
    padding: 18px 18px 18px 60px;
    background-position: 0 0;
    background-repeat: no-repeat;
    /*  background: transparent url(img/filetypes_ico/blank.png) no-repeat;*/
    border: 0;
    line-height: 50px;
}

a.filelink[href $='.pdf']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/pdf.png);
}

a.filelink[href $='.zip']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/zip.png);
}

a.filelink[href $='.doc']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/doc.png);
}

a.filelink[href $='.docx']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/docx.png);
}

a.filelink[href $='.xls']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/xlsx.png);
}

a.filelink[href $='.xlsx']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/xlsx.png);
}

a.filelink[href $='.ppt']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/ppt.png);
}

a.filelink[href $='.pptx']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/pptx.png);
}

a.filelink[href $='.avi']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/avi.png);
}

a.filelink[href $='.mpg']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/mpg.png);
}

a.filelink[href $='.rar']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/rar.png);
}

a.filelink[href $='.tif']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/tif.png);
}

a.filelink[href $='.jpg']:not(.not-ico) {
    background-image: url(../images/filetypes_ico/jpg.png);
}