* {
    font-family: 'Open Sans', sans-serif;
}

.tut-sidebar-bg-color {
    background-color: #e4e4e4;
}
.tut-sidebar-color {
    color: rgba(0,0,0,0.7);
}
.tut-content-bg-color {
    /*background-color: #ebebeb;*/
    background-color: #EAEAEA;
}

.text-size-xs {
    font-size: 10px;
}
.text-size-sm {
    font-size: 12px;
}
.text-size-md {
    font-size: 14px;
}
.text-size-lg {
    font-size: 16px;
}
.text-size-xl {
    font-size: 27px;
}

.border-none {
    border: 0px solid;
}
.border-normal {
    border: 1px solid;
}
.border-lg {
    border: 2px solid;
}
.border-top {
    border-top: 1px solid;
}
.border-top-md {
    border-top: 2px solid;
}
.border-top-lg {
    border-top: 3px solid;
}
.border-bottom {
    border-bottom: 1px solid;
}
.border-bottom-md {
    border-bottom: 2px solid;
}
.border-bottom-lg {
    border-bottom: 3px solid;
}
.border-color-red {
    border-color: #a31a1d;
}

.border-color-gray-dark {
    border-color: #282828;
}
.border-color-gray {
    border-color: #666666;
}
.border-color-gray-light {
    border-color: #cccccc;
}
.border-color-gray-lighter {
    border-color: #d8d8d8;
}
.border-color-gray-lightest {
    border-color: #e3e3e3;
}
/*
.tut-breadcrumbs-color {
    .tut-sidebar-color
}
*/
.anchor-reset,
.anchor-reset:hover,
.anchor-reset:focus {
    text-decoration: none;
    color: inherit;
}
.cursor-pointer {
    cursor: pointer;
}

.overflow-hidden {
    overflow: hidden;
}

.color-black,
.color-black-hover:hover {
    color: black !important;
}

.color-blue {
    color: #1c7f9f;
}
.color-blue-dark {
    color: #09214f;
}
.color-white,
.color-white-hover:hover {
    color: white !important;
}
.color-gray-light {
    color: #cccccc;
}
.color-gray {
    color: #666666;
}
.color-gray-dark {
    color: #282828;
}
.color-gray-darker {
    color: #222222;
}
.bg-color-white,
.bg-color-white-hover:hover {
    background-color: white;
}

.bg-color-gray-dark {
    background-color: #282828;
}
.bg-color-gray {
    background-color: #666666;
}
.bg-color-gray-light {
    background-color: #cccccc;
}
.bg-color-gray-lighter {
    background-color: #d8d8d8;
}
.bg-color-gray-lightest {
    background-color: #e3e3e3;
}

.bg-color-green {
    background-color: rgb(92, 184, 92);;
}

.color-red,
.hover\:color-red:hover {
    color: #ff0121; /*wienred*/
}
.bg-color-red,
.hover\:bg-color-red:hover {
    background-color: #FF0121; /*wien red*/
}

/*.color-red,*/
/*.hover\:color-red:hover {*/
    /*color: #a31a1d; !* tutred *!*/
/*}*/
.bg-color-red-light {
    background-color: #cc0000;
}
/*.bg-color-red,*/
/*.bg-color-red-hover:hover {*/
    /*background-color: #a31a1d;!* #ac2925 #a72026 *!*/
/*}*/
.bg-color-red-dark {
    background-color: #790104 ;
}

.margin-x-auto {
    margin-left: auto;
    margin-right: auto;
}

.margin-y-reset {
    margin-left: 0px;
    margin-right: 0px;
}

.margin-y-normal {
    margin-top: 15px;
    margin-bottom: 15px;
}
.margin-x-normal {
    margin-left: 15px;
    margin-right: 15px;
}
.margin-y-top-0 {
    margin-top: 0px;
}
.margin-y-bottom-0 {
    margin-bottom: 0px;
}
.padding-lightest {
    padding: 3px;
}
.padding-lighter {
    padding: 5px;
}
.padding-light {
    padding: 7px;
}
.padding-normal {
    padding: 10px;
}
.padding-y-normal {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padding-y-reset {
    padding-top: 0px;
    padding-bottom: 0px;
}
.padding-reset {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*
    col-xs <768px Extra small devices Phones
    col-sm ≥768px Small devices Tablets
    col-md ≥992px Medium devices Desktops
    col-lg ≥1200px Large devices Desktops
*/
@media (max-width: 767px) {
    .padding-reset-xs {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .padding-x-reset-xs {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-y-reset-xs {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .padding-normal-xs {
        padding: 10px;
    }
    .padding-y-normal-xs {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .padding-reset-sm {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .padding-x-reset-sm {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-y-reset-sm {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .padding-normal-sm {
        padding: 10px;
    }
    .padding-y-normal-sm {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width: 992px) {
    .padding-reset-md {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .padding-x-reset-md {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-y-reset-md {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .padding-normal-md {
        padding: 10px;
    }
    .padding-y-normal-md {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width: 1200px) {
    .padding-reset-lg {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .padding-x-reset-lg {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.tut-breadcrumbs a {
    text-decoration: none;
    color: inherit;
}

.tut-header {
    /*width: 100vw;*/
    /*background-color: #282828;*/
    /*color: white;*/
}

.tut-nav-wrap {
}
.p-normal {
    padding: 15px;
}
.py-normal {
    padding-top:    15px;
    padding-bottom: 15px;
}
.px-normal {
    padding-left:   15px;
    padding-right:  15px;
}

.tut-nav-wrap nav {
    display: flex;
    justify-content: space-between;
}

.tut-nav-wrap a {
    position: relative;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    flex-flow: row nowrap;
}

.tut-nav-wrap a:hover {
    color: white;
}

.tut-nav-wrap a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: white;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tut-nav-wrap a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/*
 there is issue with the next selector - it counts the divs even tho there is no div element in the selector itself
 */
.tut-news-articles > .col-sm-6 {
    text-align: justify;
    height: 380px;
}
.tut-news-articles > .col-sm-6:nth-of-type(odd) {
    padding-left: 0px;
    padding-right: 5px;
}
.tut-news-articles > .col-sm-6:nth-of-type(even) {
    padding-left: 5px;
    padding-right: 0px;
}

div.theatre-partial-wrap > div.col-lg-3 {
    height: 140px;
    padding: 0px;
}

div.theatre-partial-wrap > div.col-lg-3 > .row > .col-xs-6 > div.theatre-image {
    height: 90px;
    width: 150px;
    max-width: 100%;
    background-position: center;
    background-size: cover;
}
@media (max-width: 765px) {
    div.tut-news-articles > .col-sm-6 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 1200px) {
    div.news-topfive-wrap > div.col-lg-6 {
        padding-right: 0px;
    }

    div.news-topfive-wrap > div.col-lg-3:nth-of-type(2n) {
        padding-right: 0px;
    }

    div.theatre-partial-wrap {
        padding: 0px 15px;
    }

    .tut-news-articles > .col-lg-4:nth-of-type(3n+1) {
        padding-left: 0px;
        padding-right: 10px;
    }
    .tut-news-articles > .col-lg-4:nth-of-type(3n+2) {
        padding-left: 0px;
        padding-right: 0px;
    }
    .tut-news-articles > .col-lg-4:nth-of-type(3n) {
        padding-left: 10px;
        padding-right: 0px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    div.news-topfive-wrap > div.col-sm-12 {
        padding-right: 15px;
    }
    div.news-topfive-wrap > div.col-sm-6:nth-child(even) {
        padding-right: 7.5px;
    }
    div.news-topfive-wrap > div.col-sm-6:nth-child(odd) {
        padding-left: 7.5px;
    }

    div.small-ads-partial-wrap > .col-sm-6 > .col-xs-4,
    div.small-ads-partial-wrap > .col-sm-6 > .col-xs-6 {
        padding: 0px;
    }
}

/*
inner text search columns
 */


/*
SIDEBAR
*/
.tut-sidebar-wrap > .list-group-item {
    color: #666666;
    background-color: #e3e3e3;
    border: 1px solid #cccccc;
    border-left: 0px;
    border-right: 0px;
}
.tut-sidebar-wrap > .list-group-item a {
    text-decoration: none;
    color: inherit;
}

.tut-sidebar-wrap > .list-group-item.active {
    background-color: #cccccc;
}
.tut-sidebar-wrap > .list-group-item.active:hover {
    border-color: #cccccc;
}
.tut-sidebar-wrap > .list-group-item:hover {
    color: white;
    background-color: #cccccc;
}
.tut-sidebar-wrap > .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.tut-sidebar-wrap > .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.tut-sidebar-wrap .glyphicon {
    position: absolute;
    right: 10px;
    top: 13px;
    color: black;
}


/*
Text search criteria
 */
.tut-inner-page-textsearch {
    margin: 0px;
    background: white;
    padding: 10px;
}

.tut-inner-page-textsearch .col-xs-10,
.tut-inner-page-textsearch .col-md-11 {
    padding: 0px;
}

.tut-form-control {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid black;
    background-color: white;
}

.tut-inner-page-textsearch .btn {
    /*background-color: #ac2925;*/
    /*color: white;*/
    border-radius: 25px;
    padding: 0px;
    height: 50px;
    width: 50px;
    font-size: 20px;
}
/*
location search
 */
.tut-location-search-wrap {
    position: relative;
    display: inline-block;
}
.tut-location-search-options-wrap {
    display: none;
    position: absolute;
    top: 0px;
    width: 180px;
    z-index: 100;
}
.tut-location-search-options-wrap > div {
    cursor: pointer;
}
.tut-location-search, .tut-location-search-trigger {
    border: 0px;
    width: 180px;
    padding: 10px;
    height: 40px;
    cursor:pointer;
}
.tut-location-search-arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    z-index: 200;
}
.tut-location-container {
    z-index: 100;
}
/*
TOP FIVE NEWS
 */

.tut-topfive-wrap-big, .tut-topfive-wrap-small {
    margin-top: 15px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    position: relative;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgba(0, 0, 0, 1);
}

.tut-topfive-wrap-big {
    height: 415px; /* 400px + 15px padding */
}

.tut-topfive-wrap-small {
    height: 200px;
}

.tut-topfive-wrap-big > .tut-topfive-title-wrap {
    height: 100px;
}

.tut-topfive-wrap-small > .tut-topfive-title-wrap {
    height: 50px;
}

.tut-topfive-title-wrap {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);

    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.tut-topfive-title {
    margin-left: 15px;
    color: #282828;
}

.tut-topfive-arrow {
    color: white;
    margin-right: 15px;
    justify-self: flex-end;
}

.tut-banner-horizontal {
    margin: 15px 0px;
    height: 165px;
    background-image: url(/images/banner-3.png);
    /*background-size: contain;*/
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: rgba(0, 0, 0, 0.85);*/
}
.tut-banner-side-vertical {
    width: auto;
    height: 200px;
    background-image: url(/images/banner-sidebar.png);
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: rgba(0, 0, 0, 0.85);*/
}

.tut-more-news {
    margin: 50px auto 20px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    /*background-color: #FFF;*/
    /*color: #a72026;*/
    text-align: center;
    text-transform: uppercase;
    width: 300px;
}

.tut-sitemap {
    padding: 0px;
    /*text-align: center;*/
}

.tut-sitemap li {
    list-style: none;
}

.tut-sitemap li a {
    text-decoration: none;
}

/* Sticky footer styles
--------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 260px;
}

.tut-bg-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 260px;
    background-color: #f5f5f5;
}
/* END of --- */

@media (max-width: 768px) {
    .tut-content-xs {
        padding: 0px;
    }

    .tut-content-xs .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .tut-content-xs > .tut-breadcrumbs,
    .tut-content-xs > form,
    .tut-content-xs > .tut-subcategories-wrap,
    .tut-content-xs > .tut-inner-page-heading {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row.tut-more-news {
        margin-left: 15px;
        margin-right: 15px;
    }

    body {
        /*margin-bottom: 214px;*/
    }
    .tut-bg-footer {
        height: 214px;
    }
}

.dropdown .dropdown-menu {
    opacity: 0;
}
.dropdown.open .dropdown-menu {
    opacity: 1;
}

.dropdown-menu {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.tut-inner-page-heading {
    text-transform: uppercase;
}
.tut-inner-page-heading h3 {
    /*color: #a72026;*/
}

/*
@url: https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height
UPDATE 2017
magic bootstrap 3 columns that have go full height
 */
.equal, .tut-row {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1680px;
}

body > article.tut-row {
    padding: 0px;
}

/**
PAGINATION
 */

.tut-pagination {
    text-align: right;
    height: 75px;
}
.tut-pagination ul.pagination > li > a,
.tut-pagination ul.pagination > li > span {
    color: black;
    border: 0px;
    background-color: transparent;

    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0px;
    line-height: 30px;
}
.tut-pagination ul.pagination > li.disabled > a,
.tut-pagination ul.pagination > li.disabled > span {
    background-color: transparent;
    color: #5e5d5d;
    border: 0px;
}

.tut-pagination ul.pagination > li.active > a,
.tut-pagination ul.pagination > li.active > span {
    color: white;
    /*background-color: #a72026; tutred*/
    background-color: #ff0121;
    border-radius: 40px;
    border-color: white;
}

.tut-pagination ul.pagination>li>a:focus,
.tut-pagination ul.pagination>li>a:hover,
.tut-pagination ul.pagination>li>span:focus,
.tut-pagination ul.pagination>li>span:hover {
    /*background-color: #a72026; tutred*/
    background-color: #ff0121;
    color: white;
    border-radius: 20px;
}

.tut-pagination ul.pagination > li.disabled > a,
.tut-pagination ul.pagination > li.disabled > span {
    border-color: white;
}

.tut-subcategories-wrap a,
.tut-subcategories-wrap a:hover {
    text-decoration: none;
}

/*
ADMIN GRID columns' sizes
 */
.column-id {
    max-width: 50px;
}



.control-label {
    text-align: right;
}

.transition {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tut-icon-close {
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+MTYvaTAwMjdfY2xvc2UtZGlhbG9nPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48cGF0aCBkPSJNOS42NCA4bDQuMDE2IDQuMDE2Yy4yMy4yMy4zNDQuNTAyLjM0NC44MiAwIC4zMTgtLjExNS41OS0uMzQ0LjgyLS4yMy4yMy0uNTAyLjM0NC0uODIuMzQ0LS4zMTggMC0uNTktLjExNS0uODItLjM0NEw4IDkuNjRsLTQuMDE2IDQuMDE2Yy0uMjMuMjMtLjUwMi4zNDQtLjgyLjM0NC0uMzE4IDAtLjU5LS4xMTUtLjgyLS4zNDQtLjIzLS4yMy0uMzQ0LS41MDItLjM0NC0uODIgMC0uMzE4LjExNS0uNTkuMzQ0LS44Mkw2LjM2IDggMi4zNzQgNC4wMTZjLS4yMy0uMjMtLjM0NC0uNTAzLS4zNDQtLjgyIDAtLjMxOC4xMTYtLjU4Ny4zNDUtLjgwNS4yMy0uMjMuNTAzLS4zNC44Mi0uMzQuMzE4IDAgLjU5LjExMy44Mi4zNDNMOCA2LjM3Nmw0LjAzLTQuMDNjLjIzLS4yMy41MDQtLjM0NS44MjItLjM0NS4zMTcgMCAuNTkuMTE3LjgyLjM0Ni4yMi4yMy4zMjguNTAyLjMyOC44MiAwIC4zMTgtLjExLjU4Ni0uMzI4LjgwNUw5LjY0MiA4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}