/* cyrillic */

@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(/public/assets/front/css/EJRVQgYoZZY2vCFuvAFSzr-tdg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(https://fonts.gstatic.com/s/ubuntucondensed/v9/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-Tfq8Ho.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: swap;
}

/* стиль фигуры фиксированная картинка*/
#fixed{
  height: 500px;
  border-top: 4px solid #f0f0f0;
  border-bottom: 4px solid #f0f0f0;
  background: url("/public/assets/front/img/bg1.jpg") no-repeat center center fixed;
  background-blend-mode: multiply; /*Многослойный фон позваляет накладывать цвет на картинку*/
  background-color: #5e6b6f;
  background-size: cover;/*картинка она на весь размер странички*/
  -o-background-size: cover;/*чтоб раьботало на всех браузерах добавляем доп свойства о- для оперы, moz- для млзилы, -webkit-сафари*/
  -moz-background-size: cover;
  -webkit-background-size: cover;
}

#errorBlock {
  display: none;
}
#successBlock{
  display: none;
}
#article_new{
display: none;
}

#article_wiew{
display: none;
}
/*
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:768px;
--breakpoint-lg:992px;
--breakpoint-xl:1200px;
*/
/*гуглекарты */
@media (min-width: 992px) and (max-width: 1199px) {
  .mr-auto,
  .mx-left {
   margin-right:auto!important
  }
  .ml-auto,
  .mx-left {
   margin-left:45%!important
  }
}

@media (min-width: 1200px) {
  .mr-auto,
  .mx-left {
   margin-right:auto!important
  }
  .ml-auto,
  .mx-left {
   margin-left:55%!important
  }
}
@media (max-width: 991px){
  .mr-auto,
  .mx-left {
   margin-right:auto!important
  }
  .ml-auto,
  .mx-left {
   margin-left:7%!important
  }
}
@media (max-width: 768px){
  .mr-auto,
  .mx-left {
   margin-right:auto!important
  }
  .ml-auto,
  .mx-left {
   margin-left:7%!important
  }
}
@media (max-width: 576px){
  .mr-auto,
  .mx-left {
   margin-right:auto!important
  }
  .ml-auto,
  .mx-left {
   margin-left:7%!important
  }
}


/*///////////////////////////////////////////////*/

@media (min-width: 992px) and (max-width: 1199px) {
    .mr-auto,
    .mxx-left {
        margin-right:auto!important
    }
    .ml-auto,
    .mxx-left {
        margin-left:20%!important
    }
}

@media (min-width: 1200px) {
    .mr-auto,
    .mxx-left {
        margin-right:auto!important
    }
    .ml-auto,
    .mxx-left {
        margin-left:25%!important
    }
}
@media (max-width: 991px){
    .mr-auto,
    .mxx-left {
        margin-right:auto!important
    }
    .ml-auto,
    .mxx-left {
        margin-left:7%!important
    }
}
@media (max-width: 768px){
    .mr-auto,
    .mxx-left {
        margin-right:auto!important
    }
    .ml-auto,
    .mx-left {
        margin-left:7%!important
    }
}
@media (max-width: 576px){
    .mr-auto,
    .mxx-left {
        margin-right:auto!important
    }
    .ml-auto,
    .mxx-left {
        margin-left:7%!important
    }
}


/*карточки на главной*/
.card-img-top{
  height: 230px;
}
/*блок контакты на главной*/
@media (min-width: 576px) and (max-width: 991px) {
.textconfont{
  margin-left: 50px;
}
}

/* jumbotron1  блоге жджумботрон */
@media (max-width:576px) {
.jumbotron1 {
	padding: 0;
  margin-bottom: 0;
	background-color: #fff;
	border-radius: 0;

}
.h1, h1 {
    font-size: 2rem;
}
}
@media (max-width:768px) {
  .img-fluid-index {
   max-width: 100%;
   height: auto;
  }
}
@media (min-width:768px) {
.img-fluid-index {
 max-width: 561px;
 /*height: 400px;*/
}
}
@media (min-width:576px) {
.jumbotron1 {
	padding: 1rem 2rem;
  margin-bottom: 2rem;
	background-color: #f8f9fa;
	border-radius: .3rem;
}
}


.ajax-reply{
  margin-top:2em;
}

.navbar-light .navbar-nav .active > .nav-link{
  color: #17a2b8;
}

.bred-link{
  color: rgba(0,0,0,.5);
}


 /*Прогресс бар круглый*/
#container {
  margin: auto;
  margin-top: 20px;
  width: 245px;
  height: 245px;
  position: relative;
}
.progress-line .progressbar-text{
  top: -2rem;
}

/*плавная загрузка страниц*/
@-webkit-keyframes fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@-moz-keyframes    fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@-o-keyframes      fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }
@keyframes         fade-in {   0% { opacity: 0.1; }   100% { opacity: 1; }   }

body {
  scroll-behavior: smooth;
  -webkit-animation: fade-in 1s linear; /* Safari 4+ */
  -moz-animation: fade-in 1s linear; /* Fx 5+ */
  -o-animation: fade-in 1s linear; /* Opera 12+ */
  animation: fade-in 1s linear; /* IE 10+, Fx 29+ */
}
/*Прилоадер*/

.loaderArea {
  background: #fff;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 100000;
}

.load{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
  /*change these sizes to fit into your project*/
  width:100px;
  height:100px;
}
.load hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}

.load :first-child{background:#19A68C;animation-delay:-1.5s}
.load :nth-child(2){background:#F63D3A;animation-delay:-1s}
.load :nth-child(3){background:#FDA543;animation-delay:-0.5s}
.load :last-child{background:#193B48}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}
/*Прилоадер*/

/*navsyle*/


.nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 70px;
  background-color: #000000;
  opacity: .92;
  -webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: width;
  z-index: 99;
}

@media (min-width:992px) {

 .vbar-togglerbar {
   position: fixed;
   width: 70px;
   height: 100%;
   background-color: #000 !important;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 98;
 }
}

@media (max-width:991.98px) {
 .nav {
  width: 100%;
height: 70px;

 }
 .bg-hol{
   background-color: #000;
 }
}

.nav.is-active {
  width: 50%;
}
@media (max-width:991.98px) {
.nav.is-active {
  height: 100%;
  width: 99.99%;
}
}
/*бутерброд*/
.nav__trigger {
      cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  right: 1.1rem;
  margin-top: -10px;
  padding: 8px 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  z-index: 10;
}
.nav__trigger .bars {
  position: relative;
}
.nav__trigger .bars, .nav__trigger .bars:before, .nav__trigger .bars:after {
  width: 32px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.nav__trigger .bars:before, .nav__trigger .bars:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.nav__trigger .bars:before {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.nav__trigger .bars:after {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}
.nav__trigger.is-active {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.nav__trigger.is-active .bars:before, .nav__trigger.is-active .bars:after {
  -webkit-transform: translateX(0) rotate(-90deg);
          transform: translateX(0) rotate(-90deg);
}

.nav__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1200px;
  padding: 1rem 3.75rem 1rem 2.75rem;
  opacity: 0;
  visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0s linear 0.25s;
  transition: 0s linear 0.25s;
}
.nav__content.is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0s linear;
  transition: 0s linear;
}
.nav__content.is-active .nav__item a {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: opacity, color, -webkit-transform;
  transition-property: opacity, color, -webkit-transform;
  transition-property: transform, opacity, color;
  transition-property: transform, opacity, color, -webkit-transform;
  -webkit-transition-duration: 0.55s, 0.55s, 0.3s;
          transition-duration: 0.55s, 0.55s, 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1), ease-in-out, ease-in-out;
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1), ease-in-out, ease-in-out;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(1) a {
  -webkit-transition-delay: 0s, 0s, 0s;
          transition-delay: 0s, 0s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(2) a {
  -webkit-transition-delay: 0.05s, 0.05s, 0s;
          transition-delay: 0.05s, 0.05s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(3) a {
  -webkit-transition-delay: 0.1s, 0.1s, 0s;
          transition-delay: 0.1s, 0.1s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(4) a {
  -webkit-transition-delay: 0.15s, 0.15s, 0s;
          transition-delay: 0.15s, 0.15s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(5) a {
  -webkit-transition-delay: 0.2s, 0.2s, 0s;
          transition-delay: 0.2s, 0.2s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(6) a {
  -webkit-transition-delay: 0.25s, 0.25s, 0s;
          transition-delay: 0.25s, 0.25s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(7) a {
  -webkit-transition-delay: 0.3s, 0.3s, 0s;
          transition-delay: 0.3s, 0.3s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(8) a {
  -webkit-transition-delay: 0.35s, 0.35s, 0s;
          transition-delay: 0.35s, 0.35s, 0s;
}
.nav__content.is-active .nav__list .nav__item:nth-of-type(9) a {
  -webkit-transition-delay: 0.4s, 0.4s, 0s;
          transition-delay: 0.4s, 0.4s, 0s;
}

.nav__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav__item {
  overflow: hidden;
}
.nav__item a {
display: inline-block;
  padding: 1rem;
  color: #cacbcb;
  text-decoration: none;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, opacity;
}
.nav__item a:hover {
  color: white;
}

.nav__divider {
  margin: 1.75rem 0 1.5rem;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nav-link {
 position:relative;
 display:block;
 font-size:1.777rem
}
@media (min-width:576px) and (max-width:991.98px) {
 .nav-link {
  font-size:2.369rem
 }
}
@media (min-width:1200px) {
 .nav-link {
  font-size:2.369rem
 }
}
@media (min-width:992px) {
 .nav-link {
  padding-right:3rem;
  padding-left:3rem
 }
}

.nav-link-content {
    color: rgba(255,255,255,.85);
    background-color: #000 ;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    z-index: 1;
}

.left a::before {
  content: '';
  bottom: 0;
  right: 5%;
  top: 50%;
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #cacbcb;
  transition: 0.2s;
}
.left a:hover:before {
  width: 95%;

  left: 0;
}
 /*uitoTOP*/

 #toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right: 10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(/public/assets/front/img/ui.totop1.png) no-repeat left top;
  z-index: 100;
}

.toBottom {
    background:url(/public/assets/front/img/ui.totop1.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    float:left;
    filter:alpha(opacity=0);
    z-index: 100;
}

#toTopHover {
	background:url(/public/assets/front/img/ui.totop1.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
  z-index: 100;
}

#toTop:active, #toTop:focus {
	outline:none;
}
@media (max-width:991.98px) {
  #toTop {
    background:url(/public/assets/front/img/ui.totop.png) no-repeat left top;
  }
  #toTopHover {
    background:url(/public/assets/front/img/ui.totop.png) no-repeat left -51px;
  }
}


#form_img{
    display: flex;
    justify-content: center;
    width: 100%;
}
.img_list {
    display: flex;
    justify-content: center;
    width: 100%;
}
.img_list a {
    display:inline-block;
    position:relative;
    text-align:center;
    width:200px;
    height:200px;
    border:1px solid #ccc;
    vertical-align:middle;
    margin:0 5px 5px 0;
}
.img_list a img{
    max-width:200px;
    max-height:200px;
}
.img_list a div{
    position:absolute;
    background:rgba(255,255,255,0.5);
    color:#000;
    bottom:0;
    width:100%;
}
.ajax-reply{
    font-weight: 600;
    color: red;
}
.ajax-cool{
    font-weight: 600;
    color: green;
}
#myimg_din{
    display: none;
}

.card_accordion {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}
#commentDel{
    display: flex;
    justify-content: right;
    width: 100%;
}

/*тилда ик*/

.t548__img {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: transparent;
    border: 2px solid #222;
}

.t-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.t548__imgwrapper {
    position: relative;
    /*padding-bottom: 45px;*/
    padding-right: 10px;
}

.t-valign_top {
    vertical-align: top;
}

.t548__line {
    position:absolute;
    top:0;
    bottom:0;
    background:#222;
    left:50%;
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
.fs-1-1 {
    font-size:1.555rem
}

*, *:before, *:after {
    box-sizing: border-box;
}

figure {

    height: 570px;
    background-color: #fafafa;
    color: #989898;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 3px solid  #e1e1e1;
    border-radius: .5rem;

}
figure h3 {
    text-align: center;
    transition: 0.2s;
    transform: translateY(140px);
}
figure h4 {
    text-align: center;
    transition: 0.2s;
    transform: translateY(142px);
}
figure p {
    transition: 0.2s;
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
}
figure:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
    border-top: solid 2px;
    border-bottom: solid 2px;
    border-radius: .5rem;
    transition: 0.2s;
    transform: scaleX(0);
}


figure:after {
    content: '';
    position: absolute;
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
    border-left: solid 2px;
    border-right: solid 2px;
    border-radius: .5rem;
    transition: 0.2s;
    transform: scaleY(0);
}

figure:hover:before,
figure:hover:after{
    transform: scale(1);
}
figure:hover h4,
figure:hover h3,
figure:hover p {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
@media (min-width: 992px){

    #indicator{
        display: none;
    }
}


.content-input input,
.content-select select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.content-select select{
   /* appearance: ;*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Eliminamos la fecha que por defecto aparece en el desplegable */
.content-select select::-ms-expand {
    display: none;
}

.langsel {
    background: #040302;
    border: 3px solid transparent;
    border-radius: 3px;
    color: #f5f3f2;
    cursor: pointer;
}

div.fixed {
    position: fixed;
    top: 11px;
    left: 80px;
    z-index: 99;
}


.select-css {
    display: block;
    font-size: 16px;
    font-family: "PT Serif",Times,"Times New Roman",Georgia,serif;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em; width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .2em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #000000;
    background-image: url('/public/assets/front/img/svg/icolang.svg');
    background-repeat: no-repeat, repeat;
    background-position: right .5em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand { display: none; }
.select-css:hover { border-color: #888; }
.select-css:focus { border-color: #aaa;
    box-shadow: 0 0 1px 3px #d0021b;
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #696969;
    outline: none;
}
.select-css option { font-weight:normal; }
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}
.linc-logout{cursor: pointer}