/*@font-face {*/
/*font-family: "Second Lesson";*/
/*src: url("../fonts/SecondLesson.otf") format("opentype");*/
/*}*/

/*style="background-color: #eaeadd;*/
/*школа*/

:root{
 --color_text: #1d1d1d;
 --color_bg: #C6C6C6;;
 --color_text_menu: rgb(0, 0, 0);
 --color_text_menu_hover: rgb(128, 122, 125);
 --color_button: #e7ca0a;
 --color_line01: #d0e5bd;
 --color_line02: rgba(220, 19, 19, 0.17);

 --color_bg_education: #eaeadd;
 --color_bg_program: rgba(39, 88, 152, 0.26);


--color_gold: #c09755;
--color_green1: #095031;
--color_green2: #66b769;
--color_green3: #99cc9b;
--color_gray: #C6C6C6;

}

body {
  min-width: 320px;
  font-weight: 400;
  color: var(--color_text);
  background-color: var(--color_bg_education);
  font-family: "Montserrat",sans-serif;
}
html {
  font-size: 16px;
}

section{
    /*margin-bottom: 50px;*/
}

label,.nav-link {
  /*font-size: 15px;*/
  font-weight: 600;
}

h3{
    /*font-size: 25px;*/
    font-weight: 600;
}


.education {
background-color: var(--color_bg_education);
}

img {
    height: auto;
}

.hide{
    display: none;
}

.footer_space{
    height: 15vh;

}

/*.specialButton{*/
/*    width:20px;*/
/*    height:15px;*/
/*}*/
.space_glass {
    min-width:30px ;

}

.image_promotion{
    /*max-width: 50vw;*/
    width: auto;
    max-height:50vh ;
}



/*@media screen and (max-width: 980px) {*/
    #glazd {
    position: absolute;
    top: 18px;
    right: 1px;
    z-index: 99999;
    width: 20px;
    }
/*}*/

/*@media screen and (min-width: 980px) {*/
/*    #glazd {*/
/*    position:absolute;*/
/*    top:20px;*/
/*    left:50px;*/
/*    z-index: 99999;*/
/*    width:20px;*/
/*    }*/
/*}*/





/*.card_text{*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/

/*}*/

.nav-link, a
{
    text-decoration: none;
    color: var(--color_text_menu);
}
a:hover {
    text-decoration: none;
    color: var(--color_text_menu_hover);
   }

.btn {
    /*height: 100%;*/
    margin: 0 auto;
    display: block;
}

li {
  list-style-type: none;
  /* Убираем маркеры */
}


.carousel-control-prev, .carousel-control-next {
    /*background-color: var(--color_bg);*/
    width: 5vw;
}
#carouselSchoolImage{


}
#carouselSchoolImage img {
    /*width: 800px;*/
    /*height: 675px;*/
}

#sidebar{
    background-color: var(--color_bg);
   /*border-color: #fcfcfc;*/
   border-inline-end: solid;
   border-inline-end-width: 1px;
   font-size: .9rem;
   max-width: 20vw;
}

#sidebar.hideMenu .fa-caret-right {
    transform: rotateZ(180deg);
}

#sidebar:not(.hideMenu) .sidebar-logo,
#sidebar:not(.hideMenu) .nav-link span{
    display: none;
}


/*.wrapper{*/
/*      background-color: var(--color_bg);*/

/*}*/
/*27589842*/

/*Bold для акцентов и заголовков*/
/*SemiBold для подзаголовков*/
/*Regular для набора текста*/

/*ANGST BOLD*/

/*ANGST*/
/*NORMAL*/
/*для подзаголовков*/

/*Second Lesson Cyrillic*/







/*footer, */


.navbar_space{
  height: 9vh;
  /*background-color: var(--color_bg);*/
  /*background-color: var(--bs-border-color-translucent);*/
}
.first_block {
  min-height: 91vh;
  background-color: var(--color_bg);
  /*background-color: var(--bs-border-color-translucent);*/
}

#first_block_up {
  min-height: 60vh;
  /*background-color: var(--color_line02);*/
  /*background-color: var(--bs-border-color-translucent);*/
}


#first_block_up_left span{
   /*background-color: #0d6efd;*/
   font-weight: 600;
   font-size: 2rem;
}
#page_block_up {
  min-height: 43vh;

  /*background-color: var(--bs-border-color-translucent);*/
}
.page_color_down {
  /*height: 75vh;*/
  background-color: var(--color_line01);
  /*background-color: var(--bs-border-color-translucent);*/
}


.image_bg{
    background-image: url("../images/image_first_page.png");
    /*background-image: url("../images/image_first_page.png");*/
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
}

#brand_logo_horizontal{
    width: 25vh;
}

#brand_logo_horizontal_sm{
    width: 30vw;
}

.breadcrumb_menu{
    height: 9px;
}


/*#menu_navigation a{*/
/*    font-size: 1.2rem;*/
/*}*/

/*.navbar a {*/
/*  color:var(--color_text_menu);;*/
/*  font-weight: 600;*/
/*}*/

/*.btn-primary{*/
/*    --bs-btn-color: var(--color_text);*/
/*    --bs-btn-bg: #b25f00;*/
/*    --bs-btn-hover-bg: #24ceb8;*/
/*}*/

.btn,
.navbar a {
  color:var(--color_text_menu);;
  font-weight: 600;
  font-size: 0.8rem;
}

#navbar_buttom a {
  color:var(--color_text);;
  font-weight: 600;
}


/*#navbar_buttom {*/
/*  background-color: black;*/
/*  font-weight: 600;*/
/*}*/

.theme_menu_ul{


}



.card-img {
  height: 170px;
}
.card-body {
    overflow: hidden;
    text-overflow: ellipsis;
    }

.card_bg {
  /*background-color: var(--color_green3);*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 200px;
}

.program_bg{
    background-color: var(--color_bg_program) ;
    min-height: 70vh;

}

.text_overflow{
    overflow: hidden;
    text-overflow: ellipsis;

}

.card {
  background-color: var(--color_green3);
}



.modal{
    font-weight: 600;
}


.btn-primare,
i{
  transition: transform 0.5s ease;
}
.btn-primare:hover{
  transform: scale(1.05);
    color: #0dcaf0;
}

/*.btn:hover,*/
i:hover {
  transform: scale(1.25);
    color: #0dcaf0;
}

.plyr{
    /*width:700;*/

    /*max-height:500vh;*/
    /*max-width: 800px;*/
    /*width: auto;*/
}
.border_carusel{
    width: 5vw;

}
.personal_card{
    min-height: 50vh;
    /*background-color: #eaeadd;*/

}

.img_320{
    /*max-width: 320px;*/
    max-height: 240px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  /*border: 1px solid black;*/
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: black;
}

.page_documents{
    min-height: 75vh;
}

.video-fluid{
    max-width: 100%;
    height: auto;
    max-height: 50vh;

}

.promotions_files{
    max-width: 100%;
    height: auto;
    max-height: 75vh;

}

.small_promo{
    max-width: 100%;
    height: auto;
    max-height: 70vh;


}

.license_thumbnail{
    max-height: 20vh;

}