html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

@media (min-width: 768px) {
    .wrap > .container {
        padding: 300px 15px 20px;
    }
}

@media (max-width: 767px) {
    .wrap > .container {
        padding: 150px 15px 20px;
    }
}


.footer {
    color: #ffffff;
    background-color: #073E32;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
 .center {
     text-align: center;
 }

 .panel-noborder {
     border: none;
 }

.carousel-control.left,.carousel-control.right{
    background-image:none;
    margin-top:10%;
    width:5%;
}

.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #5D5D5D; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #073E32 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #073E32; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }

.main-text {
    color: #073E32;
}

.normal-text {
    color: #5D5D5D;
}


.btn-custom {
    background: #073E32;
    color: #ffffff;
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open > .dropdown-toggle.btn-custom {
    background: #07392e;
    color: #ffffff;
}

.btn-custom:active, .btn-custom.active {
    background: #073E32;
    color: #ffffff;
    box-shadow: none;
}

/*.btn-primary {*/
    /*background-color: #073E32 !important;*/
/*}*/

.wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    height: 100%;
}

.news-list {
    padding: 0;
}

#newsCarousel {
    padding: 0;
    height: 440px;
}

.news {
    cursor: pointer;
}

/*#caption-news{*/
    /*background-color: rgba(255, 255, 255, 1);*/
/*}*/

.news-caption > a{
    color: white;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.news-section {
    padding: 4em 0 3.5em;
}
a.news-btn {
    color: #000;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    background: #008e10;
    color: #FFF;
    padding: 0.5em 1em;
    border-radius: 0.5em;
}
a.news-btn:hover {
    background: #161616;
}

.news-column h4 {
    font-size: 1.3em;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    padding: 0.8em 0 0.3em;
    margin: 0;
}
.news-column p {
    color: #777;
    line-height: 1.7em;
    padding: 0.1em 0 0em;
    display: block;
    font-size: 1em;
}

.active-list-item {
    background-color: #bfbfbf;
    color: white;
}

blockquote{
    display:block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    /*min-height: 200px;*/

    /*Font*/
    font-family: Georgia, serif;
    font-size: 15px;
    line-height: 1.5;
    color: #262626;

    /*Box Shadow - (Optional)*/
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;

    /*Borders - (Optional)*/
    border-right: 15px solid;
    border-left: 15px solid;

    /*background-image: url(../gallery/lampadka.jpg) !important;*/
    /*background-position: top left;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
}

blockquote.default{
    border-left-color: #434a53;
    border-right-color: #434a53;
}

#post-day {
    display:block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;

    font-family: Georgia, serif;
    font-size: 15px;
    line-height: 1.5;
    color: #262626;

    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;

    border: 3px solid #434a53;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #073E32;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 25px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #772E25;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
        padding: 15px;
        text-align: center;
        width: 100%;
    }

    .navbar-brand {
        float: none !important;
    }

    .navbar-nav {
        float: none;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .navbar-nav > li {
        display: inline-block;
        float: none;
    }
}