:root {
    --main-bg-color: rgba(1, 34, 61, 0.5);
    --shadow: rgba(0,0,0,0.25);
    --shadow-dark: rgba(0,0,0,0.5);
    --shadow-second: rgba(0,0,0,0.09);
    --bg-dark: #343a40;
    --bg-dark-2: #1A1E21;
    --second-bg-color: rgba(113, 223, 245, 0.15);
    --link-color: #fffff3;
    --white-color: #ffffff;
    --my-dark-gray: #566270;
    --my-second-gray: #e0e3da;
    --my-third-gray: #d4d6d5;
    --bg-light-blue: #44cbd4;
    --icon-color: #60CDF5;
    --jkhkj: #a493c6;
    --hover-gradient: linear-gradient(160deg,#44cbd4,#2881ef);
    --orange-gradient: linear-gradient(160deg,#FFB80E,#F06103);
    --50-radius: 50px;
    --radius-padding: 15px;
}

.shadow-shorter {
  box-shadow: 0 1px 1px var(--shadow),
              0 2px var(--shadow),
              0 4px 4px var(--shadow),
              0 6px 8px var(--shadow),
              0 8px 16px var(--shadow);
}

.shadow-longer {
  box-shadow: 0 2px 1px var(--shadow-second),
              0 4px 2px var(--shadow-second),
              0 8px 4px var(--shadow-second),
              0 16px 8px var(--shadow-second),
              0 32px 16px var(--shadow-second);
}

.carousel-control-next, .carousel-control-prev {
    width: 5% !important;
}

.carousel-caption {
    right: 5% !important;
    left: 5% !important;
}

.full-bg-with-image-carousel {
    top: 0;
    margin: auto;
}

.text-right-important {
    text-align: right !important;
}

.rounded-box {
    border-radius: 15px;
}

.bg-orange-gradient {
    background-image: var(--orange-gradient);
}

.bg-orange-gradient:hover {
    background-image: var(--hover-gradient);
}

.accordion-button.collapsed::after {
    content: "+";
    color: Black;
    background-image: none;
}

.one-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.twenty-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.nav-panel {
    background-color: rgba(1, 34, 61, 0.45);
    backdrop-filter: blur(5px);
    transition: 1s linear;
}

.page-background{
    background-color: rgba(1, 34, 61, 0.3);
    backdrop-filter: sepia(10%);
}

.a-blue-hover:hover {
    color: #39CBFB;
}

#header {
    padding-bottom: 10px;
}

#header-background {
    height: 112.5px;
    width: 100%;
    z-index: -1;
    position: absolute;
}

.header-small-block {
    min-height: 37.5px;
}

.header-big-block-bg {
    background-color:  rgba(1, 34, 61, 0.45);
    height: 75px;
}

.header-big-block{
    height: 75px;
}


/*.navbar-collapse.collapsing,*/
/*.navbar-collapse.show {*/
/*    background: blue;*/
/*}*/

#base-body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.site-block {
    background-color: rgba(1, 34, 61, 0.0);
    padding-top: 5px;
    padding-bottom: 10px;
}

.two-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scale-up {
    transform: scale(1.2);
}
.scale-down {
    transform: scale(1.0);
}

.map iframe {
    border-radius: 10px;
}

.map_block{
    height: 450px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.dropdown-menu-scroll{
    max-height: 200px;
    overflow-y: scroll;
}

.popover {
    background: whitesmoke;
}

.popover-header{
    color: black;
}

.popover-body{
    color: black;
}

.listcomponet {
    counter-reset: li;
    list-style: none;
    margin: 0;
    font-family: 'Didact Gothic', sans-serif;
}
.listcomponet > li:before {
   counter-increment: li;
   content: counters(li, ".") ". ";
   padding: 5px 0;
   display: inline-block;
   margin-right: 5px;
   border-radius: 3px;
   color: white;
   text-align: center;
   width: 50px;
   transition: .4s linear;
}

.listblock a {
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    margin: 5px 0;
}
.listblock>li:before {
   background: #212529;
}
.sublist2>li:before {
   background: #3AA898;
}
.sublist3>li:before {
   background: #8DC6B3;
}


.accordion-button:not(.collapsed)::after {
  content: "-";
  color: Black;
  background-image: none;
}

.accordion-button.collapsed::after {
  content: "+";
  color: Black;
  background-image: none;
}

.accordion-button-white:not(.collapsed)::after {
  content: "-" !important;
  color: White !important;
  background-image: none;
}

.accordion-button-white.collapsed::after {
  content: "+" !important;
  color: White !important;
  background-image: none;
}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

#_clouds{
    font-family: 'Open Sans', sans-serif;
    max-height:700px;
    overflow: hidden;
}
.c{
    text-align: center;
    display: block;
    position: relative;
    width:80%;
    margin:100px auto;
}
._404{
    font-size: 220px;
    position: relative;
    display: inline-block;
    z-index: 2;
    height: 250px;
    letter-spacing: 15px;
}
._1{
    text-align:center;
    display:block;
    position:relative;
    letter-spacing: 12px;
    font-size: 4em;
    line-height: 80%;
}
._2{
    text-align:center;
    display:block;
    position: relative;
    font-size: 20px;
}

.cloud {
    width: 350px; height: 120px;

    background: #FFF;
    background: linear-gradient(top, #FFF 100%);
    background: -webkit-linear-gradient(top, #FFF 100%);
    background: -moz-linear-gradient(top, #FFF 100%);
    background: -ms-linear-gradient(top, #FFF 100%);
    background: -o-linear-gradient(top, #FFF 100%);

    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;

    position: absolute;
    margin: 120px auto 20px;
    z-index:-1;
    transition: ease 1s;
}

.cloud:after, .cloud:before {
    content: '';
    position: absolute;
    background: #FFF;
    z-index: -1
}

.cloud:after {
    width: 100px; height: 100px;
    top: -50px; left: 50px;

    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}

.cloud:before {
    width: 180px; height: 180px;
    top: -90px; right: 50px;

    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
}

.x1 {
    top:-50px;
    left:100px;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0.9;
    -webkit-animation: moveclouds 15s linear infinite;
    -moz-animation: moveclouds 15s linear infinite;
    -o-animation: moveclouds 15s linear infinite;
}

.x1_5{
    top:-80px;
    left:250px;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-animation: moveclouds 17s linear infinite;
    -moz-animation: moveclouds 17s linear infinite;
    -o-animation: moveclouds 17s linear infinite;
}

.x2 {
    left: 250px;
    top:30px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.6;
    -webkit-animation: moveclouds 25s linear infinite;
    -moz-animation: moveclouds 25s linear infinite;
    -o-animation: moveclouds 25s linear infinite;
}

.x3 {
    left: 250px; bottom: -70px;

    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.8;

    -webkit-animation: moveclouds 25s linear infinite;
    -moz-animation: moveclouds 25s linear infinite;
    -o-animation: moveclouds 25s linear infinite;
}

.x4 {
    left: 470px; botttom: 20px;

    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.75;

    -webkit-animation: moveclouds 18s linear infinite;
    -moz-animation: moveclouds 18s linear infinite;
    -o-animation: moveclouds 18s linear infinite;
}

.x5 {
    left: 200px; top: 300px;

    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.8;

    -webkit-animation: moveclouds 20s linear infinite;
    -moz-animation: moveclouds 20s linear infinite;
    -o-animation: moveclouds 20s linear infinite;
}

@-webkit-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}


@media (min-width: 767.98px) {
    .navbar-nav {
        display: table;
        width: 100%;
        margin: 0;
    }
    .navbar-nav>li {
        float: none;
        display: table-cell;
        text-align: center;
    }
    .slider-responsive {
        height: 400px;
    }
}
@media (max-width: 767.98px) {
    .slider-responsive {
        height: 200px;
    }
    .listcomponet{
        padding-left: 0 !important;
    }
}

@media (min-width: 576.98px)
{
    .channel-img {
        height: 80px;
        width: 160px;
    }
    .channel-block {
        width: 160px;
    }
    .channel-header {
        max-width: 160px;
    }
}

@media (max-width: 576.98px)
{
    .channel-img {
        height: 70px;
        width: 140px;
    }
    .channel-block {
        width: 140px;
    }
    .channel-header {
        max-width: 140px;
    }
    ._404{
        font-size: 150px;
    }
}