body
{
/*   font-family: "Open Sans", sans-serif;*/
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;


  font-optical-sizing: auto;
  background: #e7ecf4 ;
color: #071C43
}
a
{
  text-decoration: none
}

.bg-blue-custom
{
background:   #124094  ;
}

.bg-fiol-custom
{

background: #9b16d0
}

.bg-orange-custom
{
background: #de5704;
}

.bg-grey-custom
{
 background: #7f7f7f;
}


.bg-green-custom
{
background: #4F9412
}

.bg-red-custom
{
  background: #E3000F
}

.text-red-custom
{
color:  #E3000F !important;
}

.text-blue-custom
{
  color: #071C43  !important;
}
.text-grey-custom
{
  color:#718CBF  !important;
}

.fs-7
{
  font-size: 0.8rem !important;
}

.bg_blue2
{
  background: rgba(18, 64, 148, 1);
}


  .btn-gray
  {
color:rgba(7, 28, 67, 1);
background: #fff;
border-radius: 32px !important;
padding: 10px 20px

  }

  .btn-gray:hover
  {
    background: #fff;
    color:#E3000F !important;
  }

  .btn-blue
  {
    background: rgba(18, 64, 148, 1);
    border:solid 5px #fff;
    color:#fff;
    transition: all ease 0.2s;
  }
    .btn-blue:hover
    {
       background: rgba(18, 64, 148, 1);
    border:solid 5px #fff;
transform: scale(1.1);
color:#fff;
    }
.footermenu .item-101
{
display: none;
}

.footermenu a:hover
{
  background:   rgba(204, 0, 0, 0.1);

  color:rgba(227, 0, 15, 1);

}

.footermenu a
{
     color:rgba(7, 28, 67, 1) !important;
       border-radius: 32px;

}
.footerphones a
{

  text-decoration: none
}
.footerphones a:hover
{
  color: rgba(42, 83, 159, 1) !important;
}



#carouselmain .carousel-indicators
{
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom: -20px;
  margin-right:auto;
  margin-left:auto;
    border-radius: 0px 0px 32px 32px !important
}

#carouselmain .carousel-indicators [data-bs-target]
{
 width:10px;
 height:10px;
 background-color:#718CBF ;
border:solid 1px #fff;
 border-radius: 50%;
 transition: all ease 0.4s;

}
#carouselmain  .carousel-indicators .active
{
   border:solid 1px rgba(227, 0, 15, 1) ;
   background-color: #fff;
transform: scale(1.5);;
}
#carouselmain  .carousel-indicators :hover
{
 background-color: rgba(227, 0, 15, 1);
}

.border32_top
{
  border-radius:  32px 32px  0px 0px;
}

.border32
{
    border-radius:  32px 32px ;
}

.border16
{
    border-radius:  16px 16px ;
}

.borderbottom
{
   border-radius: 0px 0px 32px 32px !important
}

.arrow_button
{
  height: 56px;
  width: 56px;
  display:inline-block;
  background-color: rgba(255, 255, 255, 1);
  background-image: url(../images/left.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border:1px solid rgba(184, 198, 223, 1);
  border-radius: 50%;
}
.arrow_button:hover
{
border:1px solid #2A539F;
  background: rgba(255, 255, 255, 1);

  background-image: url(../images/left.svg);
  background-repeat: no-repeat;
   background-position: 50% 50%;
}

.arrow_button2
{
  transform: rotate(180deg);
}
.breadcrumb-item.active,.breadcrumb-item a:visited,a.pathway,a.pathway:visited
{
color: rgba(42, 83, 159, 1);
}

.mod-breadcrumbs__wrapper
{
  color: rgba(42, 83, 159, 1);
}
.breadcrumb-item + .breadcrumb-item::before {
  content:'•';
  }
.mod-breadcrumbs__wrapper a:hover
{
  color: #E3000F;
}


.topmenu a.nav-link
{
  color: #071C43;
}
.topmenu .active>a.nav-link
{
  background: rgba(227, 0, 15, 1);
  color:#fff;
  border-radius: 32px;
}
.topmenu  ul li ul   a
{
      border-radius: 32px;
}

.topmenu  ul li ul  a.nav-link:hover
{

     background: rgba(204, 0, 0, 0.1);
     color:#071C43;
 }
.soctop
{
  width:56px;
}

.footerblock
{

}

.topmenublock
{
      border-radius: 0px 0px 32px 32px !important
}

.closebutton
{
  height: 32px;
  width:32px;
  position: absolute;
  right: 20px;
  top:20px;
  display: block;
  background: url(../images/close.svg) 50% 50%;
  background-repeat: no-repeat;

  border:none
}
.slider_events_prevArrow
{
  position: absolute;
  margin-top:280px;
  margin-left:-75px;
}
.slider_events_nextArrow
{
  position: absolute;
  margin-top:280px;
  margin-right:-75px;
right:0px;
}



#accordionFaq .accordion-button::after {
  background-image: url(../images/plus.svg);
  background-position:50%;
  height:30px;
  width:30px;

  }
  #accordionFaq .accordion-button:hover:after {
transform: scale(1.5);
  }
#accordionFaq .accordion-button:focus {

box-shadow: none;
  }
#accordionFaq .accordion-body
{
  background: #fff;
  border-radius:32px;
  position: relative;
  color:rgba(42, 83, 159, 1)
}

#accordionFaq .accordion-item
{
  background: none
}

#accordionFaq .accordion-button
{
background: none
}
.blog-items a
{
color:#071C43;
}

.item-page a
{
color: #124094;
}


.blog-items img
{
max-width:100% !important;
height: auto
}
.topmenu  ul li:hover ul
{
display: block;
}

.topmenu  ul li ul
{
  display: none;
  position: absolute;
  z-index:10;
  width:300px;
  background: #fff;
  padding:5px;
  border-radius: 32px;
}
.topmenu  ul li ul a:hover
{
color: #E3000F;
}

 .fitimage_contain
 {
   -o-object-fit: contain;
  object-fit: contain;
  object-position: 50% 50%;
 }

 .fitimage_cover
 {
   -o-object-fit: cover;
  object-fit: cover;
  object-position: 50% 50%;
 }

 .fitimage_cover_top
 {
   -o-object-fit: cover;
  object-fit: cover;
  object-position: top;
 }

.img_player:hover
{

transform: scale(1.2);
}

.img_player
{
width:200px;
height: 300px !important;
border-radius: 115px;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: 50% 50%;
  transition: all  ease 0.4s;


}


.nomer_player
{
  background: #fff;
  height: 70px;
  width:70px;
  border-radius: 50%;
  text-align: center;
  font-size:30px;
  line-height:60px;
  font-weight:bold;
  position:absolute;
  left:50%;
  margin-left:-35px;
  margin-top:-40px;
border: 4px solid #f1f1f1;
box-shadow: 0 4px 6px #0000001a;
transition: all  ease 0.4s;
 cursor: pointer;

}
.btn-b
{
 background: rgba(18, 64, 148, 1)  ;
 color:#fff;
 transition: all ease 0.3s;
}

.btn-b:hover
{
 background: rgba(18, 64, 148, 1)  ;
 color:#fff;
 transform: scale(1.1);
}
.nomer_player:hover
{
 background: rgba(227, 0, 15, 1);
 color:#fff;
 transform: rotate(360deg);
  font-size:36px;
}

.pagination__wrapper
{
  margin-top: 50px
}
a.page-link
{
color:rgba(18, 64, 148, 1);
}

.active > .page-link, .page-link.active
{
  background: rgba(18, 64, 148, 1)
}

.sponsor img
{
width:100%;
}
.gallery_item
{
  background-image: url(../images/circles.svg) ;
  background-position: 50% 50%;
  background-repeat: no-repeat;;
  background-size:20% ;
}
.topmenublock
{
  max-width:1440px;
}

.arrow_bottom
{
  position: relative;
  display: block;
  height: 50px
}

.arrow_bottom img
{
  position: absolute;
 animation: arrow 1.5s linear infinite -1.5s;

}
  @keyframes arrow{
  0%,50%{
    top: 0px;
  }
  25%,75%{
    top: 20px;
  }
   30%,80%{
    top: 20px;
  }
  98%,100%{
    top: 0px;
  }
}

.arrow-8 {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 30px auto 80px auto;
}
.arrow-8:before,
.arrow-8:after {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-left: 26px solid #337AB7;
  border-bottom: 26px solid #337AB7;
  animation: arrow-8 3s linear infinite;
}
.arrow-8:after {
  animation: arrow-8 3s linear infinite -1.5s;
}
@keyframes arrow-8 {
  0% {
    opacity: 0;
    transform: translate(0, -53px) rotate(-45deg);
  }
  10%, 90% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translate(0, 0) rotate(-45deg);
  }
  100% {
    opacity: 0;
    transform: translate(0, 53px) rotate(-45deg);
  }
}

/*mobile*/
.menumobile .deeper ul
{
  display: block;
  margin-left:20px
}

.menumobile .nav-link
{
  color: rgba(7, 28, 67, 1);
}
.col-7p
{
width:14%;
flex: 0 0 auto;
}
.item-image img
{
  max-width: 100%
}
.form-check-input:checked
{
  background-color:rgba(7, 28, 67, 1);
  border-color:rgba(7, 28, 67, 1);
}
.form-check-input:focus
{
 box-shadow: 0 0 0 .25rem rgba(255, 143, 150, 0);
}

.topfixmenu
{
  left:0px;top:0px;z-index:5

}
.bvi-active  .topfixmenu
{
  top:106px;
}

@media screen and (min-width:1160px) and (max-width:1300px) {
  .soctop
{
  width:50px;
}
}

@media screen and (min-width:700px) and (max-width:900px) {
    .topmenu a.nav-link
  {
    padding-left:2px;
    padding-right:2px;
  }
  }
  @media screen and (min-width:900px) and (max-width:1160px) {
    .topmenu a.nav-link
  {
    padding-left:5px;
    padding-right:5px;
  }
  }

@media screen and (min-width:700px) and (max-width:1160px) {

  .soctop
{
  width:47px;
}

  }
