@import url('https://fonts.googleapis.com/css?family=Material+Icons%7CRoboto:400,500,700&subset=latin,cyrillic');
@import url('/cms/tpl/css/reset.css');
@import url('/cms/tpl/css/material.css');
/*@import url('/cms/tpl/css/materialize.css');*/
@import url('/cms/tpl/css/font-awesome.min.css');
@import url('/cms/tpl/css/owl.carousel.min.css');
@import url('/cms/tpl/css/shortcodes.min.css');
@import url('/cms/tpl/css/main-stylesheet.css');
@import url('/cms/tpl/css/otgrid.css');
@import url('/cms/tpl/css/custom-styles.css');
@import url('/cms/tpl/css/ot-lightbox.min.css');
@import url('/cms/tpl/css/responsive.css');

.ot-material-card.part {
    text-align: center;
}


.video-container .video {
    height: calc(9 / 16 * 100%);
    min-height: inherit;
}

.video-container .video iframe {width:100%; height:100%;}

.video-preview-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.video-preview-image svg {position: absolute; top:45%; left:45%; cursor: pointer;}
.video-preview-image svg:hover path.main {fill: #ff0000;}

.photo-gallery-inner .ot-block-article-slider .item {margin-bottom:0;}

.ot-material-card .widget {margin-top:20px;}

.ot-articles-material-blog-list .item-content p {
    height: auto;
    max-height: 125px;
}

.ot-widget-article-list > .item h4 a {
    max-height: 72px;
    overflow: hidden;
    padding: 0 34px 0 20px;
}

.img-with-no-margin {
    text-align: center;
}

.img-with-no-margin img {
    width: auto;
}

.ot-main-panel-pager .page-dots {
    color: #9a9a9a;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.4px;
    padding: 10px 16px;
}

.item-small .item-content p {max-height: 105px; overflow: hidden;}


.video-list-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
    width: 100%;
}

.video-list-image svg {position: absolute; top:45%; left:45%; cursor: pointer;}
.video-list-image svg:hover path.main {fill: #ff0000;}

.video-on img {opacity: 0;}
.video-on iframe {position: absolute; left:0; top:0; width:100%; height:100%;}

.wait {background: #bcbcbc url('/cms/tpl/img/loading.gif') no-repeat center center; width:100%; min-height:40vw;}
.map .wait {width:100%; height: 80px; min-height: inherit; background-color:white;}

.region-ballon {font-size: 12px;}
.baloonHead  {margin:15px 0 10px 35px; font-size:16px; border-bottom:1px dotted silver; padding-bottom:3px; display: block;}
.region-ballon ul li {
    display: block;
    position: relative;
    font-size: 12px;
    line-height: normal;
}

.photo-gallery-thumbs-inner .wait {min-height: 6vw;}

.photo-gallery-frame .ot-content-block {
    width: auto;
}

.photo-gallery-inner, .photo-gallery-thumbs-inner {transition: all 0.5s linear 0s;}
.photo-gallery-inner img {transition: all 0.5s linear 0s;}

.photo-gallery-thumbs-inner .item {height: 75px; width:104px;}
.photo-gallery-thumbs-inner .item.loaded {background-size: cover;}

.ot-content-block .ot-material-card.regions-item {margin-bottom:20px;}

.ot-content-block .ot-material-card.video-content {padding-bottom:0;}

.video-content .article-head {margin-bottom: 10px;}
.photo-content {
    padding: 0;
}

.photo-content .photo-gallery-frame {background-color:#ffffff;}
.photo-content .photo-gallery-frame  h2 { color:#656565;}

.img-responsive{width: 100%;}
.image_left{float: left; padding: 2px 16px 16px 0; clear: left;}

.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}

.widget .tagcloud a{text-transform: uppercase; padding: 7px 12px;font-size: 13px !important;}

.sport {clear: left; padding: 16px 0;}
.sport .item-content{padding: 0 0 0 12px;}
.sport .item-content > p {color: #252525; font-size: 15px; line-height: 130%;}

span.old-img{display: block; text-align: center; padding: 0 10px 14px 0}
span.old-img img{min-width: 50%; max-width: 100%; width: auto;}

#questionDiv {display: none;}

.big-photo-wrapper {position: relative; margin:auto;}
.big-photo-wrapper .big-to-left {position: absolute; left:0; width:49.5%; top:0; height: 100%; cursor:pointer;}
.big-photo-wrapper .big-to-right {position: absolute; right:0; width:49.5%; top:0; height: 100%; cursor:pointer;}
.big-photo-wrapper .big-to-left .photo-gallery-nav-left {top:50%; margin-top:-25px;}
.big-photo-wrapper .big-to-right .photo-gallery-nav-right {top:50%; margin-top:-25px;}
.big-photo-wrapper:hover .photo-gallery-nav-left, .big-photo-wrapper:hover .photo-gallery-nav-right{opacity:1; display: block;}

#lightbox-box > div.questionDiv {width: 500px; height:auto; background: #ffffff;}

.calendar-widget table {width:100%;}
.calendar-widget table tr td, .calendar-widget table tr th {text-align: center;}
.calendar-widget table tr td,.calendar-widget table tr th {padding:2px;}
.calendar-widget .body-calendar-table tr th span {display: block; padding: 9px 0; width:100%; border:1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1); border-radius: 3px; color: #444444;}
.calendar-widget .body-calendar-table tr td span {display: block; padding: 9px 0; width:100%; border:1px solid rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05); border-radius: 3px; color: #9a9a9a;}
.calendar-widget .body-calendar-table tr td a {display: block; padding: 9px 0; width:100%; border:1px solid #145583;  border-radius: 3px;}
.calendar-widget .body-calendar-table tr td span.current-day {color:#000000; background: #ffffff;  border:1px solid rgba(0, 0, 0, 0.2);}
.calendar-widget .body-calendar-table tr td .saturday, .calendar-widget .body-calendar-table tr th .saturday {color:darkorange;}
.calendar-widget .body-calendar-table tr td .sunday, .calendar-widget .body-calendar-table tr th .sunday {color:red;}
.calendar-widget .body-calendar-table tr td a:hover {background: orange; border:1px solid #222222; color:#ffffff;}
.calendar-widget .body-calendar-table tr td .selected {color:#ffffff; background:#145583;}


.no-padding-bottom {padding-bottom:0;}

.documents-toggle-list>ul, .documents-toggle-list>.documents-toggle-list {display: none;}
.documents-toggle-list.active>ul, .documents-toggle-list.active>.documents-toggle-list {display: block;}

.documents-toggle-list h2,.documents-toggle-list h3, .documents-toggle-list h4, .documents-toggle-list h5, .documents-toggle-list h6 {cursor: pointer;}
.documents-toggle-list h2:hover,.documents-toggle-list h3:hover, .documents-toggle-list h4:hover, .documents-toggle-list h5:hover, .documents-toggle-list h6:hover {color:#145583;}

.text-photo-content {margin-top:20px;}
.text-photo-content .photo-gallery-frame  {margin:0;}
.text-photo-content .photo-gallery-frame  .wrapper {max-width: 100%;}


.ot-widget-article-list > .item h4 a span {display: block; margin-bottom: 2px;
    color: #000000;}

.widget-contacts .contacts-inner {background: #ffffff; border-radius: 2px;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding-top:15px;}
.widget-contacts .contacts-inner .shortcode-content {padding: 0 5px;}
.widget-contacts .shortcode-content ul.fa-ul li {font-size: 14px; text-align: left;}
.widget-contacts .widget-map {width:100%; height: 320px; margin-top:15px;}
.widget-contacts .contacts-inner h4 { margin: 0 3px 0 10px; font-size: 16px; border: none;}

.huge-slider-frame:nth-child(2), .huge-slider-frame:last-child {
    height: 50%;
    width: 25%;
}

.huge-slider-frame:nth-child(2) .huge-slider-content > strong, .huge-slider-frame:last-child .huge-slider-content > strong {
    font-size: 22px;
    line-height: 110%;
}

.error_fly {position: fixed; bottom:15px; right:15px; background: #4b4a4a; color:#ffffff; border-radius: 20px;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding:10px; width:200px; text-align: center; z-index: 99999999; opacity: 0.7;}
.error_fly p {margin: 0; font-size: 12px;}
.error_fly:hover {opacity: 1;}
.error_fly:hover p b {color:#ffff00;}
.error_fly p a {color:#ffffff;}
.error_fly p a:hover {text-decoration: underline;}

.questionDiv label span {text-align: left;}

#errorForm label textarea:focus, #errorForm label input:focus {background: #ffffff;}

.search-results .search-page {margin-bottom:20px;}
.search-results .search-page a .fa {margin-right: 10px;}
.search-results .search-page a:hover {text-decoration: underline;}

#respond .confirm label input {width:auto; display: inline-block; margin-right:5px;}
#respond .confirm label {color:#8b949d; font-size:13px;}

#respond label textarea:focus, #respond label input:focus {
    color: #ffffff;
}

#errorForm label textarea:focus, #errorForm label input:focus  {color:#000000;}

#respond label select {
    border: 2px solid #f0f1f2;
    border-radius: 2px;
    color: #232323;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    width: 100%;
}

.ot-articles-material-blog-list .big-news h2 a {
    display: inline-block;
    height: auto;
    line-height: 22px;
    overflow: auto;
}

.item-small .item-content .item-meta {font-size:12px; margin-top:5px;}


@media only screen and (max-width: 1050px) {
    .error_fly {display: none;}
    .huge-slider-frame:nth-child(2) .huge-slider-content > strong, .huge-slider-frame:last-child .huge-slider-content > strong {
    font-size: 18px;
    margin-bottom: 10px;
}
}

@media screen and (max-width: 840px) {
    #lightbox-box > div.questionDiv {width: 90%;}
    .big-photo-wrapper .big-to-left .photo-gallery-nav-left {left:5px;}
    .big-photo-wrapper .big-to-right .photo-gallery-nav-right {right:5px;}
}

@media screen and (max-width: 460px) {
    .ot-widget-article-list > .item h4 {
        font-size: 11px;
    }
    span.old-img img{width: 100%;}
    .calendar-widget .body-calendar-table tr th span, .calendar-widget .body-calendar-table tr td span, .calendar-widget .body-calendar-table tr td a {padding:5px 0;}
}