@import url("fonts/font-awesome.min.css@1");
@import url("fonts/robotocondensed.css");
@import url("fonts/bloggersans.css");
@import url("fonts/clearsans.css");
@import url("fonts/kelson.css");


@import url("bootstrap/bootstrap.min.css");
@import url("bootstrap/bootstrap.ms.css");
@import url("bootstrap/bootstrap-select.min.css");
@import url("owl-carousel/owl.carousel.css");
@import url("sportcms/preloader.css");
@import url("sportcms/body.css");
@import url("sportcms/header.css");
@import url("sportcms/menu.css");
@import url("sportcms/breadcrumb.css");
@import url("sportcms/section-title.css");
@import url("sportcms/section-content.css");
@import url("sportcms/category.css");
/*@import url("sportcms/sportstype.css");*/
@import url("sportcms/ul.css");
@import url("sportcms/footer.css");
@import url("gallery/gallery.css");
@import url("sportcms/slidernews.css");
@import url("sportcms/partners.css");
@import url("sportcms/popup.css");
@import url("sportcms/table.css");


/*div
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

img{filter:inherit;
    -webkit-filter: inherit;
    -moz-filter: inherit;
    -ms-filter: inherit;
    -o-filter: inherit;
}
*/
/*
.traur{position: fixed;line-height:70px;z-index:1111111;text-align:center;top:0;left:0;width:100%;background:#000;color:#fff;font-size:20px;font-weight:bold;}
.traur a, .traur a:hover{display:block;color:#fff;}
.header {padding-top:70px;}
*/

.overflow-hidden{overflow:hidden;position:relative; display: block;}
.clearfix {clear: both;}
.disable-page-scrolling {overflow: hidden !important;}

.loader-block {width: 60px;height: 60px; background: #003c72;border-radius: 4px; -webkit-border-radius: 4px;-moz-border-radius: 4px;}
.loader-block.fixed-to-center {position: fixed;z-index: 1000;left: 50%;top: 50%;margin: -30px 0 0 -30px;}
.loader-block img {padding: 10px;}

.tooltip.top {margin-top: -2px;}

div.main .margintop {padding-top: 15px;}


.main-events {background: #ccc; height: 422px;}

@media only screen and (max-width: 1199px) {
.main-events {height: 347px;}
}

@media only screen and (max-width: 991px) {
.main-events {height: 265px;}
}

@media only screen and (max-width: 767px) {
.main-events {height: 400px;}
}


/* Руководство */
.head {text-align: center;  }
.head .item {height: 211px; position: relative; overflow: hidden; }
.head .item:nth-child(1) {border-bottom: 5px solid transparent;}
.head .item:nth-child(2) {border-top: 5px solid transparent}
.head .title {position: absolute; width: 100%; left:0; bottom: 0; display: block; font-size: 15px; line-height: 20px; font-weight: bold; padding: 10px 0; color: #fff;  background: rgba(1, 139, 188, 0.4);}
.head .title .fam {}
.head .dolgn {display: block; font-size: 13px; font-weight: normal; color: #fff; padding-top: 5px;}  

@media only screen and (max-width: 1199px) {
.head .item {height: 173.5px;}
.head .title {padding: 5px 0; font-size: 14px;}
.head .dolgn {padding-top: 2px;}  
}

@media only screen and (max-width: 991px) {
.head .item {height: 132.5px;}
.head .title {font-size: 12px; line-height: 14px;}
.head .dolgn {font-size: 11px;}
}

@media only screen and (max-width: 767px) {
.head .item:nth-child(1) {border-bottom: 0; border-right: 5px solid transparent;}
.head .item:nth-child(2) {border-top: 0; border-left: 5px solid transparent;}
.head .item {float: left; height: auto; width: 50%;}
.head .title {font-size: 15px; line-height: 20px; padding: 10px;}
.head .dolgn {font-size: 14px; padding-top: 10px;}  
}
@media only screen and (max-width: 600px) {
.head .title {font-size: 12px; line-height: 16px; padding: 5px;}
.head .dolgn {font-size: 11px;}  
}
@media only screen and (max-width: 479px) {
.head .item:nth-child(1) {border-bottom: 0; border-right: 0; margin-bottom: 30px;}
.head .item:nth-child(2) {border-top: 0; border-left: 0;}
.head .item {float: none; display: block; width:100%;}
.head .title {font-size: 15px; line-height: 24px; padding: 15px;}
.head .dolgn {font-size: 13px;}  
}






h2.main {font-size: 28px;margin-top: 0; margin-bottom: 20px;}

@media only screen and (max-width: 767px) {
h2.main {font-size: 24px;}
}

@media only screen and (max-width: 479px) {
h2.main {font-size: 20px;}
}



h2.line {font-family: "Roboto Condensed";clear: both;position: relative; overflow: hidden; font-size: 24px !important; font-weight: 500; text-align: center; color: #018bbc !important; padding-bottom: 20px; text-transform: uppercase;}
h2.line > span {display: inline-block;margin: 0 .4em;}
h2.line > span:before,
h2.line > span:after {content: '';position: absolute;width: 100%;/*border-top: 1px solid rgba(252, 188, 54, 0.4);*/ height: 2px; margin-top: .6em;
background: #018bbc; /* Old browsers */
background: -moz-linear-gradient(left,  #018bbc 0%, transparent 20%, transparent 80%, #018bbc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #018bbc 0%, transparent 20%, transparent 80%,#018bbc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #018bbc 0%, transparent 20%, transparent 80%,#018bbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018bbc', endColorstr='#018bbc',GradientType=1 ); /* IE6-9 */
}
h2.line > span:before {margin-left: -102%;}
h2.line > span:after {margin-left: 2%;}

.person .item .title {margin-top: 10px; text-align: center; height: 40px; max-height: 40px; font-weight: 300; margin-bottom: 0; line-height: 20px;}
.person .item .title span {display: block;text-transform: uppercase;font-weight: 700;font-size: 18px;}



.title_vision {display: none;}
.vision .text img {display: none;}
.vision .title_vision {display: block; border: 1px solid #000; color: #000; font-weight: bold; font-size: 20px; padding: 10px; text-align: center}

.vision a {color: #000;}

.table.table-gosuslugi {font-size: 13px;}
.table.table-gosuslugi > thead > tr > th {vertical-align: middle;text-align: center;font-size: 14px; background:#018bbc;color:#fff;text-transform:uppercase;}
.table.table-gosuslugi > thead > tr > th .abbr {border-color:#fff;}
.table.table-gosuslugi > tbody > tr > td {vertical-align: middle;text-align: center;}