/*------------------- 1.3. Variable-------------------*/
:root {
    --theme-color: #102C54;
    --theme-color2: #FFD700;
    --theme-color3: #294873;
	--theme-color4: #4ca863;
    --title-color: #000000;
    --body-color: #000000;
    --title-font: 'Open Sans', sans-serif;
    --body-font: 'Open Sans', sans-serif;
    --style-font: 'Open Sans', cursive;
}


/* ------------------------------
  General
---------------------------------*/
body {
  margin: 0;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  color: var(--body-color);
}
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  
a {
    color: var(--theme-color4);
    text-decoration: none;
    /*text-decoration: underline;*/
    outline: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

blockquote{
  color: var(--theme-color3);
  font-size: 20px;
  /*font-family: "RobotoCondensedRegular","Tahoma", "Geneva", "sans-serif";*/
  padding-left: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 40px;
  border-left: 3px solid var(--theme-color2);
  margin-bottom: 30px;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
/* ------------------------------
  Top
---------------------------------*/
.top {
  background-color: var(--theme-color);
  padding-bottom: 200px;
}



  
  /* ------------------------------
    loader
  ---------------------------------*/
  .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: var(--theme-color);
  }
  
  .loader .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  
  .loader .loading .aloader {
    background: var(--theme-color2);
  }

  .image-cell {
    width: 200px;
    object-fit: cover;
}

.image-cell1 {
    width: 600px;
    object-fit: cover;
}


  
  /* ------------------------------
    button
  ---------------------------------*/
  .button {
    padding: 16px 50px;
    background: var(--theme-color2);
    color: #090909;
    font-size: 13px;
    letter-spacing: 1px;
    border-radius: 0;
    border: 0;
    transition: 0.2s;
    font-weight: 600;
  }
  
  .button:hover {
    background: #ffffff;
    color: #090909;
    border-color: transparent;
  }
  
  .btn2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 13px 34px;
    background: var(--theme-color3);
    color: var(--theme-color2);
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 4px;
    border: 2px solid var(--theme-color);
    transition: 0.2s;
    font-weight: 600;
  }
  
  .btn2:hover {
    background: var(--theme-color);
    border: 2px solid var(--theme-color2);
  }
  
  .btn2:focus {
    color: var(--theme-color2);
  }

  .btn3 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 13px 34px;
    height: 60px;
    background: var(--theme-color);
    color: var(--theme-color2);
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 4px;
    border: 0;
    transition: 0.2s;
    font-weight: 600;
  }
  
  .btn3:hover {
    background: var(--theme-color3); 
  }  

  .btn3:focus {
    color: var(--theme-color2);
  }

  .dropdown {
    display: flex;
    justify-content: flex-end;
  }

  .dropdow2 {
    display: flex;
    justify-content: flex-start;
  }
  
.dropdown span {
  margin-left: 10px;
}

.dropdown2 span {
  margin-left: 10px;
}

.btn4 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 13px 34px;
  background-color: var(--theme-color);
  color: var(--theme-color2);
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 4px;
  transition: 0.2s;
}

.btn4:hover {
  background: var(--theme-color3);
}

.btn4:focus {
  color: var(--theme-color2);
}

.btn4 img {
  margin-left: 5px;
}

.dropdown-item_backdrop a:hover {
  color: #000000;
}

.dropdown-menu.show {
  display: block;
  color: #000000;
}

.dropdown-menu a {
  color: var(--theme-color);
}


/* ------------------------------
  Menu Area  
---------------------------------*/
.main_row_nav {
  background-color: var(--theme-color);
  border-radius: 0 0 4px 4px;
}

.social_head {
  display: flex;
  justify-content: flex-start;
  padding-left: 25px;
  padding-right: 25px;
}

.social_head img {
  padding-right: 15px;
  object-fit: cover;
        width: 100%;
}

.phone_head a {
  color: var(--theme-color2);
  font-weight: bold;
}

.link_head {
  color: #ffffff;
  padding-left: 62px;
}

.btn-head1 {
  background-color: #ffffff;
  color: var(--theme-color);
  font-weight: bold;
  border-radius: 4px;
  height: 34px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-head1:hover {
  background-color: var(--theme-color2);
}

.btn-head11 {
  background-color: var(--theme-color3);
  color: var(--theme-color2);
  font-weight: bold;
  border-radius: 4px;
  height: 54px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-head11:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color);
}

.icon_head {
  display: flex;
  justify-content: space-around;
}

.icon_head img {
  object-fit: cover;
        width: 100%;
}

.icon_head a {
  padding-left: 5px;
  padding-right: 5px;
}

.language, .search, .zoom {
  display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 13px 0; 
  background: var(--theme-color);
  border: 0;
    transition: 0.2s;
}

.bg-body-tertiary {
  background-color: #ffffff;
}

.main_row_nav2 {
  display: flex;
  align-items: center;
}

.main_row_nav3 {
  display: flex;
  align-items: flex-end;
  margin-top: 24px;
  margin-bottom: 24px;
}

.main_row_nav4 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 0px;
}

#parent {
	position: relative;
}

#child {
	position: absolute;
  padding-left: 96px;
  margin-top: -15px;
}

.logo_text { 
  font-size: 12px;
}

.logo_text a { 
  color: var(--theme-color3);
}

.btn-menu1 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  height: 60px;
  border: 2px solid var(--theme-color);
  border-radius: 4px;
  color: var(--theme-color);
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}

.btn-menu1:hover {
  background-color: var(--theme-color);
  color: var(--theme-color2);
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0;
}



/* ------------------------------ ---------------------------------*/
.offcanvas-end {
  top: 0;
  right: 0;
  width: 100%;
  background-color: var(--theme-color);
  border-left: 1px solid rgba(0, 0, 0, .2);
  transform: translateX(100%);
}

.offcanvas-end1 {
  top: 0;
  right: 0;
  width: 100%;
  background-color: var(--theme-color);
  border-left: 1px solid rgba(0, 0, 0, .2);
  transform: translateX(100%);
}

.offcanvas_row_nav {
  color: #ffffff;
}

.btn-check:focus+.btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0;
}

.dropdown-menu_btn-group {
  margin-bottom: 24px;
}

.dropdown-menu_btn-group1 {
  margin-bottom: 24px;
  list-style: none;
}

.dropdown-menu_btn-group1 li {
  margin-bottom: 20px;
}

.dropdown-menu_btn-group11 {
  margin-bottom: 24px;
  list-style: none;
}

.dropdown-menu_btn-group11 li {
  margin-bottom: 20px;
}

.dropdown-menu_btn-group2 {
  margin-bottom: 24px;
  list-style: none;
}

.dropdown-menu_btn-group2 li {
  margin-bottom: 20px;
}

.dropdown-menu_btn-group button {
  background-color: var(--theme-color);
}


.dropdown-menu_btn {
  color: #ffffff;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  opacity: .2;
}

.dropdown-menu_btn:hover, :focus {
  color: #ffffff;
  opacity: 1;
}

.dropdown-menu_list {
  background-color: var(--theme-color);
  border: 0;
}

.dropdown-menu_list li {
  width: 400px;
}

.dropdown-menu_item a {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  opacity: .2;
}

.dropdown-menu_item a:hover {
  color: #ffffff;
  opacity: 1;
}

.offcanvas_news {
  display: flex;
  align-items: flex-end;
  margin-top: 80px;
  margin-bottom: 37px;
  margin-left: 12px;
}

.offcanvas_news img {
  min-height: 40px;
}

.offcanvas_news-link {
  margin-left: 18px;
}

.offcanvas_news-link a {
  font-size: 24px;
  color: var(--theme-color2);
  font-weight: bold;
}

.offcanvas_contacts {
  margin-bottom: 20px;
  margin-left: 12px;
}

.offcanvas_contacts-link {
  color: var(--theme-color2);
  font-size: 16px;
}

.offcanvas_contacts b {
  color:#ffffff;
}

.offcanvas_contacts a:hover {
  color:#ffffff;
}

.offcanvas_contacts a {
  color: var(--theme-color2);
}

.btn-close {
  margin-top: 12px;
  background-image: url(../img/icon/close.svg);
  box-sizing: content-box;
    opacity: .3;
}

/* ------------------------------ ---------------------------------*/

.form_question {
  display: flex;
  justify-content: center;
}

.form_question-name {
  color: var(--theme-color2);
  font-size: 24px;
  font-weight: bold;
}

.form_item_name input {
  width: 100%;
  height: 50px;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background-color: var(--theme-color);
  background-image: url(../img/form/person.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  text-indent: 45px;
}

.form_item_name input:focus {
  background-color: var(--theme-color);
}

.form-control-name {
  color: #ffffff;
} 

.form-control-name:focus {
  color: #ffffff;
}


.form_item_code input {
  width: 100%;
  height: 50px;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background-color: var(--theme-color);
  background-image: url(../img/form/question.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  text-indent: 45px;
}
.form_item_code input:focus {
  background-color: var(--theme-color);
}

.form-control-code {
  color: #ffffff;
}

.form-control-code:focus {
  color: #ffffff;
}





.form_item_email input {
  width: 100%;
  height: 50px;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background-color: var(--theme-color);
  background-image: url(../img/form/email.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  text-indent: 45px;
}

.form_item_email input:focus {
  background-color: var(--theme-color);
}

.form_item_captcha input {
  width: 100%;
  height: 50px;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background-color: var(--theme-color);
  /*background-image: url(../img/form/email.svg);*/
  background-repeat: no-repeat;
  /*background-position: 15px center;*/
  /*text-indent: 45px;*/
}

.form_item_captcha input:focus {
  background-color: var(--theme-color);
}

.form-control-email {
  color: #ffffff;
} 

.form-control-email:focus {
  color: #ffffff;
}

.form-control-captcha {
  color: #ffffff;
}

.form-control-captcha:focus {
  color: #ffffff;
}

.form-floating {
  margin-top: 48px;
}

.form-floating textarea {
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background-color: var(--theme-color);
}

.form-floating textarea:focus {
  background-color: var(--theme-color);
  color: #ffffff;
} 

.form-floating label {
  color: #93a6b9;
}

.form-check-item {
  margin-top: 17px;
  font-size: 12px;
}

.form-check-item a {
  color: var(--theme-color2);
}

.btn-ask {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: var(--theme-color2);
  height: 60px;
  width: 100%;
  border: 2px solid var(--theme-color2);
  border-radius: 4px;
  color: var(--theme-color);
  font-size: 16px;
  font-weight: bold;
  margin-top: 50px;
}

.btn-ask:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color2);
}
/* ------------------------------
  Season Area  
---------------------------------*/
.season {
  padding-top: 24px;
  padding-bottom: 30px;
    background: var(--theme-color);
    color: #ffffff;
}

.season-img, .season-video {
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.season-img img {
  border-radius: 4px;
  object-fit: cover;
  width: 310px;
  height: 174px;
}

.season-video iframe {
  border-radius: 4px;
  max-width: 310px;
  max-height: 174px;
  object-fit: cover;
        width: 100%;
        height: 100%;
}

.season-name {
  font-size: 32px;
  font-weight: bold;
  color: var(--theme-color2);
  text-transform: uppercase;
}

.season-link {
  font-size: 16px;
  font-weight: bold;
}

.season-link a:hover  {
  color: var(--theme-color2);
}

.season-link a  {
  color: white;
}

.btn-season {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: var(--theme-color2);
  height: 50px;
  border: 1px solid var(--theme-color2);
  border-radius: 4px;
  color: var(--theme-color);
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.btn-season:hover {
  background-color: var(--theme-color);
  color: var(--theme-color2);
}
















/* ------------------------------
  Slider Area  
---------------------------------*/
.slider {
  padding: 14px;
    background: var(--theme-color3);
    color: #ffffff;
}

.carousel-indicators {
  margin-bottom: 30px;
}

.carousel-caption h5 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
}

.carousel-item img {
  border-radius: 4px;
  min-height: 400px;
  object-fit: cover;
        width: 100%;
        height: 100%;
}



/* ------------------------------
  News Area  
---------------------------------*/
.news {
  padding: 0;
    background: var(--theme-color);
    color: #ffffff;
}


.news_nav {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
}


/* ------------------------------ ---------------------------------*/

.card {
  position: relative;
  background: var(--theme-color3);
  padding: 20px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
  border: none;
  transition: 0.5s;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 420px; 
}

.card:hover {
  transform: translateY(-10px);
}

.card-title {
  font-size: 12px;
  padding-top: 10px;
}

.card-text {
  font-size: 16px;
  font-weight: bold;
  padding-top: 20px;
}

.card-body p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-body {
  padding: 0;
}

.card-body a {
  color: #ffffff;
}

.card-body img {
  border-radius: 4px;
  max-height: 175px;
  max-width: 450px;
  object-fit: cover;
        width: 100%;
        height: 100%;
}

.btn_category {
  border: 1px solid var(--theme-color2);
  border-radius: 4px;
  margin-top: 40px;
  font-size: 12px;
  font-weight: bold;
  color: var(--theme-color2);
  padding: 7px 23px;
}

.btn_category:hover {
  border: 1px solid var(--theme-color2);
  background-color: var(--theme-color2);
  color: var(--theme-color);
}


/* ------------------------------ ---------------------------------*/

.custom_tab_style.nav-tabs {
  border-bottom: 1px solid transparent;
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
  font-size: 32px;
}

.custom_tab_style.nav-tabs .nav-link {
  padding: 5px 20px;
  margin: 0 10px;
  border-radius: 0.25rem;
}

.custom_tab_style .nav-item.show,
.custom_tab_style .nav-link.active, 
.custom_tab_style .nav-link:focus,
.custom_tab_style .nav-link:hover {
  color: var(--theme-color2);
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--theme-color);
  border-color: transparent;
}

.custom_tab_style .nav-link {
  color:#ffffff;
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--theme-color);
  border-color: transparent;
}



/* ------------------------------
  Kalendar Area  
---------------------------------*/

.content-calendar {
  padding-top: 20px; }

.content-calendar h2 {
  color: var(--theme-color2);
  font-weight: bold;
  font-size: 32px; }

.form-control:active, .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

#calendar {
  color: var(--theme-color);
  max-width: 100%;
  margin: 0 auto; }

  #calendar .fc-view-container {
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2); }

/* ------------------------------
  Links arrows Area  
---------------------------------*/

.links_arrows {
  padding: 0;
    background: var(--theme-color);
    color: #ffffff;
}

.links_arrows_col {
  display: flex;
  justify-content: center; 
}

.links_arrows_col a {
  color: white; 
}

.links_arrows_box {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
}

.links_arrows_box a:hover {
  color: var(--theme-color2);
}

.big_arrow {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}




/* ------------------------------
  filials area
---------------------------------*/

 .filials {
  padding: 0;
    background: var(--theme-color3);
    color: #ffffff;
 } 
/* ------------------------------ ---------------------------------*/
 .filials_box_bg {
  background-color: var(--theme-color3);
  border-radius: 4px;
  padding: 36px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
 }

 .link-two {
  color: #ffffff;
  transition: color 1s cubic-bezier(0.32, 0, 0.67, 0);
}

.link-two:hover {
  color: #ffffff;
  transition: color 1s cubic-bezier(0.33, 1, 0.68, 1);
}

.link-two::before {
  content: "";
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  clip-path: polygon(
    0% -20%,
    100% -30%,
    100% -10%,
    0% 0%,
    0% 130%,
    100% 120%,
    100% 100%,
    0% 110%
  );
  background-color: var(--theme-color);

  transition: clip-path 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.link-two:hover::before {
  clip-path: polygon(
    0% 10%,
    100% 0%,
    100% 20%,
    0% 30%,
    0% 100%,
    100% 90%,
    100% 70%,
    0% 80%
  );
}

.link-two::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 5ch;
  height: 5ch;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) rotate(0deg) scale(0);
  transition: transform 1s ease;

  background-color: var(--theme-color);
}

.link-two:hover::after {
  transform: translate(50%, -50%) rotate(135deg) scale(1);
}
/* ------------------------------ ---------------------------------*/

.filials_mini {
  background: var(--theme-color3);
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
 } 

 .filials_mini_name:hover {
  background: var(--theme-color3);
  border: 2px solid var(--theme-color2);
  color: var(--theme-color2);
 } 

 .filials_mini_name { 
  border-radius: 4px; 
  background-color: var(--theme-color2);
  border: 2px solid var(--theme-color2);
 }

 .filials_mini_name a {
  font-size: 16px;
  font-weight: bold;
 }

 .filials_mini_name a:hover {
  color: var(--theme-color2);
 }

/* ------------------------------ ---------------------------------*/

 .filials_name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 23px;
 }

 .filials_name a:hover {
  color: var(--theme-color2);
}

.filials_name a {
  color: white;
}

 .filials_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  color: #ffffff;
}

.filials_box p {
  font-size: 12px;
}

.filials_box b {
  letter-spacing: 0.5px;
  font-size: 10px;
}

.filials_box a:hover {
  color: var(--theme-color2);
}

.filials_box a {
  color: white;
}

.filials_sec_box {
  display: flex;
  padding-right: 28px;
}

.filials_sec_box a {
  color: var(--theme-color3);
}

.filials_sec_box a {
  color: white;
}

.filials_icon {
 width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 10px;
}


/* ------------------------------
  footer
---------------------------------*/

footer {
    padding: 32px 0 0 0;
    background: var(--theme-color);
    color: #ffffff;
}

.top_footer {
  background-color: var(--theme-color);
  display: flex;
  align-items: baseline;
}

.hr-line {
	margin: 30px 0;
	border: none;
	border-top: 2px solid #ffffff;
    opacity: 100%;
}

.sec_footer {
  background-color: var(--theme-color);
  display: flex;
  align-items: flex-end;
}

.th_footer {
  background-color: var(--theme-color);
  display: flex;
}

.ls_footer {
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
}

/* ------------------------------ ---------------------------------*/  
.box-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    color: var(--theme-color2);
    font-size: 12px;
    font-weight: bold;
}

.box-arrow a {
    color: var(--theme-color2);
}

.arrow-up {
    margin-left: 10px;
}

.footer_name {
  font-size: 12px;
  font-weight: bold;
}

.footer_menu {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
}

.footer_menu_link a {
  font-size: 12px;
  padding-left: 10px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
}

.footer_menu_link a:hover {
  color: var(--theme-color2);
}

.th_footer_box1 {
  margin-top: 30px;
}

.th_footer_link a {
  font-size: 16px;
  color: var(--theme-color2);
  font-weight: bold;
  padding-right: 71px;
}

.th_footer_box2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}

.th_footer_box2 p {
  font-size: 12px;
  color: var(--theme-color2);
}

.th_footer_box2 b {
  letter-spacing: 0.5px;
  font-size: 10px;
  color: #ffffff;
}

.th_footer_box2 a {
  color: var(--theme-color2);
}

.sec_box {
  display: flex;
  padding-right: 28px;
}

.sec_box_right {
  margin-left: 11px;
}

.th_footer_icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 10px;
}

.th_footer_icon2 {
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 10px;
}

.footer-pages-container {
  font-size: 10px;
  background-color: var(--theme-color3);
  border-radius: 4px;
  padding: 26px 18px 10px 18px;
  margin-bottom: 26px;
}

.footer-pages-container a:hover {
  color: var(--theme-color2);
}

.footer-pages-container a {
  color: white;
}

.ls_footer_box {
  font-size: 10px;
  font-weight: bold;
}

.ls_footer_box1 {
  display: flex;
  justify-content: flex-end;
}









/* ------------------------------ ---------------------------------*/  

.info-box-bottom {
    font-size: 12px;
    padding-top: 12px;
}

 
/* ------------------------------
  Search Area
---------------------------------*/
.backdrop_mini {
  background-color: var(--theme-color);
  color: #fff;
  font-size: 12px;
  font-weight: 100;
}

.backdrop_mini_area {
  height: 100px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_students.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
}

.breadcrumb-item.active {
  color:#fff;
  font-weight: bold;
}

.breadcrumb-item a:hover {
  color:var(--theme-color2); 
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color:#fff;
  content: var(--bs-breadcrumb-divider, "/");
}

.basic-text-area {
  background-color: #F6F7F8;
  padding: 100px 0;
}


.form_item_search input {
  width: 100%;
  height: 60px;
  border: 2px solid #ffffff;
  border-radius: 4px;
  background-color: var(--theme-color);
  background-image: url(../img/icon/search.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  text-indent: 45px; 
}

.form_item_search input:focus {
  background-color: var(--theme-color);
}

.form-control-search {
  color: #ffffff;
} 

.form-control-search:focus {
  color: #ffffff;
}

.btn-ask-search {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: var(--theme-color2);
  height: 60px;
  width: 100%;
  border: 2px solid var(--theme-color2);
  border-radius: 4px;
  color: var(--theme-color);
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}

.btn-ask-search:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color2);
}


/* ------------------------------
  Idea Area
---------------------------------*/

.backdrop_large {
  background-color: var(--theme-color);
  color: #fff;
  font-size: 12px;
  font-weight: 100;
}

.backdrop_large_area-idea {
  height: 350px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_idea.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
}


.breadcrumb-item.active {
  color:#fff;
  font-weight: bold;
}

.breadcrumb-item a:hover {
  color:var(--theme-color2); 
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color:#fff;
  content: var(--bs-breadcrumb-divider, "/");
}

.backdrop_large_name {
  display: flex;
  align-items: end; 
}

.backdrop_large_box {
  display: flex;
  align-items: center;
}

.backdrop_large_box img {
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-right: 15px;
}

.backdrop_large_box b {
  letter-spacing: 0.5px;
  font-size: 12px;
  color: var(--theme-color2);
}

.backdrop_large_box a {
  letter-spacing: 0.5px;
  font-size: 12px;
  color: var(--theme-color2);
}






.basic-text-area2 {
  background-color: #F6F7F8;
  padding: 40px 0;
}

.basic-text-area2 h3 { 
  padding: 40px 0;
  font-size: 22px;
}

.basic-text-area2 h4 { 
  padding: 80px 0;
}

.white-area {
  background-color: #fff;
  /*padding: 80px;*/
  padding: 30px;
  /*margin: 20px 0;*/
  margin: 0px 0;
  border-radius: 4px;
  color: #000000; 
}

.white-area-target {
  background-color: #fff;
  /*padding: 80px;*/
  padding: 30px;
  /*margin: 20px 0;*/
  margin: 0px 0;
  border-radius: 4px;
  color: #000000; 
  display: flex;
  justify-content: center;
}

.white-area-target2 {
  background-color: #fff;
  /*padding: 80px;*/
  padding: 30px;
  /*margin: 20px 0;*/
  margin: 0px 0;
  border-radius: 4px;
  color: #000000; 
  display: flex;
  justify-content: center;
}

.blue-area {
  background-color: var(--theme-color);
  padding: 80px;
  margin: 20px 0 40px 0;
  border-radius: 4px;
  color: #fff;
}

.blue-area ul {
  list-style: "—   "; 
}

.blue-area li {
  margin: 16px 0;
}

/* ------------------------------
  Basic Area
---------------------------------*/
.backdrop_large_area-basic {
  height: 350px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_large_students.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
}

.backdrop_large_area-basic a{
  color: white;
}

.btn-backdrop {
  display: flex;
  flex-wrap: nowrap;
  justify-items: flex-start;
  align-items: center;
  background-color: #ffffff 0.4;
  border: none; 
  color: var(--theme-color);
  text-align: left;
  font-size: 10px;
  padding-left: 0;
  margin-right: 40px;
}

.btn-backdrop:hover {
  background-color: var(--theme-color) 0.4;
  color: var(--theme-color2);
}

.backdrop_area-in_text {
  min-height: 160px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_students2.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
  margin: 20px 0;
  text-align: center;
  color: #ffffff;
}

.backdrop_area-in_text a {
  font-weight: bold;
  font-size: 24px;
  text-decoration: underline;
}

.backdrop_area-in_text a:hover {
  color: var(--theme-color2);
}

.blue-area_subclass {
    background-color: var(--theme-color);
    padding: 40px 80px;
    margin: 20px 0 40px 0;
    border-radius: 4px;
    color: #fff;
}

/* ------------------------------
  New open Area
---------------------------------*/
.backdrop_large_area-new {
  height: 350px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_news.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
}

.backdrop_large_area-new h1 {
  font-size: 30px;
}


.hashtag-backdrop {
  display: flex;
  justify-content: center;
  background-color: #ffffff 0.4;
  border: 1px solid var(--theme-color2); 
  border-radius: 4px;
  color: var(--theme-color2);
  font-size: 10px;
  margin-right: 10px;
}
.backdrop_large_box2 {
  margin-top: 20px;
}

.backdrop_large_box2 a:hover {
  background-color: var(--theme-color) 0.4;
  color: #ffffff;
  border: 1px solid #ffffff; 
}

.quote-text {
  background-color: var(--theme-color3);
  border-radius: 4px;
  color: #fff;
}

.quote {
  padding: 40px 25px 0 25px; 
}

.quote-text-box {
  padding: 36px 25px;
}

.white-area_new h1 {
  padding-bottom: 24px;
  padding-top: 24px;
}

.social_new {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.social_new img {
  padding-left: 25px;
  padding-right: 25px;
  opacity: 0.1;
}

.social_new img:hover {
  opacity: 1;
}

.white-area_new {
  background-color: #fff;
  padding: 30px 30px 30px 30px;
  margin: 20px 0;
  border-radius: 4px;
  color: #000000; 
}

.white-area_pic_b {
  padding-bottom: 40px;
}

.white-area_pic_b img {
  object-fit: cover;
  width: 100%;
  max-height: 426px;
  border-radius: 4px;
}

.hashtag-backdrop_in_new {
  border: 1px solid #9D9D9D;
  border-radius: 4px; 
  font-size: 12px;
  font-weight: bold;
  color: #9D9D9D;
  padding: 7px 23px;
}

.hashtag-backdrop_in_new:hover {
  border: 1px solid var(--theme-color2);
  background-color: var(--theme-color2);
  color: var(--theme-color);
}

.date_new_box {
  display: flex;
  align-items: center;
}

.date_new_hashtag {
  display: flex;
  justify-content: end;
}

.date_new {
  color: #9D9D9D;
  font-size: 12px;
}

/* ---------------------------------------------------------------*/

.btn_years {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 13px 34px;
  background: #F6F7F8;
  background-image: url(../img/icon/years_arrow.svg);
  background-repeat: no-repeat;
  background-position: right 30px center; 
  color: #000000;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 4px;
  border: 1px solid #000000;
  transition: 0.2s;
  font-weight: 600;
  margin-bottom: 10px;
}
/*
.btn_years {
  background: var(--theme-color);
  background-image: url(../img/icon/years_arrow2.svg);
  background-repeat: no-repeat;
  background-position: right 30px center;
  color: var(--theme-color2);
  font-weight: bold;
}
*/


.btn_years_active {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 13px 34px;
  background: var(--theme-color);
  background-image: url(../img/icon/years_arrow2.svg);
  background-repeat: no-repeat;
  background-position: right 30px center;
  color: var(--theme-color2);
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 4px;
  border: 1px solid #000000;
  transition: 0.2s;
  font-weight: bold;
  margin-bottom: 10px;
}

.btn_years:hover {
  background: var(--theme-color);
  background-image: url(../img/icon/years_arrow2.svg);
  background-repeat: no-repeat;
  background-position: right 30px center;
  color: var(--theme-color2); 
  font-weight: bold;
}

.btn_years:focus {
  background: var(--theme-color);
  color: var(--theme-color2);
  background-image: url(../img/icon/years_arrow2.svg);
  background-repeat: no-repeat;
  background-position: right 30px center;
}

.form_item_search2 {
  margin-top: 20px;
}

.form_item_search2 input {
  width: 100%;
  height: 60px;
  border: 2px solid #F6F7F8;
  border-radius: 28px;
  background-color: #fff;
  background-image: url(../img/icon/search2.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
  text-indent: 45px; 
}

.form_item_search2 input:focus {
  background-color: #fff;
  border: 2px solid #F6F7F8;
  color: #000000;
}

.form-control-search {
  color: #000000;
}
/* ------------------------------
  News Area
---------------------------------*/
.white-area_new2 {
  margin-bottom: 60px;

}

.wh_box {
  display: flex;
  flex-direction: column; 
  justify-content: space-between;
  height: 360px;
}

.white-area_pic_l img {
  object-fit: cover;
  width: 100%;
  height: 210px; 
}

.news_text {
  padding-bottom: 15px;
}

.news_text p {
  display: -webkit-box;
  font-weight: bold;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news_number_link {
  display: flex;
  justify-content: center;
  align-items: end;
}

.news_number_link a {
  padding-right: 13px;
}

/* ------------------------------
  Leader Area
---------------------------------*/
.backdrop_large_area-leader {
  height: 350px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_leader.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
}

.blue-area2 {
  background-color: var(--theme-color);
  padding: 40px 30px;
  border-radius: 4px;
  color: #fff;
}

.pic_leader img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.leader_row {
  display: flex;
  align-items: center;
  background-color: var(--theme-color);
  padding: 40px 30px;
  border-radius: 4px;
  color: #ffffff;
}

.leader_row1 {
  display: flex;
  align-items: flex-start;;
  background-color: #fff;
  padding: 40px 30px;
  border-radius: 4px;
  color: #000000;
}

.name_leader {
  font-size: 24px;
  display: flex;
}

.contacts_leader {
  display: flex;
  justify-content: flex-end;
}

.text_leader {
  margin-top: 20px;
}

.prorectors {
  margin-top: 40px;
}

.prorectors h3 {
  font-size: 1.3rem;
}

.white-area2 {
  background-color: #fff;
  padding: 40px 30px;
  border-radius: 4px;
  color: #000000;
}

.filials_box2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  color: #000000;
}

.filials_box2 p {
  font-size: 12px;
}

.filials_box2 b {
  letter-spacing: 0.5px;
  font-size: 10px;
}

.filials_box2 a:hover {
  color: var(--theme-color2);
}

/* ------------------------------
  Target Area
---------------------------------*/
.basic-img-area {
  background-color: #F6F7F8;
  padding: 100px 0;
}

.img_row {
  display: flex;
  justify-content: space-between;
    background-color: #fff;
    padding: 40px 30px;
    border-radius: 4px; 
    margin-bottom: 20px;
}

.img_row2 {
  display: flex;
  justify-content: flex-start;
    background-color: #fff;
    padding: 40px 30px;
    border-radius: 4px; 
    margin-bottom: 20px;
}

.target-block {
  align-items: center;
}

.target-block a {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--theme-color3);
  font-size: 12px;
}

.target-block a:hover {
  color: var(--theme-color4);
}

.row-target-name td {
  padding-top: 10px;
  padding-bottom: 40px;
}

/* ------------------------------
  Cafedral Area
---------------------------------*/
.backdrop_mini_area2 {
  height: 160px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_students2.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
}

.backdrop_mini_area2 a {
  color: white;
}



.custom_tab_style2.nav-tabs {
  border-bottom: 1px solid transparent;
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
  font-size: 32px;
}

.custom_tab_style2.nav-tabs .nav-link {
  padding: 5px 20px;
  margin: 0 10px;
  border-radius: 0.25rem;
}

.custom_tab_style2 .nav-item.show,
.custom_tab_style2 .nav-link.active, 
.custom_tab_style2 .nav-link:focus,
.custom_tab_style2 .nav-link:hover {
  color: var(--theme-color2);
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--theme-color);
  border-color: transparent;
}

.custom_tab_style2 .nav-link {
  color:#ffffff;
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--theme-color);
  border-color: transparent;
}

.nav-link_caf {
  height: 60px; 
  width: 90%;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 40px;
  border: 2px solid var(--theme-color);
  border-radius: 4px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: var(--theme-color2);
  background-color: var(--theme-color);
}

.nav-pills .nav-link {
  background: 0 0;
  border: 2px solid var(--theme-color);
  border-radius: 4px;
  color: var(--theme-color);
}

.row_caf_tabs-all {
  padding: 0;
  display: flex; 
  justify-content: center;
}

.row_caf_tabs-all li {
  padding: 0;
  display: flex; 
  justify-content: space-around;
}

.basic-caf-area {
  background-color: #F6F7F8;
  padding: 40px 0;
}








.white-area-accordion {
  margin-top: 40px;
  padding: 0;
  background-color: #fff;
  border-radius: 4px;
  color: #000000;
}

.accordion-body {
  padding: 50px 80px;
}

.white-area-accordion ul {
  list-style: "—   "; 
}

.white-area-accordion li {
  margin: 16px 0;
}

.white-area-accordion a {
  text-decoration:underline;
}

.accordion-body h5 {
  margin-top: 50px;
}

.accordion-button:not(.collapsed) {
  color: var(--theme-color2);
  font-weight: bold;
  letter-spacing: 1px;
  background-color: var(--theme-color3);
  box-shadow: none; 
  height: 60px;
  border-radius: 4px;
}

.accordion-button {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: none;
  height: 60px;
  border-radius: 4px;
  font-weight: bold;
  letter-spacing: 1px;
}

.accordion-button:focus {
  box-shadow: none;
  color: #000000;
}

.dropdown-menu_btn:hover, :focus {
  color: var(--theme-color2);
  opacity: 1;
}

.accordion-button:not(.collapsed) {
  color: var(--theme-color2);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../img/icon/btn_arrow_down.svg);
  transform: rotate(-180deg);
}

.white-area-caf {
  background-color: #fff;
  padding: 80px;
  margin-top: 60px;
  border-radius: 4px;
  color: #000000; 
}

.white-area-caf a {
  text-decoration: underline;
}

.basic-text-area-name h5 { 
  padding: 80px 0;
}

.basic-text-area2-name h5 { 
  padding: 120px 0;
}

.fotogalery_img img {
  margin-bottom: 5px;
}

/* ------------------------------
  Contact Area
---------------------------------*/
.backdrop_mini_area-contact {
  height: 100px;
  background-size: cover;
  background-image: url(../img/backdrop/backdrop_corpus.png);
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 35px;
  padding-left: 21px;
}

.filials_box3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  color: #000000;
}

.filials_box3 p {
  font-size: 16px;
}

.filials_box3 b {
  letter-spacing: 0.5px;
  font-size: 16px;
}

.filials_box3 a:hover {
  color: var(--theme-color2);
}

.filials_box3 a {
  color: var(--theme-color);
}




/* ------------------------------
  responsive
---------------------------------*/
@media (min-width: 1399px) {
  .dropdown_years_sm {
    display: none;
  }
}

@media (max-width: 1399px) {
  .navbar-toggler1 {
    display: none;
  }
  .social_head img {
    padding-right: 10px;
  }

  .phone_head {
    font-size: 14px;
    padding-left: 0;
  }

  .link_head {
    font-size: 14px;
  }

  .btn-head {
    font-size: 14px;
  }

  .logo-menu img {
    height: 80px;
  }

  #child {
    position: absolute;
    padding-left: 76px;
    margin-top: -10px;
    font-size: 10px;
  }

  .dropdown_years_sm {
    display: none;
  }



}





@media (max-width: 1199px) {
  .phone_head {
    display: none;
  }

  .logo-menu img {
    height: 60px;
  }

  #child {
    position: relative;
    padding-left: 56px;
    margin-top: -5px;
    font-size: 10px;
  }
  .btn3 {
    font-size: 12px;
  }

  .season-name {
    text-align: center;
  }

.btn-menu {
  font-size: 10px;
}

.embed-responsive-img {
  width: 310px;

}

.embed-responsive-video {
  width: 310px;
  height: 277px;
  border-radius: 4px;
}

.dropdown_years_sm {
  display: none;
}

.basic-text-area-name h5 { 
  padding: 10px 0;
}

.basic-text-area2-name h5 { 
  padding: 80px 0 0 0;
}

.white-area-caf {
  margin-top: 20px;
}

.image-cell1 {
    width: 500px;
    object-fit: cover;
}


}




@media (max-width: 991px) {
  

  .phone_head, .link_head {
    display: none;
  }

  .logo-menu img {
    height: 100px;
  }

  #child {
    position: relative;
    padding-left: 96px;
    margin-top: -15px;
  }

  .btn-menu {
    display: none;
  }
  
  .btn3 {
    font-size: 16px;
  }

  .season-name {
    text-align: center;
  }

  .top_footer {
    justify-content: center;
  }

  .footer_menu {
    display: none;
  }

  .footer-pages-container {
    display: none;
  }

  .ls_footer {
    margin-top: 44px;
  }

  .ls_footer_box1 img {
    max-width: 100%;
    height: auto;
  }

  .filials {
    display: none;
  }

  .basic-text-area2 h4, h3 { 
    padding: 40px 0;
    text-align: center;
  }

  .white-area_new {
    background-color: #fff;
    padding: 40px 12px;
  }

  .dropdown_years {
    display: none;
  }

  .dropdown_years_sm {
    display: block;
  }

  .img_row img {
    padding-bottom: 20px;
  }
  
  .img_row2 img {
    padding-bottom: 20px;
  }


  .basic-img-area {
    text-align: center;
  }

  .sidebar-group {
  display: none;
}


}

@media (min-width: 991px) {

.navbar-toggler-min {
  display: none;
}

}

@media (min-width: 767px) {

.dropdown-menu_btn-group1 {
  display: none;
  }

  .white-area-target2 {
  display: none;
}



}

@media (max-width: 767px) {
  .dropdown-menu_btn-group1 a {
    font-size: 16px;
    text-align: center;
  }
  
  .dropdown-menu_btn-group {
    display: none;
  }
  
  .offcanvas_contacts-link {
    font-size: 13px;
  }
  
  .form_question-name {
    text-align: center;
  }
  
  

  .social_head img {
    padding-right: 5px;
  }

  .btn-head1 {
    font-size: 12px;
  }

  .logo-menu img {
    height: 60px;
  }

  #child {
    position: relative;
    padding-left: 56px;
    margin-top: -5px;
    font-size: 10px;
  }
  
 

  .season-name {
    text-align: center;
  }

  .carousel-caption h5 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
  }

  .filials_mini {
    display: block;
  }

  .top_footer {
    justify-content: center;
  }

  .box-arrow {
    justify-content: flex-start;
  }

  .backdrop_large_link {
    display: none;
  }

  .backdrop_large_name {
    display: flex;
    align-items: end;
    padding-bottom: 40px;
  }

  .pic_leader {
    display: flex;
    justify-content: center;
  }

  .image-cell1 {
    width: 320px;
    object-fit: cover;
}

.target-block a {
  font-size: 10px;
}

.white-area-target {
  display: none;
}


  
}




@media (max-width: 575px) {
  /*body {
    padding-top: 220px;
  }*/

  .main_row_nav3 {
    margin-top: 6px;
    margin-bottom: 2px;
  }

  .btn3 {
    height: 40px;
    font-size: 10px;
    font-weight: 600;
  }


  .dropdown-menu_btn-group1 a {
    font-size: 12px;
    text-align: left;
  }
  
  .dropdown-menu_btn-group {
    display: none;
  }
  
  .offcanvas_contacts-link {
    font-size: 13px;
  }
  
  .form_question-name {
    text-align: center;
  }
  






  .social_head {
    padding: 0;
  }
  .btn-head {
    display: none;
  }

  .logo-menu img {
    height: 60px;
  }

  #child {
    position: absolute;
    padding-left: 56px;
    margin-top: -5px;
    font-size: 10px;
  }

  .season-name {
    text-align: center;
  }

  .carousel-caption h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
  }


  .content-calendar {
    font-size: 12px; }


  .content-calendar h2 {
    color: var(--theme-color2);
    font-weight: bold;
    font-size: 14px; }


  .filials_mini {
    display: flex;
    width: 100%;
  }

  .logo-footer {
    display: flex;
  justify-content: center;
  align-items: center;
  }

  .box-arrow {
    display: none;
  }

  .dropdown {
    display: flex;
  justify-content: center;
  align-items: center;
  }

  .dropdown-menu.show {
    display: block;
    width: 100%;
    margin: 0;
}
 
  .dropdown-item {
    font-size: 10px;
    text-align: center;
  }

.sec_footer {
  display: none;
}

.th_footer_link {
  display: flex;
  justify-content: center;
  align-items: center;
} 

.th_footer_box1 a {
  padding-left: 22px;
  padding-right: 22px;
} 

.sec_box {
  display: flex;
  flex-direction: column;
}

.sec_box_right {
  margin-left: 0;
}

.ls_footer_box1 img {
    max-width: 100%;
    height: auto;
  
}

.dropdown_years {
  display: none;
}

.pic_leader img {
  max-width: 200px;
  margin-bottom: 20px;
}

.name_leader {
  display: flex;
  justify-content: center;
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
}

.contacts_leader {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}


.text_leader {
  margin-top: 20px;
  text-align: center;
}

.basic-text-area2 h3 {
  text-align: center;
}

.image-cell {
    display: none;
}

.image-cell1 {
    display: none;
}

.info-date {
  text-align: justify; 
}

.navbar-toggler a {
  font-size: 12px;
}


}



@media (max-width: 319px) {

  .main_row_nav3 {
    margin-top: 14px;
    margin-bottom: 2px;
  }

  .btn3 {
    height: 40px;
    font-size: 10px;
    font-weight: 600;
  }
  
.dropdown-menu_btn-group1 a {
  font-size: 12px;
  text-align: left;
}

.dropdown-menu_btn-group {
  display: none;
}

.offcanvas_contacts-link {
  font-size: 13px;
}

.form_question-name {
  text-align: center;
}

  .btn-head {
    display: none;
  }

  .logo-menu img {
    height: 60px;
  }

  #child {
    position: absolute;
    padding-left: 56px;
    margin-top: -5px;
    font-size: 10px;
  }

  .season-img img {
    border-radius: 4px;
    object-fit: cover;
    width: 260px;
    height: 174px;
  }

  .content-calendar {
    font-size: 8px; }


  .content-calendar h2 {
    color: var(--theme-color2);
    font-weight: bold;
    font-size: 12px; }



    

}

.sections-img {
  padding: 5px;
}




/******** Gruzdev ********/

.left-sidebar {
  position: fixed;
  top: 200px;
  left: 0;
  width: 250px;
  height: calc(100vh - 200px);
  background-color: var(--theme-color);
  z-index: 1000;
  overflow-y: auto;
  padding: 20px 0;
}

.sidebar-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-button-item {
  width: 100%;
}

.sidebar-btn-link {
  display: block;
  width: 100%;
  padding: 15px 20px;
  background-color: var(--theme-color3);
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-left: 4px solid transparent;
  text-decoration: none;
}

.sidebar-btn-link-active {
  display: block;
  width: 100%;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-left: 4px solid transparent;
  text-decoration: none;
  background-color: var(--theme-color2);
  color: var(--theme-color);
  border-left-color: var(--theme-color);
  transform: translateX(5px);
}

.sidebar-btn-link:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color);
  border-left-color: var(--theme-color);
  transform: translateX(5px);
}

.sidebar-btn-link.active {
  background-color: var(--theme-color2);
  color: var(--theme-color);
  border-left-color: var(--theme-color);
}

.sidebar-group {
  margin-bottom: 25px;
}


/* Адаптивность */
@media (max-width: 1199px) {
  .left-sidebar {
    width: 220px;
    top: 180px;
    height: calc(100vh - 180px);
  }

  .sidebar-btn-link {
    padding: 12px 15px;
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .left-sidebar {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 15px 0;
  }

  .left-sidebar-content {
    padding: 0 10px;
  }

  .sidebar-title {
    font-size: 16px;
  }

  .sidebar-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .left-sidebar {
    padding: 10px 0;
  }

  .sidebar-buttons {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }

  .sidebar-btn-link {
    padding: 10px 12px;
    font-size: 12px;
  }

  .sidebar-info-block {
    padding: 12px;
  }
}

@media (max-width: 575px) {
  .left-sidebar {
    padding: 8px 0;
  }

  .sidebar-buttons {
    grid-template-columns: 1fr;
  }

  .sidebar-title {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .sidebar-group-title {
    font-size: 12px;
  }

  .sidebar-info-title {
    font-size: 12px;
  }

  .sidebar-info-text {
    font-size: 11px;
  }
}

/** floating-button - Service Mode **/
.floating-button {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background: #f32121;
  color: white;
  padding: 15px 25px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  box-shadow: 0 4px 15px rgba(243, 33, 33, 0.46);
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
  z-index: 1000;
  border: none;
  cursor: pointer;
}

.floating-button:hover {
  background: #f32121;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(243, 33, 33, 0.46);
}

.floating-button:active {
  transform: translateY(-1px);
}

.icon {
  font-size: 20px;
  color: white;
}

.badge {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #FF5722;
  color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}