/* realisations */
.grid ul {
     margin: 0 0 25px;
     padding: 0;
     width: 100%
}

.grid ul li {
     display: inline-block;
     padding: 7px;
     margin: 0;
     min-height: 100%;
     list-style: none;
}
.grid ul li a{
    background-color: #000;
}

@media (max-width:991px) {
     .box_style_cat {
          display: none
     }
}

.grid ul li figcaption, .grid ul li figure img {
     width: 100%;
     height: 100%;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out
}

.grid ul li figure {
     position: relative;
     overflow: hidden;
     margin: -3px
}

.grid ul li figure img {
     transition: all .3s ease-in-out
}

.grid ul li figure:focus img, .grid ul li figure:hover img {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1)
}

.grid ul li figure:focus figcaption, .grid ul li figure:hover figcaption {
     opacity: 1
}

.grid ul li figure:focus figcaption .caption-content, .grid ul li figure:hover figcaption .caption-content {
     -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0)
}

.grid ul li figcaption {
     position: absolute;
     top: 0;
     left: 0;
     padding: 15% 0;
     background-color: #000;
     background-color: rgba(0, 0, 0, .6);
     text-align: center;
     font-size: 15px;
     opacity: 0;
     transition: all .3s ease-in-out
}

.box_style_cat, .box_topic {
     background: #fff;
     -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
     -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05)
}

.grid ul li figcaption .caption-content {
     position: absolute;
     bottom: 0;
     background:rgba(255,255,255,0.9);
     width:100%;
     height:auto;
     -webkit-transform: translate(0, 15px);
     -moz-transform: translate(0, 15px);
     -ms-transform: translate(0, 15px);
     -o-transform: translate(0, 15px);
     transform: translate(0, 15px);
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

.grid ul li a figcaption {
     color: #000;
     display: block;
}


.sidebarbox {
     border: 1px solid #ededed;
     border-radius: 5px;
     overflow: hidden;
}

.sidebarbox-title {
     margin: 0;
     padding: 15px 20px;
     border-bottom: 1px solid #ededed;
     font-size: 13pt;
     color: #444;
     font-weight: 500;
     background: #fff;
}

.sidebarbox-btn {
     margin: 10px;
}

.sidebarbox-icon {
     float: right;
}

.sidebarbox-title a {
     color: #444;
     text-decoration: none;
     display: block;
}

.sidebarbox-content {
     padding: 15px;
}


#modalloader {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     bottom: 0;
     background-color: rgba(255,255,255,0.98);
     z-index: 99999999999 !important
}

[data-loader=circle-side] {
     position: absolute;
     width: 50px;
     height: 50px;
     top: 50%;
     left: 50%;
     margin-left: -25px;
     margin-top: -25px;
     -webkit-animation: circle infinite .95s linear;
     -moz-animation: circle infinite .95s linear;
     -o-animation: circle infinite .95s linear;
     animation: circle infinite .95s linear;
     border: 2px solid #fc5b62;
     border-top-color: rgba(0, 0, 0, .2);
     border-right-color: rgba(0, 0, 0, .2);
     border-bottom-color: rgba(0, 0, 0, .2);
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     border-radius: 100%
}

[data-loader=circle-side] {
     position: absolute;
     width: 50px;
     height: 50px;
     top: 50%;
     left: 50%;
     margin-left: -25px;
     margin-top: -25px;
     -webkit-animation: circle infinite .95s linear;
     -moz-animation: circle infinite .95s linear;
     -o-animation: circle infinite .95s linear;
     animation: circle infinite .95s linear;
     border: 2px solid #fc5b62;
     border-top-color: rgba(0, 0, 0, .2);
     border-right-color: rgba(0, 0, 0, .2);
     border-bottom-color: rgba(0, 0, 0, .2);
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     border-radius: 100%
}

@-webkit-keyframes circle {
     0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0)
     }

     100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@-moz-keyframes circle {
     0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0)
     }

     100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@-o-keyframes circle {
     0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0)
     }

     100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@keyframes circle {
     0% {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -ms-transform: rotate(0);
          -o-transform: rotate(0);
          transform: rotate(0)
     }

     100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@keyframes pop-in {
     0% {
          opacity: 0
     }

     100% {
          opacity: 1;
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1)
     }
}


/*
*
*
* Module / Carousel
*
*
*/
#carousel-modal{
    max-height:600px;
    background:#333;
}
#carousel-modal .carousel-inner .item {
    max-height:600px;
    max-width:auto;
}
#carousel-modal .carousel-inner img {
    max-height:600px;
    width:auto;
}
.modal-header{
    background:#ececed;
    color:#222;
}
.modal-header h3{
    margin:0;
    font-size:16pt;
}

/* postavis */
.br-theme-fontawesome-stars .row {
     padding: 0 20px;
}

.br-theme-fontawesome-stars label {
     font-weight: normal;
}

.br-theme-fontawesome-stars .br-widget {
     height: 28px;
     white-space: nowrap;
}

.br-theme-fontawesome-stars .br-widget a {
    font-family: 'Font Awesome\ 5 Pro';
    font-weight: 900; /* Fix version 5.0.9 */
         text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     text-decoration: none;
     margin-right: 2px;
}

.br-theme-fontawesome-stars .br-widget a:after {
     content: '\f005';
     color: #e7e7e7;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after {
     color: #dc3545;
}

.br-theme-fontawesome-stars .br-widget a.br-selected:after {
     color: #dc3545;
}

.br-theme-fontawesome-stars .br-widget .br-current-rating {
     display: none;
}

.modal h1, .modal .h1{
    font-size:18pt;
    margin-bottom:15px;
}
.modal h2, .modal .h2{
    font-size:15pt;
    color:#444;
    margin-bottom:7px;
}
.modal h3, .modal .h3{
    font-size:13pt;
    color:#555;
    margin-bottom:5px;
}
.copyright span{
    padding: 0 5px 0 5px;
}
.grecaptcha-badge {
    visibility: hidden;
}