* {
    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-tutred {
    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-tutred {
    color: #a31a1d;
}
.bg-color-tutred-light {
    background-color: #cc0000;
}
.bg-color-tutred,
.bg-color-tutred-hover:hover {
    background-color: #a31a1d;/* #ac2925 #a72026 */
}
.bg-color-tutred-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 {
    /*background-color: #282828;*/
    /*color: white;*/
}

.tut-nav-wrap {
    padding: 15px 0;
    background-color: #a72026;
    color: white;
}

.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;
}

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 {
    min-height: 50px;
}

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

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

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

.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;
    color: white;
}

/* 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: 174px;
    }
    .tut-bg-footer {
        height: 174px;
    }
}

.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;
    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;
    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+);
}

/*
TEXT EDITOR UPLOAD IMAGE
 */
.setting {
    margin-bottom: 15px;
}
.setting h2 {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 6px;
    line-height: 24px;
}
.setting a[data-action] {
    cursor: pointer;
    color: #555;
    font-size: 14px;
    line-height: 24px;
    transition: color 0.2s;
}
.setting a[data-action] i {
    width: 1.25em;
    text-align: center;
}
.setting a[data-action]:hover {
    color: #333;
}
.setting a[data-action].disabled {
    opacity: 0.35;
    cursor: default;
}
.setting a[data-action].disabled:hover {
    color: #555;
}
.image_picker .settings_wrap {
    overflow: hidden;
    position: relative;
}
.image_picker .settings_wrap .drop_target,
.image_picker .settings_wrap .settings_actions {
    float: left;
}
.image_picker .settings_wrap .drop_target {
    margin-right: 18px;
}
.image_picker .settings_wrap .settings_actions {
    margin-top: 12px;
}
.settings_actions.vertical a {
    display: block;
    text-decoration: none;
}
.drop_target {
    position: relative;
    cursor: pointer;
    background: hsl(0, 0%, 90%);
    border-top: 1px solid hsl(0, 0%, 80%);
    border-radius: 4px;
    width: 72px;
    height: 72px;
    padding: 4px 6px 6px;
    transition: all 0.2s;
}
.drop_target input[type="file"] {
    visibility: hidden;
}
.drop_target:before {
    content: '\f0ee';
    font-family: FontAwesome;
    position: absolute;
    display: block;
    width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 32px;
    color: rgba(0, 0, 0, 0.3);
    transition: color 0.2s;
}
.drop_target:hover,
.drop_target.dropping {
    background: #e3e3e3;
}
.drop_target:hover:before,
.drop_target.dropping:before {
    color: rgba(0, 0, 0, 0.6);
}
.drop_target .image_preview {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: contain;
    position: relative;
    z-index: 2;
}
.image_details {
    width: 192px;
    padding: 4px;
    background: hsl(0, 0%, 90%);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 84px;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}
/*.dropped ~ .image_details {
    opacity: 1;
    pointer-events: all;
}*/
.image_details:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right-color: hsl(0, 0%, 90%);
    position: absolute;
    left: -12px;
    top: 10px;
}
.image_details .input_line {
    display: block;
    overflow: hidden;
    margin-bottom: 4px;
}
.image_details .input_line:last-of-type {
    margin-bottom: 0;
}
.image_details .input_line span,
.image_details .input_line input {
    float: left;
    line-height: 24px;
}
.image_details .input_line span {
    font-size: 12px;
    color: #666;
    width: 20%;
}
.image_details .input_line input[type="text"] {
    width: 100%;
    color: #444444;
    appearance: none;
    border: 1px solid hsl(0, 0%, 90%);
    border-radius: 3px;
    background: #fff;
    height: 24px;
    line-height: 18px;
    padding: 3px 5px;
    font-size: 14px;
    transition: border 0.2s;
}
.image_details .input_line input[type="text"]:hover,
.image_details .input_line input[type="text"]:focus {
    outline: 0;
    border: 1px solid #333;
}
.image_details .input_line input[type="text"]::-webkit-input-placeholder {
    font-size: 14px;
    color: #999;
}
.image_details a.confirm {
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -12px;
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    background: #eee;
    line-height: 23px;
    text-align: center;
    font-size: 16px;
}
#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin-bottom: 20px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
    display: none;
}

#progress-wrp .progress-bar {
    height: 100%;
    border-radius: 3px;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
}
#uploaded_image_url {
    margin-bottom: 15px;
    display: none;
}