@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic,700italic&subset=latin,cyrillic,cyrillic-ext,latin-ext);

@font-face {
    font-family: 'agulsk';
    src: url('/templates/agulsk/fonts/agulsk.eot?dlb0eb');
    src: url('/templates/agulsk/fonts/agulsk.eot?dlb0eb#iefix') format('embedded-opentype'), url('/templates/agulsk/fonts/agulsk.ttf?dlb0eb') format('truetype'), url('/templates/agulsk/fonts/agulsk.woff?dlb0eb') format('woff'), url('/templates/agulsk/fonts/agulsk.svg?dlb0eb#agulsk') format('svg');
    font-weight: normal;
    font-style: normal
}

.icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'agulsk' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon.icon-ok:before {
    content: "\e91b"
}

.icon.icon-arrows-left-1:before {
    content: "\e91a"
}

.icon.icon-arrows-right-1:before {
    content: "\e900"
}

.icon.icon-arrows-right-2:before {
    content: "\e901"
}

.icon.icon-weather:before {
    content: "\e902"
}

.icon.icon-messages:before {
    content: "\e903"
}

.icon.icon-arrows-right-double:before {
    content: "\e904"
}

.icon.icon-phone:before {
    content: "\e905"
}

.icon.icon-map-point:before {
    content: "\e906"
}

.icon.icon-arrows-left-2:before {
    content: "\e907"
}

.icon.icon-youtube:before {
    content: "\e908"
}

.icon.icon-fashion:before {
    content: "\e909"
}

.icon.icon-instagram:before {
    content: "\e90a"
}

.icon.icon-mail:before {
    content: "\e90b"
}

.icon.icon-facebook:before {
    content: "\e90c"
}

.icon.icon-location:before {
    content: "\e90d"
}

.icon.icon-medical:before {
    content: "\e90e"
}

.icon.icon-mail-light:before {
    content: "\e90f"
}

.icon.icon-pin:before {
    content: "\e910"
}

.icon.icon-mail-char:before {
    content: "\e911"
}

.icon.icon-sky:before {
    content: "\e912"
}

.icon.icon-telephone:before {
    content: "\e913"
}

.icon.icon-time:before {
    content: "\e914"
}

.icon.icon-tool:before {
    content: "\e915"
}

.icon.icon-twitter:before {
    content: "\e916"
}

.icon.icon-vk:before {
    content: "\e917"
}

.icon.icon-weather1:before {
    content: "\e918"
}

.icon.icon-home:before {
    content: "\e919"
}

body {
    font-family: 'Roboto Condensed', sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif
}

.overflow {
    overflow: hidden;
    z-index: 1
}

.cecutient-panel {
    margin: -33px 0 0;
    overflow: hidden;
    z-index: 1
}

.cecutient-panel p {
    margin: 0;
    padding: 0;
    font-size: 20px
}

.cecutient-panel p span {
    cursor: pointer;
    margin: 0 10px
}

.cecutient-panel p .font-size-small {
    font-size: 17px;
    color: #b83d46
}

.cecutient-panel p .font-size-medium {
    font-size: 19px
}

.cecutient-panel p .font-size-big {
    font-size: 23px
}

.panel-top {
    background: #e9eef1;
    border-bottom: #879cad solid thin;
    height: 40px;
    overflow: hidden;
    z-index: 1
}

.panel-top > p {
    margin: 0;
    padding: 0;
    line-height: 1
}

.switch-cecutient {
    display: block;
    line-height: 1;
    text-transform: uppercase;
    font-size: 16px;
    color: #435774
}

.switch-cecutient .fashion-text {
    padding: 11px 0 0 0;
    display: block
}

.switch-cecutient .icon {
    display: block;
    float: left;
    padding: 0 10px 0 0;
    font-size: 34px
}

.switch-cecutient:hover {
    cursor: pointer;
    color: #b52631
}

.links-social {
    float: right
}

.links-social > a, .links-social .search {
    dispaly: block;
    float: left;
    height: 40px;
    width: 40px;
    padding: 9px;
    border-left: #435774 thin solid;
    font-size: 18px;
    color: #435774
}

.links-social > a:hover, .links-social .search:hover {
    background: #b83d46;
    color: #fff
}

.widget_search {
    position: relative;
    float: right;
    border-left: #435774 thin solid;
    border-right: #435774 thin solid
}

.widget_search span {
    position: relative;
    z-index: 20;
    top: 0;
    display: block;
    height: 40px;
    width: 40px;
    padding: 9px;
    background: #435774;
    font-size: 18px;
    color: #fff
}

.widget_search span:hover {
    cursor: pointer
}

.widget_search form {
    display: none
}

.widget_search form input {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 0;
    height: 40px;
    padding: 9px;
    font-size: 18px
}

.head {
    height: 220px;
    background: url("/templates/agulsk/images/custom/bg-head-inner.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 0 30px
}

.head.front {
    background: url("/templates/agulsk/images/custom/bg-head.jpg") top center no-repeat
}

header {
    padding: 29px 0
}

header .logo {
    float: left;
    margin-right: 20px
}

header .logo img {
    width: 100%
}

header .sitename {
    padding: 26px 0 0 0;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1
}

header .sitename p {
    margin: 0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    color: #30455a;
    letter-spacing: .3em
}

header .sitename h2 {
    margin: 0;
    font-size: 33px;
    font-weight: bold;
    color: #b52631
}

header .phones {
    padding: 10px 0 0 0
}

header .phones p {
    margin: 0;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold
}

header .phones .phone {
    font-size: 24px;
    color: #b52631
}

header .phones .description {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #30455a
}

.navbar {
    z-index: 20
}

.navbar .nav > li > a {
    text-transform: uppercase;
    border-right: #566882 thin solid;
    font-size: 16px;
    letter-spacing: 0.39999999px;
}

.navbar .nav > li > a.last-child {
    border-right: none
}

.navbar .nav .dropdown-menu .sub-menu {
    list-style: none;

    position: absolute;
    left: 98%;
    top: 0;
    display: none;

    min-width: 160px;
    white-space: nowrap;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: #30455a;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #blue;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.navbar .nav .dropdown-menu li {
    position: relative;
}

.navbar .nav .dropdown-menu li:hover > .sub-menu {
    display: block;
}

.navbar .nav .dropdown-menu .sub-menu li {
    display: block
}

.navbar .nav .dropdown-menu .sub-menu a {
    display: block;
    padding: 3px 20px 3px 30px;
    color: #fff
}

.navbar .nav .dropdown-menu .sub-menu a:hover {
    text-decoration: none;
    background: #435774
}

.page {
    overflow: hidden;
    z-index: 1;
    margin-bottom: 20px
}

.page .subtitle {
    padding: 0 0 15px;
    border-bottom: #85939e dashed thin;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    color: #b83d46
}

.page .subtitle p {
    margin: 0
}

.row-1 {
    overflow: hidden;
    z-index: 1
}

.row-1 .top {
    margin: 0 0 30px;
    overflow: hidden;
    z-index: 1
}

.slider {
    position: relative;
    margin: 0 0 30px;
    overflow: hidden;
    z-index: 0
}

.slider .items {
    float: right;
    overflow: hidden;
    z-index: 2
}

.slider .item .image {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 420px;
    opacity: 0;
    overflow: hidden;
    background-color: #ddd;
}

.slider .item .image img {
    height: 420px;
    min-width: 100%
}

.slider .item .description {
    position: relative;
    z-index: 10;
    width: 300px;
    padding: 0 0 0 40px;
    background: url("/templates/agulsk/images/custom/slider-items-bg.png") no-repeat;
    background-position: right top;
    color: #fff;
    opacity: 1
}

.slider .item .description .caption {
    height: 105px;
    padding: 15px;
    border-bottom: rgba(233, 239, 241, 0.4) solid thin;
    overflow: hidden;
    z-index: 1
}

.slider .item .description .caption a {
    display: block;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.slider .item .description .caption a:hover {
    border-bottom: 1px dashed;
}


.slider .item .description .caption p {
    margin: 0
}

.slider .item .description .caption .time {
    text-align: right;
    font-size: 12px
}

.slider .item .category {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 20
}

.slider .item.active .image {
    opacity: 1
}

.slider .item.active .category {
    display: block;
}

.slider .item.active .description {
    background: url("/templates/agulsk/images/custom/slider-items-bg.png") no-repeat;
    background-position: right -290px
}

.slider .category, .slider .more {
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 1
}

.slider .category a, .slider .more a {
    display: block;
    padding: 5px 10px;
    background: #b83d46;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff
}

.slider .category a:hover, .slider .more a:hover {
    background: #435774;
    text-decoration: none
}

.slider .category {
    display: none;
    top: 0
}

.slider .more {
    bottom: 0
}

.system-information {
    padding: 15px;
    margin: 0 0 30px;
    font-size: 20px;
    text-align: center;
    border: #b83d46 thin solid
}

.widgets-slider .left, .widgets-slider .right {
    /*display: block;
    float: left;
    margin: 0 2px 0 0;
    padding: 2px*/
}

.widget-news {
    overflow: hidden;
    z-index: 1;
    margin: 0 0 20px
}

.widget-news .media .media-left a {
    width: 120px;
    height: 100px;
    overflow: hidden;
    z-index: 1;
    background-color: #ddd;
}

.widget-news .media .category {
    padding: 2px 4px;
    background: #b83d46;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px
}

.widget-news .media a {
    display: block;
    line-height: 1.1;
    font-size: 16px;
    color: #000
}

.widget-news .media a:hover {
    color: #30455a;
    text-decoration: underline
}

.widget-news .media time {
    font-size: 12px
}

.widget-news .more a {
    display: block;
    float: left;
    padding: 5px 10px;
    background: #b83d46;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff
}

.widget-news .more a:hover {
    background: #435774;
    text-decoration: none
}

.map {
    height: 420px;
    position: relative;
    margin: 0 auto 30px;
    background: url("/templates/agulsk/images/custom/map.jpg") left top no-repeat;
    overflow: hidden;
    z-index: 1
}

.map a, .map span {
    position: absolute;
    color: #000;
    font-size: 13px
}

.map a:hover, .map span:hover {
    color: #30455a
}

.map .amuh {
    top: 105px;
    left: 175px
}

.map .shari {
    top: 65px;
    left: 200px
}

.map .cirhe {
    top: 90px;
    left: 210px
}

.map .burshag {
    top: 120px;
    left: 240px
}

.map .arsug {
    top: 143px;
    left: 245px
}

.map .hudig {
    top: 160px;
    left: 250px
}

.map .kurag {
    top: 183px;
    left: 252px
}

.map .chirag {
    top: 180px;
    left: 100px
}

.map .richa {
    top: 250px;
    left: 110px
}

.map .beduk {
    top: 300px;
    left: 120px
}

.map .burkikan {
    top: 212px;
    left: 150px
}

.map .misi {
    top: 205px;
    left: 215px
}

.map .huthul {
    top: 230px;
    left: 225px
}

.map .yarkug {
    top: 220px;
    left: 270px
}

.map .fite {
    top: 229px;
    left: 308px
}

.map .drushtul {
    top: 280px;
    left: 295px
}

.map .goa {
    top: 275px;
    left: 270px
}

.map .duldug {
    top: 253px;
    left: 240px
}

.map .tpig {
    top: 250px;
    left: 190px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold
}

.widget-head {
    display: block;
    margin: 0 0 10px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #b52631
}

.widget-body {
    border: #9ba5ad solid thin;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.widget-info-count {
    margin: 0 0 20px;
    overflow: hidden;
    z-index: 1
}

.widget-info-count .item {
    padding: 0 0 0 20px;
    background: url("/templates/agulsk/images/custom/icons/point-list.png") left center no-repeat
}

.widget-info-count .item a {
    color: #000
}

.widget-info-count .last-child p {
    margin: 0
}

.row-2 {
    padding: 40px 0;
    margin: 0 0 30px;
    background: #667988 url("/templates/agulsk/images/custom/bg-row-2.png") center center no-repeat;
    overflow: hidden;
    z-index: 1
}

.row-2 p {
    margin: 0;
    line-height: 1.2;
    text-indent: 2em;
    font-size: 16px;
    color: #fff
}

.row-2 p a {
    font-size: 18px;
    font-weight: bold;
    color: #b52631
}

.row-2 .widget-body {
    padding: 15px;
    overflow: hidden;
    z-index: 1;
    min-height: 130px;
}

.widget-about .title-about {
    margin: 0 0 25px
}

.widget-about .title-about img {
    display: block;
    width: 37px;
    float: left;
    margin: 0 15px 0 0
}

.widget-about .title-about > a {
    display: block;
    margin: 0;
    padding: 7px 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff
}

.widget-about .block-intro {
    margin: 0 0 15px 0;
    overflow: hidden;
    z-index: 1
}

.widget-about .block-intro p {
    line-height: 1.3;
    text-align: right;
    font-size: 15px;
    font-style: italic
}

.widget-about .block-intro .widget-body {
    clear: both
}

.widget-about .block-description {
    clear: both;
    margin: 0 0 15px 0;
    overflow: hidden;
    z-index: 1;
    min-height: 130px;
}

.widget-about .block-slider {
    max-height: 200px;
    margin: 0 0 15px;
    background: #ccc;
    overflow: hidden;
    z-index: 1
}

.widget-chief .title-chief {
    float: left;
    width: 50%;
    padding: 0 15px 0 0;
    margin: 0 0 15px
}

.widget-chief .title-chief h3, .widget-chief .title-chief h4 {
    color: #fff
}

.widget-chief .title-chief h3 {
    line-height: 1.4;
    font-size: 20px;
    font-weight: bold;
    margin: 0
}

.widget-chief .title-chief h4 {
    font-size: 18px;
    margin: 0 0 35px
}

.widget-chief .photo-chief {
    margin: 0 0 17px;
    background: #ccc;
    max-height: 200px;
    overflow: hidden;
    z-index: 1
}

.widget-chief .photo-chief img {
    width: 100%
}

.widget-chief .speach-chief {
    clear: both
}

.widget-chief .speach-chief p {
    font-style: italic
}

.row-3 {
    overflow: hidden;
    z-index: 1
}

.row-3 .more, .row-3 ol {
    display: block;
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold
}

.row-3 .more a, .row-3 ol a {
    color: #30455a
}

.widget-personality .item {
    margin: 20px -3%;
    overflow: hidden;
    z-index: 1
}

.widget-personality .personality {
    padding: 0 3%;
    float: left;
    width: 50%
}

.widget-personality .thumbnail {
    width: 100%
}

.widget-personality .thumbnail > a {
    display: block;
    height: 230px;
    overflow: hidden;
    z-index: 1
}

.widget-personality .thumbnail img {
    min-width: 100%
}

.widget-personality .caption p {
    line-height: 1.2;
    margin: 0
}

.widget-personality .caption a {
    font-size: 16px;
    font-weight: bold;
    color: #b52631
}

.widget-personality .carousel-indicators {
    position: static;
    width: auto;
    margin: 0 10px 0 0;
    padding: 0
}

.widget-personality .carousel-indicators li {
    background-color: #85939e;
    border: #85939e solid thin
}

.widget-personality .carousel-indicators .active {
    background-color: #435774;
    border: #435774 solid thin
}

.widget-gallery .block-photos {
    margin: 30px -7px;
    overflow: hidden;
    z-index: 1
}

.widget-gallery .block-photos a {
    display: block;
    padding: 0 7px
}

/**/

#carousel-simple .carousel-control {
    width: 0;
    opacity: 1 !important;
}
#carousel-simple .carousel-control .icon {
    background: url("../images/slider_arrow.png") no-repeat;
    width: 24px;
    height: 38px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

#carousel-simple .carousel-control.left .icon {
    background-position: 0 0;
    left: 0;
}

#carousel-simple .carousel-control.left:hover .icon {
    background-position: -48px 0;
}


#carousel-simple .carousel-control.right .icon {
    background-position: -24px 0;
    right: 0;
}

#carousel-simple .carousel-control.right:hover .icon {
    background-position: -72px 0;
}

/**/

#carousel-position a .icon {
    background: url("../images/slider_arrow_small.png") no-repeat;
    width: 20px;
    height: 18px;
}

#carousel-position .left .icon {
    background-position: 0 0;
    left: 0;
}

#carousel-position .left:hover .icon {
    background-position: -40px 0;
}


#carousel-position .right .icon {
    background-position: -20px 0;
    right: 0;
}

#carousel-position .right:hover .icon {
    background-position: -60px 0;
}

/**/

footer {
    background: #30455a;
    color: #e3e6e9
}

footer .departments {
    position: relative;
    padding: 30px 0;
    overflow: hidden;
    z-index: 1
}

footer .departments > a {
    display: block;
    position: absolute;
    z-index: 99;
    background: #667988;
    padding: 5px 2px;
    color: #fff
}

footer .departments > a.left {
    top: 35%;
    left: 0
}

footer .departments > a.right {
    top: 35%;
    right: 0
}

footer .departments > a:hover {
    background: #b83d46
}

footer .departments .department {
    float: left;
    width: 25%;
    padding: 0 20px
}

footer .departments .department > a {
    display: block;
    float: left;
    margin: 0 10px 0 0
}

footer .departments p {
    display: block
}

footer .departments p a {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

footer .end-information {
    padding: 20px 0;
    border-top: #bababa thin solid
}

footer .end-information .footer-sitename {
    padding: 0 0 30px 0;
    overflow: hidden;
    z-index: 1
}

footer .end-information .footer-sitename .footer-logo {
    display: block;
    float: left;
    width: 60px;
    margin: 0 30px 0 0
}

footer .end-information .footer-sitename .footer-logo img {
    width: 100%
}

footer .end-information .footer-sitename .footer-title {
    display: block;
    float: left;
    padding: 5px 0 10px;
    border-bottom: #667988 thin solid;
    text-transform: uppercase;
    font-size: 22px
}

footer .end-information .footer-sitename .footer-description {
    display: block;
    float: left;
    text-transform: uppercase
}

footer .end-information .footer-video {
    padding: 10px 0 0;
    position: relative;
    overflow: hidden;
    z-index: 1
}

footer .end-information .footer-video > a {
    display: block;
    position: relative;
    height: 180px
}

footer .end-information .footer-video > a > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #b83d46;
    font-size: 200%
}

footer .end-information .footer-video > a img {
    min-width: 100%
}

footer .end-information .footer-video > a:hover > .icon {
    color: #435774
}

footer .end-information .footer-video .more > a {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    line-height: 1;
    padding: 5px;
    background: #b83d46;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px
}

footer .end-information .footer-video .more > a:hover {
    background: #435774;
    text-decoration: none
}

footer .contacts {
    padding: 10px 0
}

footer .contacts span {
    padding: 7px;
    background: #667988;
    color: #30455a;
    margin: 0 15px 0 0
}

footer .contacts p {
    font-size: 18px;
    margin: 0 0 20px
}


footer .contacts .title-contacts {
    text-transform: uppercase
}

footer .bottom {
    padding: 20px 0;
    border-top: #bababa thin solid
}

footer .bottom p {
    float: left
}

footer .bottom p + p {
    margin: 0 0 0 20px
}

footer .bottom p + p + p {
    margin: 0 0 0 20px
}

footer .footer-social {
    padding: 30px 0 0 0
}

footer .footer-social a {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 12px;
    background: url('/templates/agulsk/images/custom/bg-icon-footer.png') center center no-repeat;
    font-size: 20px;
    color: #30455a
}

footer .footer-social a:hover {
    background: url('/templates/agulsk/images/custom/bg-icon-footer-hover.png') center center no-repeat;
    color: #fff
}

.content .contacts .marker {
    float: left;
    font-size: 24px;
    margin: 0 10px 0 0;
    color: #435774
}

.content .contacts .row {
    margin: 0 0 20px
}

.content .contacts p {
    margin: 0
}

.content .contacts p strong {
    text-transform: uppercase;
    color: #435774
}

#breadcrumbs {
    padding: 10px 0
}

#breadcrumbs ul, #breadcrumbs li {
    margin: 0;
    padding: 0;
    list-style: none
}

#breadcrumbs ul {
    overflow: hidden
}

#breadcrumbs ul li {
    float: left;
    font-size: 13px
}

#breadcrumbs ul li span {
    color: #304558
}

#breadcrumbs ul li a {
    color: #777777
}

#breadcrumbs ul li.sep {
    margin: 0 10px
}

#breadcrumbs ul li.home a {
    display: block
}

.cats_tree .body {
    padding: 15px 0
}

.widget_content_tree ul {
    margin: 0;
    padding: 0
}

.widget_content_tree li {
    margin: 0;
    list-style: none;
    padding: 4px 0;
    font-size: 16px
}

.widget_content_tree li a {
    color: #272727
}

.widget_content_tree li a:hover {
    color: #30455a
}

.widget_content_tree ul li.active > a:hover, .widget_content_tree ul li.active > a {
    color: #000;
    text-decoration: none
}

.content h3 {
    margin: 0;
    padding: 0 0 15px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #b83d46
}

.content .photo {
    width: 200px;
    height: 155px;
    overflow: hidden;
    z-index: 1
}

.content .content_list {
    overflow: hidden
}

.content .content_list .category {
    overflow: hidden;
    z-index: 1
}

.content .content_list .category p {
    float: left;
    padding: 2px 4px;
    margin: 0 0 5px;
    background: #b83d46;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    overflow: hidden;
    z-index: 1
}

.menu-inner {
    padding: 15px 0;
    font-size: 18px;
    overflow: hidden;
    z-index: 1
}

.menu-inner .menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.menu-inner .menu ul {
    padding: 0;
    list-style: none;
    margin: 6px 0 0 15px;
    overflow: hidden;
    z-index: 1
}

.menu-inner .menu li {
    margin-bottom: 6px
}

.menu-inner .menu .active a {
    color: #435774;
    font-weight: bold;
    text-decoration: underline
}

.menu-inner .menu a {
    color: #272727
}

.content_list_item {
    overflow: hidden;
    margin-bottom: 15px;
    color: #272727
}

.content_list_item:last-child, .content_list_item:last-child .info_bar {
    margin-bottom: 0
}

.content_list_item .photo {
    float: left;
    margin-right: 10px
}

.content_list_item .field {
    margin-bottom: 6px
}

.content_list_item .ft_caption {
    margin-bottom: 0
}

.content_list_item .ft_caption .value {
    font-size: 18px;
    color: #272727
}

.content_list_item .ft_caption a {
    color: #30455a;
    text-decoration: none
}

.content_list_item .ft_caption a:hover {
    text-decoration: underline
}

.content_list_item .ft_caption a.parent_title {
    color: #7f8c8d
}

.content_list_item .ft_caption a.parent_title:hover {
    color: #d35400
}

.content_list_item .ft_caption h1 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0
}

.content_list_item .f_date_pub {
    color: #999;
    font-size: 11px;
    padding-top: 1px;
    padding-right: 10px;
    float: right;
    margin-top: -20px
}

.content_item .ft_html p:last-child, .content_list_item .ft_html p:last-child {
    margin-bottom: 0
}

.content_list_item .ft_user a {
    color: #BDC3C7
}

.content_list_item .ft_user a:hover {
    color: #d35400
}

.content_item .ft_listmultiple ul, .content_list_item .ft_listmultiple ul {
    clear: both
}

.content_item .tags_bar, .content_list_item .tags_bar {
    margin: 10px 0;
    overflow: hidden;
    font-size: 12px;
    padding-left: 20px;
    background: url("../images/icons/tag.png") no-repeat left center
}

.content_item .tags_bar a, .content_list_item .tags_bar a {
    color: #272727
}

.content_item .tags_bar a:hover, .content_list_item .tags_bar a:hover {
    color: #d35400
}

.content_item .info_bar, .content_list_item .info_bar {
    overflow: hidden;
    font-size: 11px;
    clear: both
}

.content_item .info_bar .bar_item, .content_list_item .info_bar .bar_item {
    float: left;
    padding: 3px 5px
}

.content_item .info_bar .bar_item a, .content_list_item .info_bar .bar_item a {
    color: #272727
}

.content_item .info_bar .bar_item a:hover, .content_list_item .info_bar .bar_item a:hover {
    color: #d35400
}

.content_item .info_bar .bi_rating, .content_list_item .info_bar .bi_rating {
    background: #ecf0f1
}

.content_list_item .info_bar .bi_count {
    font-weight: bold
}

.content_list_item .info_bar .bi_user {
    padding-left: 25px;
    background: url("../images/icons/user-small.png") no-repeat 5px center
}

.content_item .info_bar .bi_hits, .content_list_item .info_bar .bi_hits {
    padding-left: 22px;
    background: url("../images/icons/eye-small.png") no-repeat 5px center
}

.content_list_item .info_bar .bi_comments {
    padding-left: 25px;
    background: url("../images/icons/comment-small.png") no-repeat 5px center
}

.content_item .info_bar .bi_folder, .content_list_item .info_bar .bi_folder {
    padding-left: 25px;
    background: url("../images/icons/folder-small.png") no-repeat 5px center
}

.content_list_item .info_bar .bi_not_approved, .content_item .info_bar .bi_not_approved {
    color: #c0392b
}

.content_list_item .info_bar .bi_not_pub, .content_item .info_bar .bi_not_pub {
    color: #d35400
}

@media screen and (max-width: 768px) {
    header {
        padding: 10px 0
    }

    header .logo {
        margin-right: 5px
    }

    header .sitename {
        padding: 28px 0 34px
    }

    header .sitename p {
        font-size: 9px;
        letter-spacing: .15em
    }

    header .sitename h2 {
        font-size: 18px
    }

    header .phones .phone {
        font-size: 18px
    }

    header .phones .description {
        font-size: 11px;
        margin: 0
    }
}

.services_list {
    margin: 0 -15px
}

.services_list .tile {
    width: 50%;
    padding: 15px;
    float: left
}

.services_list .photo {
    width: auto;
    height: auto;
    float: left;
    margin: 0 15px 0 0
}

.services_list .f_title {
    text-transform: uppercase;
    padding: 30px 0;
    font-size: 16px
}

.services_list .f_title a {
    color: #435774
}

.prominent_list {
    margin: 0 -15px
}

.prominent_list .photo {
    height: 200px;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.prominent_list .photo img {
    width: 100%;
    min-width: 100%
}

.prominent_list .tile {
    padding: 15px;
    width: 33%;
    float: left
}

.prominent_list .tile .tile-body {
    border: #85939e solid thin
}

.prominent_list .tile .tile-body:hover {
    border: #b83d46 solid thin
}

.prominent_list .fields {
    padding: 10px
}

.prominent_list .fields .f_title {
    font-weight: bold;
    font-size: 16px
}

.prominent_list .fields .f_title a {
    color: #b83d46
}

.video_list {
    margin: 0 -15px
}

.video_list .photo {
    height: 150px;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.video_list .photo img {
    width: 100%;
    min-width: 100%;
    min-height: 150px
}

.video_list .video_list_item {
    padding: 15px;
    float: left;
    width: 33%;
    overflow: hidden;
    z-index: 1
}

.video_list .video_list_item.first {
    clear: both;
    overflow: hidden;
    z-index: 1;
    width: 100%
}

.video_list .video_list_item .f_title {
    padding: 10px 0;
    font-size: 16px
}

.video_list .video_list_item .f_title a {
    color: #435774
}

.video_list .video_list_item .f_title a:hover {
    color: #b83d46
}

@media screen and (max-width: 640px) {
    .cecutient-panel p {
        font-size: 12px
    }

    .slider .items {
        float: none;
        clear: both
    }

    .slider .item .image img {
        width: 100%
    }

    .slider .item .description {
        position: static;
        width: 100%;
        padding: 0;
        background: url("/templates/agulsk/images/custom/slider-item-bg-point.png") repeat
    }

    .slider .item.active .description {
        background: url("/templates/agulsk/images/custom/slider-item-bg-point-active.png") repeat
    }

    .slider .more {
        display: none
    }

    .widget-personality .personality {
        width: 100%
    }

    footer .footer-social a {
        font-size: 18px
    }

    footer .departments .department {
        width: auto
    }

    footer .departments .department > a {
        display: block;
        float: left;
        margin: 0 10px 0 0
    }
}

@media screen and (max-width: 1200px) {
    header .logo {
        margin-right: 10px
    }

    header .sitename {
        padding: 28px 0 34px
    }

    header .sitename p {
        font-size: 9px;
        letter-spacing: .15em
    }

    header .sitename h2 {
        font-size: 18px
    }
}


/**/

.albums_list {

}

.albums_list .albums_list_item,
.photoalbum_list .photoalbum_list_item {
    position: relative;
    background-color: #a2a2a2;
    width: 100%;
    height: 180px;
    margin-bottom: 30px;
    overflow: hidden;
}

.albums_list .albums_list_item .photo,
.photoalbum_list_item .photo {
    width: 100%;
    height: 100%;
}

.albums_list .albums_list_item .photo .image {
    z-index: 5;
}
.albums_list .albums_list_item .photo .image img,
.photoalbum_list_item .photo img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.albums_list .albums_list_item .photo .title_panel {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #52616f;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
    opacity: 0.95;
}

.albums_list .albums_list_item .photo:hover .title_panel {
    display: block;
}

.albums_list .albums_list_item .photo .title_panel a {
    color: #fff;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 27% 10%;
    position: absolute;
    text-align: center;
    font-size: 16px ;
    text-decoration: none;
    line-height: 18px;
}

/**/
.photoalbum_list_item .photo img {

}

.photoalbum_list_item .action_block {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.photoalbum_list_item .action_block .icon-edit {
    background: url("../images/edit_icon.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
}

.photoalbum_list_item .action_block .icon-delete {
    background: url("../images/delete_icon2.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
}



/*----*/
.random_photo_content .item {
    margin-bottom: 20px;
    width: 176px;
    max-height: 140px;
    overflow: hidden;
}
.random_photo_content .item .image img {
    width: 100%;
    max-height: 100%;
}


/*-------------------------------------------------------*/
/* меню действий */
/*-------------------------------------------------------*/
#action_menu  {
    float: right;
    position: relative;
    z-index: 1;
}

#action_menu .menu {
    list-style: none;
    font-size: 15px;
}

#action_menu .menu .item {
    padding-left: 25px;
    background-repeat: no-repeat;
    color: #363636;
    text-decoration: none;
    font-size: 14px;
}

#action_menu .menu .item:hover {
    text-decoration: underline;
}

.page .subtitle:after {
    content: "";
    display: block;
    clear: both;
}


/*-------------------------------------------------------*/
/* обращение граждан */
/*-------------------------------------------------------*/
.statements_item {

}

.statements_item .info_block {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    background-color: #b52631;
    padding: 20px 25px;
}

.statements_item .info_block a {
    color: #fff;
    text-decoration: underline;
}

.statements_item .info_block a:hover {
    text-decoration: none;
}

/**/

.statements_item .form_block {
    margin-top: 40px;
}

.statements_item .form_block .content form fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

.statements_item .form_block .content form fieldset.statements .field label {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    color: #282828;
    font-weight: normal;
    margin: 0;
}

.statements_item .form_block .content form fieldset.statements .field {
    margin-bottom: 15px;
}

.statements_item .form_block .content form fieldset.statements .field input[type="text"],
.statements_item .form_block .content form fieldset.statements .field select,
.statements_item .form_block .content form fieldset.statements .field textarea {
    background-color: #efefef;
    border: 1px solid #435774;
    padding: 6px;
    box-shadow: none;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    color: #282828;
    width: 100%;
}

.statements_item .form_block .content form fieldset.statements .field:nth-child(1),
.statements_item .form_block .content form fieldset.statements .field:nth-child(2),
.statements_item .form_block .content form fieldset.statements .field:nth-child(3),
.statements_item .form_block .content form fieldset.statements .field:nth-child(4) {
    width: 50%;
}

.statements_item .form_block .content form fieldset.statements .field:nth-child(1),
.statements_item .form_block .content form fieldset.statements .field:nth-child(3) {
    padding-right: 10px;
    float: left;
}

.statements_item .form_block .content form fieldset.statements .field:nth-child(2),
.statements_item .form_block .content form fieldset.statements .field:nth-child(4) {
    padding-left: 10px;
    float: none;
}

/**/

.statements_item .form_block .content form fieldset.captcha_data {
    float: right;
    margin-top: -80px;
}

.statements_item .form_block .content form fieldset.captcha_data legend {
    display: none;
}

.statements_item .form_block .content form .buttons input[type=submit] {
    background-color: #b52631;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 12px 52px;
    border-radius: 0;
    text-transform: uppercase;
}

.statements_item .form_block .content form .buttons input[type=submit]:hover {
    background-color: #9e212b;
}

/*------*/
.weather_block {
    margin-top: 20px;
}