html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'PTSansNarrowRegular',arial,sans-serif;
    font-size: 19px;
    line-height: 25px;
    color: var(--dark, #1C1E21);
}
html { height: 101%;} /* always display scrollbars */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

body {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    padding-top: 60px;
    scroll-behavior: smooth;
    background-color: var(--white, #ffffff)
}

iframe[src*=youtube]
{
    max-width:100%;
    height:100%;
    aspect-ratio: 16/9;
}

::-moz-selection {
    background: var(--grey, #cccccc);
    color: var(--white, #ffffff);
    text-shadow: none
}
::selection {
    background: var(--grey, #cccccc);
    color: var(--white, #ffffff);
    text-shadow: none
}

div, span, p, blockquote, pre, a, abbr, code, em, img, ins, s, small, strong, sub, sup, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tr, th, td, article, nav{
    font-size: 1.0rem;
    line-height: 1.0rem;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-family: 'PlumbCondensedBold',arial,sans-serif;
    text-transform: uppercase;
    color: var(--dark, #1C1E21);
}
h1 {
    margin-bottom: 25px;
    font-family: 'Trola LatCyr',arial,sans-serif;
    font-size: calc(2.7rem + 6 * (100vw - 320px) / 880);
    line-height: calc(2.7rem + 6 * (100vw - 320px) / 880);
    text-align: center;
    text-transform: none;
}
h2 {
    margin-top: 5px;
    color: var(--blue, #1473e6);
    font-size: calc(1.5rem + 6 * (100vw - 320px) / 880);
    line-height: calc(1.5rem + 6 * (100vw - 320px) / 880);
    margin-bottom: 10px;
}
h3 {
    padding-top: 5px;
    font-size: calc(1.1rem + 6 * (100vw - 320px) / 880);
    line-height: calc(1.2rem + 6 * (100vw - 320px) / 880);
    font-weight: bold;
}
h4 {
    padding-top: 5px;
    font-weight: normal
}
h5 {
    font-size: 0.8rem;
    line-height: 0.8rem;
    padding-top: 5px;
    font-weight: normal
}

a.break_all{
    word-break : break-all;
}
a, a strong, a b {
    color: var(--blue, #1473e6);
    outline: 0;
    text-decoration: underline;
}
a:hover, a:hover strong, a:hover b {
    color: var(--dark, #1C1E21);
    text-decoration: none
}

label.col-form-label {
    font-weight: bold;
}
label.is-invalid {
    color: var(--red, #e9262a);
    font-weight: bold;
}

ul {
    margin: 10px 30px;
}
ul li:before{
    /* For a square bullet */
    content:'\2043';
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -15px;
    top: -3px;
    color: var(--blue, #1473e6);
    font-size: 1.3rem;
}
ul li {
    padding: 5px 0;
}

p {
    padding: 5px 0;
    text-align: justify;
}
div, p {
    line-height: 1.2rem;
}

div.table-responsive {
    margin-top: 15px;
    margin-bottom: 15px;
}
.table tr th {
    background: var(--dark, #1C1E21);
    border: 1px solid var(--dark, #1C1E21);
    color: var(--white, #ffffff);
    font-family: 'PlumbCondensed', sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px;
    vertical-align: middle
}
table tr td {
    padding: 5px 15px;
    text-align: left;
}
.table-bordered tr td{
    border: 1px solid var(--grey, #cccccc);
}
table tr.null, table tr.null:hover {
    background: var(--dark, #1C1E21)
}
.table tr td.price {
    font-family: 'PlumbCondensedBold', sans-serif;
    font-size: 1.3rem;
    color: var(--red, #e9262a);
    text-align: center
}
.table tr td.ct {
    text-align: center
}

div.title {
    font-family: 'PlumbCondensed',arial,sans-serif;
    text-transform: uppercase;
    padding: 10px;
    background: var(--dark, #1C1E21);
    border-left: 12px solid var(--blue, #1473e6);
    color: var(--white, #ffffff);
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.block_tab {
    margin-bottom: 10px;
    border-bottom: 2px solid var(--grey-light, #f5f5f5);
}

div.admin_panel {
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    width: 100%;
    background-color: var(--black, #000000);
    position: fixed;
    top: 0;
    z-index: 900;
    color: var(--white, #ffffff);
    text-transform: uppercase
}
div.admin_panel a, div.admin_panel .fa{
    color: var(--white, #ffffff);
    text-decoration: none
}
div.top_admin {
    position: fixed;
    top: 7px;
    z-index: 1000;
    right: 10px
}

.fas, .fa, .fab, .far{
    color: var(--dark, #1C1E21);
}
.btn>.fa, .btn>.fas, .btn>.fab, .btn>.far {
    color: var(--white, #ffffff);
    margin-right: 5px;
}
.badge {
    font-family: 'PlumbCondensed',arial,sans-serif;
    font-weight: inherit;
}
.btn {
    font-family: 'PlumbCondensed',arial,sans-serif;
    /*text-transform: uppercase;*/
    text-decoration: none;
    cursor: pointer;
    color: var(--white, #ffffff)
}

div.line {
    background: url("../img/page-separator.gif") center center no-repeat;
    height: 15px;
    font-size: 1px;
    margin: 10px 0
}

iframe.youtube {
    border: 5px solid var(--grey-light, #f5f5f5);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

div.topLine {
    background: var(--dark, #1C1E21);
    color: var(--white, #ffffff);
    padding-top: 10px;
}

div.topLine b, div.topLine div {
    color: var(--white, #ffffff)
}

div.topLine a {
    color: var(--white, #ffffff);
    padding: 0 10px;
    outline: 0
}

div.topLine a.active {
    color: var(--blue, #1473e6);
    text-decoration: none
}

.breadcrumb {
    padding: 20px;
    border-radius: 10px;
    background: var(--grey-light, #f5f5f5);
}
.breadcrumb-item a {
    font-family: 'PlumbCondensed',arial,sans-serif;
    color: var(--grey-dark, #5f6368);
}
li.breadcrumb-item.active {
    color: var(--breadcrumb-item-active-color, #cccccc);
}
.breadcrumb-item a {
    text-decoration: underline;
}
.breadcrumb-item a:hover {
    text-decoration: none;
}
.breadcrumb-item:first-child:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0da";
    margin-top:5px;
    padding-right: 5px;
}

.breadcrumb-item + .breadcrumb-item::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0da";
    margin-top:5px;
}

img.img-thumbnail-box {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset
}

/** SLIDER **/
div.carousel-item {
    height: 350px;
    background-position: center, center;
    background-size: cover;
}
.carousel-caption {
    height: auto;
    position: absolute;
    top: 25px;
    left:0;
    padding: 0 80px;
    border: 0 solid var(--red, #e9262a);
}
div.slider_name {
    text-transform: uppercase;
    color: #16151a;
    font-size: 2.7rem;
    line-height: 2.7rem;
    font-family: 'PlumbCondensedBold', sans-serif;
    font-weight: bold;
    text-shadow: var(--white, #ffffff) 3px 0, var(--white, #ffffff) 2px 2px, var(--white, #ffffff) 0 2px, var(--white, #ffffff) -2px 2px, var(--white, #ffffff) -2px 0, var(--white, #ffffff) -2px -2px, var(--white, #ffffff) 0 -2px, var(--white, #ffffff) 2px -2px
}

div.slider_content1 {
    margin-top: 10px;
    color: #16151a;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: 'PlumbCondensed', sans-serif;
    text-shadow: var(--white, #ffffff) 2px 0, var(--white, #ffffff) 1px 1px, var(--white, #ffffff) 0 1px, var(--white, #ffffff) -1px 1px, var(--white, #ffffff) -1px 0, var(--white, #ffffff) -1px -1px, var(--white, #ffffff) 0 -1px, var(--white, #ffffff) 1px -1px
}
div.slider_content {
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: -10px 0 0 rgba(0, 0, 0, 0.5), 10px 0 0 rgba(0, 0, 0, 0.5);
    padding: 10px;
    color: var(--white, #ffffff);
    font-size: 1.3rem;
    line-height: 1.3rem;
}
.carousel-indicators {
    bottom: -10px
}
.carousel-control-prev, .carousel-control-next {
    background-color: var(--grey, #cccccc);
    border: 1px solid var(--grey, #cccccc);
    border-radius: 30px;
    height: 60px;
    width: 60px;
    top: 50%;
    margin-top: -30px
}
.carousel-control-prev {
    margin-left: 10px
}
.carousel-control-next {
    margin-right: 10px
}

h2.title_span {
    border-bottom: 5px solid var(--grey, #cccccc);
    margin-bottom: 25px;
    font-size: 1.9rem;
    line-height: 2.1rem;
}
h2.title_span span {
    font-size: 2.0rem;
    line-height: 2.0rem;
    border-bottom: 5px solid var(--blue, #1473e6);
    font-family: 'PlumbCondensedBold', sans-serif;
}

.box_logo {
    padding: 20px 0;
}
.box_logo img {
    max-height: 100px;
}


/** INDEX **/
.background_dark, .background_light {
    padding: 30px 0;
}
.background_light{
    background-color: var(--white, #ffffff);
}
.background_dark{
    background-color: var(--grey-light, #f5f5f5);
}

.garden_chooseus_icon {
    background: #38B011;
    border-radius: 90% 0 90% 90%;
    transition: all 0.25s ease-in-out;
}
.garden_chooseus_icon:hover {
    border-radius: 90%;
}

.post-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: var(--grey-dark, #5f6368);
    text-align: center;
    padding: 8px 15px;
    line-height: 0.8em;
    z-index: 5;
}
.post-date .day {
    color: var(--white, #ffffff);
    font-family: 'PlumbCondensedBold', sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.post-date .month {
    text-transform: uppercase;
    color: var(--grey-light, #f5f5f5);
    font-size: 0.8rem;
}

.post-date-album {
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 5;
}
.post-date-album div{
    background-color: rgba(0, 0, 0, 0.8);
    color: var(--white, #ffffff);
    font-family: 'PlumbCondensedBold', sans-serif;
    font-size: 1.3rem;
    line-height: 1.3rem;
    padding: 10px;
}

.gallery-title-index {
    position: absolute;
    display: table;
    width: 100%;
    min-height: 70px;
    left:0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px 10px;
    overflow: hidden;
    text-transform: uppercase;
}
.gallery-title-index div{
    display: table-cell;
    vertical-align: middle;
    color: var(--white, #ffffff);
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.info_title_index {
    font-family: 'PlumbCondensedBold', sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 20px 10px;
    text-align: center;
    border-bottom: 1px solid var(--grey-light, #f5f5f5);
}
.news_img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-bottom: 1px solid var(--grey-light, #f5f5f5);
}
.news_img img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    display: block; /* Убираем небольшой отступ снизу */
}
.news_img img:hover {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}
.news_end {
    padding: 20px 20px;
    background-color: var(--grey-light, #f5f5f5);
}


.info_read_more {
    text-align: right;
    margin-right: 0;
    margin-top: 15px;
}

.info_data {
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
    color: var(--blue, #1473e6);
    padding-right: 5px;
    padding-bottom: 5px;
}
div.video_info {
    position: relative;
}
.news_info:hover {
    background-color: var(--grey-light, #f5f5f5);
    border: 1px solid var(--grey, #f5f5f5);
}
div.video_info iframe {
    padding: 0;
    border-radius: 0;
    border:0;
}
.video_iframe {
    position: relative;
    height: 210px;
}

.youtube_index {
    position: relative;
    padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
    border: 5px solid var(--grey-light, #f5f5f5);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}
.youtube_index iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

div.video_name{
    position: absolute;
    height:80px;
    display: table;
    width: 100%;
    min-height: 50px;
    left:0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px 10px;
    overflow: hidden;
    text-transform: uppercase;
}
.video_name div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
div.video_name a{
    font-family: 'PlumbCondensedBold', sans-serif;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding: 0 5px;
    color: var(--white, #ffffff);
}
.video_text {
    font-size: 0.9rem;
    line-height: 0.9rem;
    padding-top: 10px;
}

.title_name {
    text-align: center;
    padding-bottom: 40px;
}
.title_name h3 {
    position: relative;
    font-family: 'PTSansNarrowRegular', Arial, sans-serif;
    text-transform: none;
    padding-bottom: 20px;
    margin-bottom: 10px;
    font-size: 2.0rem;
    line-height: 2.0rem;
}
.title_name h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 150px;
    height: 4px;
    background-color: var(--blue, #1473e6);
    right: 0;
    left: 0;
    margin: 0 auto;
}
.title_name h2 {
    font-size: 3.0rem;
    line-height: 3.0rem;
    color: var(--blue, #1473e6);
    margin-top: 0;
}
.call_me {
    background: url("/img/dance.jpg") center center repeat;
}

/** INDEX END **/

/** NEWS **/
.news_block {
    padding: 0;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}

div.info_block {
    padding: 10px 5px
}
.info_data {
    font-size: 0.9rem;
    line-height: 0.9rem;
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
    color: var(--blue, #1473e6)
}
.info_title {
    color: var(--grey-dark, #5f6368);
    padding-bottom: 5px;
    font-weight: bold
}

.info_content {
    margin-top: 10px;
    padding: 10px 10px;
    text-align: justify;
}
.border-left {
    border-left: 2px solid var(--grey, #cccccc);
}
/** NEWS END **/

/*---------- CALENDAR ----------*/
.calendar td {
    text-align: center;
    font-family: 'PlumbCondensed',arial,sans-serif;
    color: var(--dark, #1C1E21)
}
td.weekend {
    color: var(--red, #e9262a);
    font-family: 'PlumbCondensedBold',arial,sans-serif;
}
td.day_active {
    color: var(--white, #ffffff);
    background-color: var(--red, #e9262a);
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    text-align: center
}
/*---------- CALENDAR END ----------*/

/*---------- NAVBAR ----------*/
nav.navbar {
    background-color: var(--dark, #1C1E21) !important;
}
nav.navbar ul {
    margin: 0;
    list-style: none;
}
nav.navbar ul li{
    padding: 0 10px;
}
nav.navbar ul a, nav.navbar ul a:focus, nav.navbar ul a:hover{
    text-decoration: none;
    color:var(--white, #ffffff);
    display: block;
    word-break: break-word;
    padding-top: 15px;
    padding-bottom: 15px;
}
nav.navbar ul li:before{
    content:'';
}
nav.navbar ul li.nav-item{
    margin-right: 1px;
    margin-left: 1px;
}
nav.navbar ul li.active,
nav.navbar ul li:hover,
nav.navbar ul li:link{
    background-color: var(--blue, #1473e6);
    color:var(--white, #ffffff);
}

ul.dropdown-menu {
    margin-bottom: 10px !important;
}
ul.dropdown-menu li{
    padding: 0;
    margin: 0;
}

li.dropdown-item{
    padding: 0;
    margin-bottom: 5px;
}
li.dropdown-item a{
    color: var(--dark, #1C1E21) !important;
    padding: 5px;
}
li.dropdown-item.active a, li.dropdown-item:hover a{
    color:var(--white, #ffffff) !important;
}


.navbar-toggler {
    background-color: var(--white, #ffffff);
}
/*---------- NAVBAR END ----------*/

/*---------- Pluso ----------*/
div.pluso {
    position: fixed;
    z-index: 1000;
    top: 100px;
    right: 0
}
div.uptolike-buttons {
    margin: 20px 0;
}
/*---------- Pluso End ----------*/

/*---------- TOC ----------*/
.toc {
    margin: 20px 0;
    padding: 30px 25px;
    border-radius: 10px;
    border: 1px solid var(--grey, #f5f5f5);
}
.toc_title {
    font-family: 'PlumbCondensedBold',arial,sans-serif;
    font-size: 1.6rem;
    margin-bottom: 5px;
}
ul.toc_list li {
    list-style: none;
    padding: 2px 0;
    margin-left: -10px;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.2rem;
}
ul.toc_list li:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f101";
    top:5px;
}
ul.toc_list li a {
    padding-left: 5px;
}
/*---------- TOC END ----------*/

/* ---------- modules NEWS ----------- */
.text-anons {
    text-align: right;
    line-height: 1.2rem;
    color: var(--red, #e9262a);
    background-color: var(--grey-light, #f5f5f5);
    padding: 10px 15px;
    font-weight: bold;
}

.text-anons p, .text-anons small {
    font-family: 'PlumbCondensed',arial,sans-serif;
    font-size: .9rem;
    color: var(--grey-dark, #5f6368);
    text-align: right;
    padding-top: 5px;
}

.info_title {
    font-family: 'PlumbCondensedBold',arial,sans-serif;
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding-left: 8px;
    color: var(--dark, #1C1E21);
}
.data_create {
    font-size: 0.9rem;
}
.info_tags, .info_tags a {
    font-size: 0.9rem;
}

div.bg_anons {
    background-color: var(--grey-light, #f5f5f5);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset
}


/*---------- NEWS END ----------*/

/* ---------- style pagination ----------- */
ul.pagination {
    margin: 10px 0 0 0;
    display: inline-flex;
    text-align: center;
}
ul.pagination li:before {
    content: "";
}
ul.pagination li a, ul.pagination li a:hover, ul.pagination li a:link {
    outline: 0;
    color: var(--dark, #1C1E21);
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.2em;
}
ul.pagination li a:hover .fas {
    color: var(--white, #ffffff);
}
span.page-link, ul.pagination li a:hover {
    background: var(--dark, #1C1E21);
    border: 1px solid var(--dark, #1C1E21);
    color: var(--white, #ffffff);
}
ul.pagination li a:hover {
    background: var(--blue, #1473e6);
    border: 1px solid var(--blue, #1473e6);
    color: var(--white, #ffffff);
}
/*---------- pagination END ----------*/

/* ---------- style start ----------- */
div.info_content > ol {
    counter-reset: myCounter;
    margin-left: 0;
    padding-left: 5px;
    color: var(--grey-dark, #5f6368);
}
div.info_content > ol li {
    position: relative;
    padding-left: 3em;
    margin: 0.55em 0;
    list-style: none;
    line-height: 1.4em;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
div.info_content > ol li:hover {
    color: var(--black, #000000);
}
div.info_content > ol li:before {
    content: counter(myCounter);
    counter-increment: myCounter;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    padding: 0;
    color: var(--white, #ffffff);
    background: var(--blue, #1473e6);
    font-weight: bold;
    text-align: center;
    border-radius: .9em;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.info_content > ol li:hover:before {
    background-color: var(--dark, #1C1E21);
}
div.info_content > ol li li:before {
    background-color: var(--blue, #1473e6);
}
div.info_content > ol li:after {
    position: absolute;
    top: 2.1em;
    left: 0.9em;
    width: 2px;
    height: calc(100% - 2em);
    content: '';
    background-color: var(--grey-light, #f5f5f5);
    z-index: 0;
}
div.info_content > ol li:hover:after {
    background-color: var(--dark, #1C1E21);
}
/* ---------- style end ----------- */

/* ---------- BOX-INFO ----------- */
div.box-info {
    padding: 10px;
    background-color: var(--grey-light, #f5f5f5);
    margin-bottom: 20px
}
div.box-white {
    background-color: var(--white, #ffffff);
    padding: 10px
}
/* ---------- BOX-INFO end ----------- */

ul#myTab {
    margin: 0 0 10px 0;
    border: 0;
}
ul#myTab li:before{
    content: '';
    left: 0;
}
ul#myTab li a {
    background-color: var(--white, #ffffff);
    padding: 10px 15px;
    border: 1px solid var(--grey-light, #f5f5f5);
    margin-right: 10px;
    font-family: 'PlumbCondensed',arial,sans-serif;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1.1rem;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    outline: 0;
    color: var(--dark, #1C1E21);
}
ul#myTab li a:hover {
    background-color: var(--dark, #1C1E21);
    color: var(--white, #ffffff);
}
a.nav-link.active {
    background-color: var(--dark, #1C1E21) !important;
    color: var(--white, #ffffff) !important;
}
.block_title a {
    font-family: 'PlumbCondensedBold',arial,sans-serif;
    padding-bottom: 10px;
    display: block;
    text-decoration: none;
    line-height: 1.0rem;
}
.block_title a:hover {
    color: var(--blue, #1473e6);
    text-decoration: underline;
}
.block_date {
    font-family: 'PlumbCondensed',arial,sans-serif;
    text-align: right;
    font-size: 0.8rem;
    line-height: 0.8rem;
    padding-bottom: 10px;
    color: var(--grey-dark, #5f6368);
    font-weight: bold;
}

.block_tab .text-anons {
    font-size: 0.9rem;
    line-height: 1.0em;
    margin-bottom: 10px;
}

div.TopContainer {
    background-color: var(--white, #ffffff);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-right: 16px;
    width: 100%;
}

div.top-social {
    margin-top: 10px;
    margin-bottom: 20px;
}
div.top-social a {
    margin: 5px;
}
div.top-social-foot {
    margin-top: 10px;
}
div.top-social-foot a {
    margin: 5px;
}

div.phone a {
    font-family: 'PlumbCondensedBold',arial,sans-serif;
    font-size: 1.9rem;
}
div.phone i.fa {
    font-size: 1.7rem;
}

/*---------- END GALLERY ----------*/
.gallery > ul {
    margin: 0
}
.gallery > ul li:before{
    content:'';
}
.gallery > ul > li {
    margin-bottom: 15px
}

.gallery > ul > li a {
    display: block;
    overflow: hidden;
    position: relative
}

.gallery > ul > li a > img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%
}

.gallery > ul > li a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.gallery > ul > li a:hover .gallery-poster > img {
    opacity: 1
}

.gallery > ul > li a .gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s
}

.gallery > ul > li a .gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}
.gallery > ul > li a:hover .gallery-poster {
    background-color: rgba(0, 0, 0, 0.5)
}

div.lg-sub-html, div.lg-sub-html h4, div.lg-sub-html > p {
    text-align: center;
    color: #e9ecef;
    font-family: 'PlumbCondensed', sans-serif;
    font-size: 1.2rem;
    line-height: 1.3em;
}

.gallery-title {
    position: absolute;
    display: table;
    width: 100%;
    min-height: 70px;
    left:0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px 10px;
    overflow: hidden;
    text-transform: uppercase;
}
.gallery-title div{
    display: table-cell;
    vertical-align: middle;
    color: var(--white, #ffffff);
    font-size: 1.1rem;
    line-height: 1.1rem;
}

div.gallery-description {
    padding-top: 10px;
}

div.gallery-description-url a {
    border: 0
}
/*---------- END GALLERY ----------*/
div.video_data {
    font-family: 'PlumbCondensed', sans-serif;
    line-height: 1.1em;
    padding-bottom: 5px;
    text-align: right
}

/*---------- FOOTER ----------*/
div.foot {
    background-color: var(--dark, #1C1E21);
    color: var(--grey, #cccccc);
    padding: 20px 0;
}
div.foot div{
    color: var(--grey-light, #f5f5f5);
    padding-top: 1px;
    padding-bottom: 1px;
}
div.foot div a, div.foot div a:hover{
    color: var(--grey-light, #f5f5f5);
    font-size: 0.9rem;
}
div.foot b, div.foot strong{
    color: var(--grey-light, #f5f5f5);
    font-size: 0.9rem;
    line-height: 0.9rem;
    font-weight: normal;
}
div.foot i {
    color: var(--grey, #cccccc);
}

div.foot2 {
    background-color: var(--blue, #1473e6);
    padding: 20px 0;
    text-align: center;
    font-weight: initial;
    color: var(--grey-light, #f5f5f5);
}
div.foot2 a{
    color: var(--grey-light, #f5f5f5);
    font-weight: initial;
}

/** ------------ button ------------ **/
.btn-primary {
    background-color: var(--blue, #1473e6) !important;
    border-color: var(--blue, #1473e6) !important;
}
.btn-primary:hover, .btn-primary:active {
    background-color: var(--blue-hover, #125fbd) !important;
    border-color: var(--blue-hover, #125fbd) !important;
}

.btn-success {
    background-color: var(--blue, #1473e6) !important;
    border-color: var(--blue, #1473e6) !important;
}
.btn-success:hover, .btn-success:active {
    background-color: var(--blue-hover, #125fbd) !important;
    border-color: var(--blue-hover, #125fbd) !important;
}
.bg-success, .bg-success:hover {
    background-color: var(--blue-hover, #125fbd) !important;
    color: var(--white, #ffffff) !important;
}



span.page-link{
    background-color: var(--blue, #1473e6) !important;
    border-color: var(--blue, #1473e6) !important;
    font-size: 1.2em;
    line-height: 1.2em;
}

/*---------- SITEMAP ----------*/
div.sitemap {
    padding: 2px 0;
}
a.Smain {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--blue, #1473e6);
    font-size: 1.2rem;
    font-family: 'PlumbCondensedBold', sans-serif;
    padding-left: 5px;
}
.fa-sitemap {
    font-size: 1.3rem;
}
.alert-dismissible .btn-close {
    padding: 20px 20px;
}
/*---------- END SITEMAP ----------*/


.scroll-to-top {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 40px;
    bottom: 20px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s, transform .3s;
    z-index: 2
}

.scroll-to-top:hover {
    transform: scale(1.1)
}

.consultant + .scroll-to-top {
    bottom: 90px
}

.scroll-to-top:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--dark, #1C1E21);
    border-radius: 10px;
}

.scroll-to-top:hover:before {
    background-color: var(--dark, #1C1E21)
}

.scroll-to-top:after {
    content: url(/img/scroll-top-arrow.svg);
    display: block;
    width: 37px;
    height: 37px;
    position: relative;
    z-index: 1;
    transform: rotateY(180deg);
    transition: transform .5s
}

.scroll-to-top.displayed {
    opacity: 1;
    pointer-events: auto
}

.scroll-to-top.displayed:after {
    transform: rotateY(0deg)
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.service_link {
    font-size: calc(1.1rem + 6 * (100vw - 320px) / 880);
    line-height: calc(1.2rem + 6 * (100vw - 320px) / 880);
    font-weight: bold;
    font-family: 'PlumbCondensedBold',arial,sans-serif;
    text-transform: uppercase;
}


.eco_main_heading {
    padding: 60px 0;
}
.eco_main_heading h1,
.eco_main_heading div {
    color: var(--white, #ffffff);
}
.eco_contact_btn a {
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: var(--white, #ffffff);
    padding: 15px 40px;
    border: 2px solid;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.eco_contact_btn a:hover {
    background: var(--blue, #1473e6);
}
.eco_transition {
    text-transform: uppercase;
}

@media only screen and (max-width: 1199px) {
    div.carousel-item {
        height: 300px;
    }
}

@media only screen and (max-width: 991px) {
    div.carousel-item {
        height: 220px;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: calc(1.9rem + 6 * (100vw - 320px) / 980);
        line-height: calc(1.9rem + 6 * (100vw - 320px) / 980);
    }
    div.top_admin {
        top:60px;
        z-index: 2000;
    }
}

@media only screen and (max-width: 575px) {
    h1 {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-bottom: 5px;
    }
    .title_name h2 {
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
    .title_name h3 {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .service_link {
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .gallery-title-index>div, .post-date-album div {
        font-size: 1.1rem;
        line-height: 1.0rem;
        text-transform: none;
    }

    .services p{
        margin-bottom: 10px;
    }

    .print_sm {
        display: none;
    }

    .box_logo img {
        max-height: 200px;
    }
}

@media print {
    body {
        padding-top: 0 !important;
    }
    .no_print_block, .youtube {
        display: none;
    }
    .print_block {
        display: block;
    }
    .before_section {
        page-break-before: always;
    }
    ul, ol, table {
        page-break-inside: avoid;
    }
    .info_content a[href^="http"]:after {
        content: " (" attr(href) ")";
    }
}