aside,
footer,
address,
section,
nav,
header {
    display: block;
}

img,
iframe,
video,
embed {
    max-width: 100% !important;
}
a{
    outline: none!important
}
.logo.text-center {
    width: 100%;
}

.site_title {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}


.site_title span {
    font-size: 4em;
}

ul,
ol {
    padding-left: 20px 

}

.item-page {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;

}

.nav {
    flex-flow: column
}

.item-page.no-style {
    background: none;

    border: none;
    padding: 0;

    padding-bottom: 20px;
}

.col-md.center-content {
    overflow-x: auto
}

.content-none {
    display: none !important
}

#header.container {
    padding-left: 0;
    padding-right: 0
}

/***   H1   ***/
.page-header > h1,
.content-category > h1,
.categories-list > h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    display: block;
    font-weight: 400;
    border-bottom: 1px solid #D2DADB;
    padding-bottom: 5px;

}

.article-separator {
    display: none
}
.article-info.muted dt,
.article-info.muted dd {
    display: inline-block;
    font-family: inherit;
    font-weight: 300;
    margin-right: 10px;
    font-size: 14px;
}

.article-info-term {
    display: none !important;
}

.page-header > h2,
.osmap-items h2 {
    
    margin-bottom: 20px;
    font-weight: 400
}

h2.item-title {
    margin-bottom: 20px;
}

.icons {
    overflow: hidden;
    float: right
}

#jform_title {
    margin-bottom: 10px
}

/***   Comments  ***/
#comments-form .btn,
#comments-report-form .btn,
#comments-form .btn div,
#comments-report-form .btn div {
    background-image: none !important
}

#comments-form .btn div a,
#comments-report-form .btn div a {
    display: inline-block;
    border: 1px solid;
    padding: 5px 20px;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s;
    box-sizing: content-box
}

#comments-form .btn div a:hover,
#comments-report-form .btn div a:hover {
    background: #007bff;
    color: #fff;
    text-decoration: none;
}

/***   MainScreen   ***/
#main-screen {
    background-color: #ddd;
    background-image: url(../images/school.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;



}

#main-screen .col-md-6.d-flex.align-items-center {



    justify-content: center
}

.main-screen-title {
    background: rgba(27, 64, 81, 0.48);
    padding: 20px;
    width: 100%
}

.main-screen-title h1 {
    font-size: 1.8em
}

.main-screen-title div {
    font-size: 18px;
    font-weight: 300
}

.main-screen-title ul {
    padding-left: 6px;
    list-style: none
}

.main-screen-title ul li {
    padding-bottom: 4px;
    padding-top: 4px
}

.main-screen-title ul li::before,
    {

    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
    content: '\f00c';
    margin-right: 4px
}

.moduletable ul li {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    /*border-bottom: 1px solid #eee*/
}

.moduletable ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.moduletable ul {
    list-style: none;
    padding-left: 0
}

.moduletable ul ul {
    padding-left: 10px
}
.moduletable ul ul a{
    display: block;
    position: relative
}
.moduletable ul ul a::before{
    position: absolute;
    content: '-';
    left: -10px
}

ul.icon-list {
    list-style: none;
    padding-left: 10px
}

ul.icon-list li::before {

    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
    content: '\f00c';
    margin-right: 6px
}

/*** Button ***/
a.readmore,
.readmore-btn,
.comment-btn {
    display: inline-block;
    border: 1px solid;
    padding: 5px 14px;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

p.readmore .btn {

    color: #007bff;
    border: 1px solid;
    border-radius: 0;
    padding: 5px 14px;

}

p.readmore .btn:hover,
a.readmore:hover,
.readmore-btn:hover,
.comment-btn:hover {
    /*background: #007bff;*/
    color: #fff;
    text-decoration: none
}

a.btn-screen {

    padding: 10px 30px;
    display: inline-block;
    margin-top: 30px;

    font-weight: 700;
    text-decoration: none;
    margin-right: 10px;
    transition: 0.4s
}

a.btn-screen:hover {

    text-decoration: none;
}

/*** Page  ***/
.item-page ul,
.item-page ol {
   /* margin-left: 20px */

}

.pull-left.item-image {
    float: left;
    max-width: 350px;
    margin-right: 20px;
    margin-bottom: 20px
}

.cols-2 .pull-left.item-image {
    float: none;
    max-width: 100%;
    margin-bottom: 20px
}

.pull-right.item-image {
    float: right;
    max-width: 350px;
    margin-left: 20px;
    margin-bottom: 20px
}

.pull-none.item-image {
    margin-bottom: 20px;
    text-align: center
}

.pull-right {
    float: right !important;
}

.btn.dropdown-toggle {
    display: none
}

.blog .items-leading [class*="leading"],
.blog .items-row [class*="span"],
.blog-featured .items-leading [class*="leading"],
.blog-featured .items-row [class*="span"],
.item-page, #osmap, .categories-list, .search #searchForm, .contact-miscinfo, .contact {
    background: #fafafa;
    padding: 15px;
    border: 1px solid #d9d9d9;
    margin-bottom: 30px;
    overflow: hidden
}
.contact .thumbnail.float-right {
    max-width: 250px;
    margin-bottom: 20px;
}
.contact-form {
    clear: both;
    margin-bottom: 20px
}
.jicons-icons {
    float: left;
    margin-right: 8px;
    
}
.jicons-icons img{
    position: relative;
    top: -2px
}
.newsflash-image {
    overflow: hidden;
    margin: -10px -10px 10px -10px
}

.newsflash-image img {
    transition: .4s;
}

.newsflash-image img:hover {
    transform: scale(1.15, 1.15);
    transition: .4s;
}

.newsflash-title {
    margin-bottom: 10px;
    font-size: 18px;
}

.latest-hits {
   
    border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 4px
}

/***   Top   ***/
#top {
    /*background: #454545;*/
    padding: 4px
}

#top ul > li > a {
    margin-right: 20px
}

#top ul > li:last-child > a {
    margin-right: 0
}

#top .nav.menu {
    display: block;
    text-align: right
}

#top .nav.menu li {
    display: inline-block
}

#top .nav.menu li a {
    color: #fff
}
#searchphraseall, #searchphraseany, #searchphraseexact {
    margin-right: 6px;
}

.sidebar-news.newsflash-title {
    text-transform: inherit;
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 4px;
    font-weight: 300
}
.newsflash-item.sidebar-news {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.latest-date {
    color: #a12e21;
    margin-bottom: 10px;
}

.btn-top {
    width: 100%
}

.btn-top a {
    color: #fff;
    display: block
}

.btn-top span.icon-top {
    display: inline-block;
    text-align: center;
    width: 80px;
    padding: 6px 0;
    border: 1px solid;
    margin: 4px;
}

.btn-top span.icon-text {
    font-size: 16px;
    margin-left: 4px;
    position: relative;
    top: -5px;
    font-weight: 400
}

/*** ButtonHesder ***/
#accessibility-btn,
#btn-maps,
#btn-blind,
#btn-plan,
#btn-clock,
#btn-contact {
    position: relative
}

div.icon-text-accessibility {
    width: 0;
    height: 49px;
    position: absolute;
    background: #454545;
    color: #fff;
    top: 4px;
    right: 100%;
    transition: 0.4s;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

body.accessibility div.icon-text-plan,
    body.accessibility div.icon-text-maps,
    body.accessibility div.icon-text-blind,
    body.accessibility div.icon-text-clock,
body.accessibility div.icon-text-contact{
    display: none!important
}

#accessibility-btn:hover div.icon-text-accessibility {
    width: 200%;
    font-weight: 500
}

div.icon-text-accessibility > div {
    font-size: 15px;
    line-height: 20px;
    width: 180px;
    position: relative;
    top: 14px;
}

/**************************/
div.icon-text-maps {
    width: 0;
    height: 49px;
    position: absolute;
    background: #454545;
    color: #fff;
    top: 4px;
    right: 100%;
    transition: 0.4s;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

#btn-maps:hover div.icon-text-maps {
    width: 200%;
    font-weight: 500
}

div.icon-text-maps > div {
    font-size: 15px;
    line-height: 20px;
    width: 180px;
    position: relative;
    top: 14px;
}

/************************************/
div.icon-text-blind {
    width: 0;
    height: 49px;
    position: absolute;
    background: #454545;
    color: #fff;
    top: 4px;
    right: 100%;
    transition: 0.4s;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

#btn-blind:hover div.icon-text-blind {
    width: 200%;
    font-weight: 500
}

div.icon-text-blind > div {
    font-size: 15px;
    line-height: 20px;
    width: 180px;
    position: relative;
    top: 14px;
}

/***************************/
div.icon-text-plan {
    width: 0;
    height: 49px;
    position: absolute;
    background: #454545;
    color: #fff;
    top: 4px;
    right: 100%;
    transition: 0.4s;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

#btn-plan:hover div.icon-text-plan {
    width: 200%;
    font-weight: 500
}

div.icon-text-plan > div {
    font-size: 15px;
    line-height: 20px;
    width: 180px;
    position: relative;
    top: 14px;
}

/*************************/
div.icon-text-clock {
    width: 0;
    height: 49px;
    position: absolute;
    background: #454545;
    color: #fff;
    top: 4px;
    right: 100%;
    transition: 0.4s;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

#btn-clock:hover div.icon-text-clock {
    width: 200%;
    font-weight: 500
}

div.icon-text-clock > div {
    font-size: 15px;
    line-height: 20px;
    width: 180px;
    position: relative;
    top: 14px;
}

/*************************/
div.icon-text-contact {
    width: 0;
    height: 49px;
    position: absolute;
    background: #454545;
    color: #fff;
    top: 4px;
    right: 100%;
    transition: 0.4s;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

#btn-contact:hover div.icon-text-contact {
    width: 200%;
    font-weight: 500
}

div.icon-text-contact > div {
    font-size: 15px;
    line-height: 20px;
    width: 180px;
    position: relative;
    top: 14px;
}

/***   Header   ***/

.container.wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    /* background: #fff;*/

}


.header-top {

    padding: 20px 0;
}


.btn-top.text-right > a {
    margin: 4px
}

/*** IconMenu  ***/
ul.row.no-gutters.icon-menu.menu.mod-list {
    margin: 0 -4px 30px -4px;
    padding: 0
}

.row.icon-menu {
    list-style: none;
    text-align: center;

}

.row.icon-menu > li {
    padding: 0;
    height: 150px;

    background: #dfdfdf;
}

.row.icon-menu > li > a {
    display: flex;
    font-family: inherit;
    font-weight: 400;
    height: 100%;
    background:#01A0E2;
    width: 100%;
    margin-left: 110px;
    justify-content: center;
    align-items: center !important;
    color:#fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    line-height: 26px;
    transition: 0.4s
}
.row.icon-menu > li > a:hover{
    text-decoration: none;
    background: #007AAC
}

.row.icon-menu > li > a::before {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
    position: absolute;
    display: block;
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    left: 13px;
    top: 20%;
    line-height: 90px;
    background: #01A0E2;
    border-radius: 50%;
    font-size: 40px;
    transition: 0.4s
}
.row.icon-menu > li > a:hover::before{
    background: #007AAC
}

/***  CanvasMenu  ***/
#canvas-menu {
    position: fixed;
    left: -25%;
    top: 0;
    bottom: 0;
    width: 25%;
    overflow-y: auto;
    height: 100%;

    padding: 15px;
    color: #fff;

    transition: 0.6s;
    z-index: 20
}

#canvas-menu li {
    display: block;
    width: 100%
}

#canvas-menu.active {

    left: 0;
}

.canvas-menu-btn {
    text-align: right;

}

#btn-cloze {}

/*** Seatch ***/
#header-searh {
    display: none
}


.searh-btn a {
    color: #fff;

}

.searh-btn a > i {
    font-size: 24px;


}

/***   Menu  ***/
#header-menu {

    padding-left: 0;
    padding-right: 0;

}

#header-menu ul {
    list-style: none;
    display: block;
}

#header-menu ul li a:hover {
    text-decoration: none
}

#header-menu ul.nav.menu > li {
    display: inline-block;
    position: relative;
    margin: 15px
}

#header-menu ul.nav.menu > li > a {
    margin: 0;
    padding: 0;


}

#header-menu ul.nav.menu > li > a,
#header-menu ul.nav.menu > li.divider {

    font-weight: 400;

}


#header-menu ul.nav.menu > li.deeper.parent > a::after,
#header-menu ul.nav.menu > li.deeper.parent > span::after {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f078';
    font-weight: 900;
    margin-left: 4px;
    font-size: 70%
}

#header-menu ul.nav.menu > li.divider:hover {
    cursor: pointer
}

#header-menu ul.nav.menu > li > ul {
    position: absolute;
    background: #1b4051;
    min-width: 300px;
    max-height: 0px;
    margin-top: 15px;
    overflow: hidden;

    -webkit-transition: max-height 0.4s linear;
    -moz-transition: max-height 0.4s linear;
    transition: max-height 0.4s linear;
    z-index: 10
}

#header-menu ul.nav.menu > li > ul > li {
    margin: 10px 15px;
    position: relative
}

#header-menu ul.nav.menu > li > ul a {
    color: #000;
    font-size: 16px
}

#header-menu ul.nav.menu > li:hover > ul {
    max-height: 600px;
}

#header-menu ul li ul li ul li {
    display: none
}
/****FileIcons***/
.doc-icon a[href$='.doc']:before,
.doc-icon a[href$='.docx']:before {
	font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f1c2';
    font-weight: 900;
    display: inline-block;
	margin-right: 7px;
	
}

.doc-icon a[href$='.pdf']:before,
.doc-icon a[href$='.PDF']:before {
	font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f1c1';
    font-weight: 900;
    display: inline-block;
	margin-right: 7px;
	
}

.doc-icon a[href$='.rar']:before,
.doc-icon a[href$='.zip']:before {
	font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f1c6';
    font-weight: 900;
    display: inline-block;
	margin-right: 7px;
}

.doc-icon a[href$='.xlsx']:before,
.doc-icon a[href$='.xls']:before {
	font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f1c3';
    font-weight: 900;
    display: inline-block;
	margin-right: 7px;
}
.doc-icon a[href$='.pptx']:before,
.doc-icon a[href$='.ppt']:before {
	font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f1c4';
    font-weight: 900;
    display: inline-block;
	margin-right: 7px;
}


/***  Column ***/
.row-fluid {
    width: 100%;
    display: block
}

.row-fluid .span6 {
    width: 48.936170208%;
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846383%;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span6 {
    width: 48.936170208%;
    *width: 48.936170208%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.861702124638%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.351063827638%;
}

.row-fluid::before,
.row-fluid::after {
    display: table;
    content: "";
    line-height: 0;
}

.row-fluid::after {
    clear: both;
}

.items-more .nav.nav-tabs.nav-stacked {
    display: block
}

.items-more {
    background: #f8f8f8;
    padding: 15px;
    border: 1px solid #d9d9d9;

}

.nav-tabs {
    border-bottom: none
}
dt.tabs > span > h3 > a:hover{
    text-decoration: none
}
.latest-mod-data,
.info-hits {
    font-size: 80%;
    text-align: left
}

/***   Module   ***/


.sidebar-right .nav,
.sidebar-left .nav {
    display: block
}

.sidebar-right .nav li ul li,
.sidebar-left .nav li ul li {
   /* padding-left: 10px;*/
    border-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

.sidebar-right .nav li ul li:last-child,
.sidebar-left .nav li ul li:last-child {
    padding-bottom: 0
}

.sidebar-right .moduletable,
.sidebar-left .moduletable {

    background: #f8f8f8;
    padding: 15px;
    border: 1px solid #d9d9d9;
    margin-bottom: 30px
}

.sidebar-right .moduletable h3, .sidebar-left .moduletable h3,
.sidebar-right .moduletable h4, .sidebar-left .moduletable h4,
.sidebar-right .moduletable h5, .sidebar-left .moduletable h5,
.sidebar-right .moduletable h6, .sidebar-left .moduletable h6 {
    color: #fff;
    padding: 10px 15px;
    margin: -16px -16px 10px -16px;
    font-size: 20px
}

.newsflash-horiz-block {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding: 10px;
    height: 100%
}

.row.no-gutters.newsflash-horiz.mod-list {
    margin-left: -10px;
    margin-right: -10px
}

span.icon-user::after {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f007';
    font-weight: 900;


}

span.icon-eye::after {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f023';
    font-weight: 900;

}

span.icon-calendar::after {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f073';
    font-weight: 900;
    position: relative;
    top: -1px
}

span.icon-eye-open::after {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f06e';
    font-weight: 900;

}

.moduletable-bg-info {
    background-color: #17a2b8 !important;
    color: #fff;
    padding: 15px
}

.moduletable-bg-info h3 {
    background-color: #148a9c;
    margin: -15px -15px 15px -15px;
    padding: 6px 15px
}

.moduletable-bg-info ul {
    list-style: none
}

.moduletable-bg-info a {
    color: #fff;
    font-weight: 400
}

/***   NewsModule  ***/
.news-module-1.no-activ {
    display: none
}

.news-module-2,
.news-module-3 {
    display: none
}

.news-module-1.activ,
.news-module-2.activ,
.news-module-3.activ {
    display: block
}

/***   Color  ***/
.bg-red,
.bg-red::before {
    background: #dc3545 !important;
}
.bg-red:hover,
.bg-red:hover::before {
    background: #b7303d  !important;
}


.bg-purple,
.bg-purple::before {
    background: #48599e !important;
}
.bg-purple:hover, .bg-purple:hover::before {
    background: #313e73!important;
}

.bg-green,
.bg-green::before {
    background: #28a745 !important;
}
.bg-green:hover, .bg-green:hover::before {
    background: 
    #218638 !important;
}

.bg-dark,
.bg-dark::before {
    background: #343a40 !important;
}
.bg-dark:hover, .bg-dark:hover::before {
    background: 
    #15171a !important;
}
.accessibility a.bg-dark:focus, .accessibility a.bg-dark:hover, .accessibility button.bg-dark:focus, .accessibility button.bg-dark:hover {
    background-color: transparent!important;
}
.bg-fiol,
.bg-fiol::before {
    background: #7d3f92 !important;
}
.bg-fiol:hover, .bg-fiol:hover::before {
    background: 
    #5d2f6c !important;
}

.bg-orange,
.bg-orange::before {
    background: #fd7e14 !important
}
.bg-orange:hover, .bg-orange:hover::before {
    background: 
    #d76b12 !important;
}

/***   Pagination ***/
.pagination {
    display: block;
}

.pager.pagenav {
    text-align: left;
    margin-left: 0
}

.pager.pagenav .next {
    float: right
}

.pager.pagenav li {
    display: inline-block;
    background: #969696;
    border-radius: 12px;
    padding: 4px 20px;
    margin: 4px 20px;
}

.pager.pagenav li a {
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 400;
}


.pagination .counter.pull-right {
    display: none;
}

.pagination {
    text-align: center;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 100%;
}

.pagination > li {
    display: inline-block;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/***   Footer  ***/
#footer {

    overflow: hidden
        /*background: #01a0e2;*/
}

#footer .moduletable * {
    color: #fff;
    
}
#footer .moduletable h3{
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 10px
}

/***   Forms   ***/
#jform_email,
#jform_contact_name,
#jform_contact_email,
#jform_contact_emailmsg,
#comments-form input,
#username,
#password, #jform_name, #jform_username, #jform_password1, #jform_password2,
#jform_email1, #jform_email2{
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:
        #495057;
    background-color:
        #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 20px
}
#member-registration {
    margin-bottom: 30px;
   
}

#comments-form input {
    width: inherit
}

#jform_contact_message,
#comments-form textarea {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:
        #495057;
    background-color:
        #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 20px
}

textarea#jform_contact_message,
#comments-form textarea {
    height: auto;
    max-width: 100% !important
}

/***   Breadcrumbs   ***/
#breadcrumbs {
    background-color: #e9ecef;
}

#breadcrumbs ul.breadcrumb {
    background-color: transparent;
    color: #000;
    margin-bottom: 0
}

#breadcrumbs ul.breadcrumb span.divider img {
    display: none
}

#breadcrumbs ul.breadcrumb span.divider::before {
    content: '/';
    margin-right: 3px
}

#breadcrumbs ul.breadcrumb .active span.divider::before {
    content: ''
}

/***   Tags   ***/
.tags.inline {
    padding-left: 0;
    margin-left: 0
}

.tags.inline li {
    display: inline-block;
    margin-right: 5px
}

.tags.inline li a {
    color: #e52d2d;
    font-weight: 400
}

.tags.inline li::before {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: '\f292';
    font-weight: 900;
    color: #e52d2d
}

.small, small {
    font-size: 90%;}

.icon-remove::before {
    content: 'Обновить'
}

.category.list-striped {
    width: 100%;
    list-style: none
}

.category.list-striped li a {
    font-size: 22px
}

.category.list-striped li a::before {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
    content: '\f00c';
    margin-right: 4px;
    display: inline-block;

}

.icon-search::before {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
    content: '\f00c';
}

.icon-remove::before {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    font-weight: 900;
    content: '\f00c';
}

/***   Comments   ***/
#jc h4 {
    margin-bottom: 30px;
    padding-bottom: 10px;
    margin-top: 20px;
    color: #1f71ba;
}

#jc #nav-bottom span.activepage,
#jc #nav-bottom span {
    width: 40px;
    height: 30px
}

/***   Frontend   ***/
#adminForm {
    padding: 20px;
    margin-bottom: 100px;
    background:
        #f8f8f8;
    padding: 15px;
    border: 1px solid #d9d9d9;

}

.filters.btn-toolbar {
    display: none
}

.chzn-container {
    width: 300px !important;
    margin-bottom: 30px
}

.dropdown-menu {
    display: block !important;
    position: inherit;
    padding: 0;
    margin: 0 0 1rem 0;
    border: none;
    background-color: transparent
}

.print-icon,
.email-icon,
.edit-icon {
    display: inline-block;
    font-family: inherit;
    font-weight: 300;
    margin-right: 10px;
    font-size: 14px;
}

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #ff7a80;
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #ff7a80;
    border-left: 0;
}

#com-content-formTabs {
    margin: 0 0 20px 0;
    padding: 0
}

#com-content-formTabs li {
    margin-right: 10px
}

select.form-control:not([multiple]),
select.inputbox:not([multiple]),
select:not([multiple]) {
    height: calc(2.25rem + 2px);
    background: #fff
}

select,
#jform_guestbook_username,
#jform_guestbook_email {
    display: block;
    width: 100%;
    padding: 16px 22px;
    font-size: 14px;
    line-height: 1.25;
    color: #495057;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #d8d8d8;
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#phocaguestbook .control-group {
    margin-bottom: 20px
}

#phocaguestbook .btn {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    margin-right: 10px
}

#jform_privacy_checkbox {
    position: relative;
    top: 2px;
}

#jform_guestbook_username,
#jform_guestbook_email {
    margin-bottom: 20px;
    background: #fff
}

#jform_guestbook_username-lbl,
#jform_guestbook_email-lbl,
.copyring,
.hr-condensed.pgb_border,
.pagecounter {
    display: none !important
}

.well.well-small.pgwell.pgb_background.pgb_font {


    padding: 15px;
    border: 1px solid #d9d9d9;
    margin-bottom: 30px;
}

.pg-pagination-bottom {
    margin-top: 30px
}

.well.well-small.pgwell.pgb_background.pgb_font {

    background: #f8f8f8 url(../images/kav.png) 15px 50px no-repeat;
    padding-left: 100px;

}

.reset,
.remind,
.login {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px
}

.table-inverse {
    color: #fff;
    background-color: #292b2c;
}

.btn {
    display: inline-block
}

pre {
    background: #eee;
    padding: 15px;
    border-left: 3px solid #01a0e2;
}

pre code {
    color: #e83e8c;


}

#header-menu-icon {
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding: 8px 40px;
    display: none;
    cursor: pointer
}

#debug {

    text-align: center;
    color: #fff;
    overflow: hidden;
    padding: 10px
}

/***   Blind   ***/
.accessibility.smallfonts .header-title a {
    font-size: 30px !important
}

.accessibility.mediumfonts .header-title a {
    font-size: 34px !important
}

.accessibility.bigfonts .header-title a {
    font-size: 40px !important
}

.accessibility .main-screen-title {
    border: 2px solid
}

.accessibility .row.icon-menu > li > a::before {
    display: none
}

.accessibility .row.icon-menu > li > a {
    margin-left: 0
}

.accessibility #header-menu,
.accessibility .header-top {
    border-top: 2px solid;
    border-bottom: 2px solid
}

.accessibility #canvas-menu {
    border-right: 2px solid;
    padding-top: 100px;
}

.accessibility .btn-screen {
    border: 2px solid;
    border-radius: 1px !important
}

.accessibility #header-menu ul.nav.menu > li > ul {
    border-left: 1px solid;
    border-right: 1px solid;

}

.accessibility #top {
    margin-top: 10px;
}

.accessibility .moduletable h3 {
    margin: 0 0 20px 0 !important;
    border-bottom: 2px solid
}

.accessibility #footer {
    border-top: 2px solid
}

.accessibility .container {
    max-width: 1600px !important
}
.accessibility span{
    font-family: inherit!important
}
.accessibility #toTop{
    border: 2px solid
}


/***   header-map-menu   ***/
#header-mapmenu {
    display: none
}
#header-mapmenu ul{
    border: 1px solid;
    padding: 10px
}
#header-mapmenu .moduletable h3{
    font-size: 20px;
    text-transform: uppercase
}
.header-menu .separator.map {
    border: 1px solid;
    padding: 2px 20px 3px 20px
}

li.divider:hover {
    border-bottom: none !important
}

html {
    background: #fff
}

/* Кнопка наверх   */

#toTop {
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
    color: #fff;
    z-index: 222;
    background: rgba(0,0,0,.8);
    padding: 4px 15px;
    border-radius: 4px
}



/***    Media   ***/
@media (max-width: 1199.98px) {
    .row.icon-menu > li > a {
        font-size: 16px
    }

    h3 {
        font-size: 20px
    }
}

@media (max-width: 991.98px) {
    span.header-title {
        font-size: 2em !important
    }

    span.header-subtitle {
        font-size: 1.5em !important
    }

    #header-menu {
        display: none
    }

    .header-menu.col-md-auto {
        width: 100%
    }

    #header-menu ul.nav.menu > li {
        display: block;
        margin-bottom: 10px
    }

    #header-menu ul.nav.menu > li > ul {
        max-height: 600px;
        position: inherit;
        width: 100%
    }

    .col-md.text-right.searh-btn {
        display: none
    }

    #header-searh,
    #header-menu-icon {
        display: block
    }
    .row.tpl-row-screen-title{
        min-height: 100%!important;
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 992px) {
    #header-menu {
        display: block !important
    }
}

@media (max-width: 767.98px) {

    .row-fluid .span6,
    .row-fluid .span4,
    .row-fluid .span3 {
        width: 100%
    }

    .row-fluid [class*="span"] {
        margin-left: 0
    }

    #canvas-menu {
        width: 100%;
        left: -100%
    }

    .logo img {
        max-width: 200px !important
    }

    .site_title {
        text-align: center !important;
    }

    .btn-top a {
        display: inline-block
    }

    .sidebar-left.mr-3 {
        margin-right: 0 !important
    }

    .sidebar-right.ml-3 {
        margin-left: 0 !important
    }
    .row.tpl-row-screen-title{
        min-height: auto
    }
}
@media (max-width: 575.98px) {
    dl.tabs dt{
        display: block!important;
        margin-bottom: 5px
    }
}