@import url("https://fonts.googleapis.com/css2?family=Manrope&family=Onest");html {
  font-size: 16px !important;
}
:root {
  --color-yellow: #fde428;
  --color-blue: #002e5b;
  --color-dark-blue: #12283c;
  --color-text: #131313;
  --font-basic: 'Onest', 'Golos Text', 'Manrope', 'Inter', sans-serif;
  --font-second: 'Manrope', 'Inter', sans-serif;
  --font-action: 'Roboto Mono', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-basic);
}
h1 {
  font-size: 44px !important;
  letter-spacing: -1.4px;
  line-height: 1em;
  font-weight: 700;
  color: var(--color-dark-blue);
}
h2,
#fullpage > #main .h2 {
  font-size: 40px !important;
  letter-spacing: -1.4px;
  line-height: 1.1em !important;
  font-weight: 700;
}
h3 {
  font-size: 36px !important;
  letter-spacing: -1.4px;
  line-height: 1.2em;
  font-weight: 500;
}
h4 {
  font-size: 28px;
  letter-spacing: -0.4px;
  line-height: 1.3em;
  font-weight: 500;
}
h5 {
  font-size: 20px !important;
  letter-spacing: 0.1px;
  line-height: 1.4em;
  font-weight: 400 !important;
}
h6 {
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 1.5em;
  font-weight: 400;
}
p,
.wpb_wrapper p {
  font-family: var(--font-second);
  letter-spacing: 0.5px !important;
  font-size: 1rem;
  line-height: 1.5em !important;
  font-weight: 300;
  color: var(--color-text);
}
a {
  font-size: 0.9rem;
  letter-spacing: 0.3px;
  line-height: 1.3em;
  font-weight: 400;
}
blockquote p:last-child {
  font-family: var(--font-action);
  letter-spacing: 0px !important;
  font-size: 1rem;
  line-height: 1.5em;
  font-style: normal;
}
mark {
  background: var(--color-yellow);
}
/*-----------------------------
         Блоки от Темы  
-----------------------------*/
.info_box.style_4 h4 {
  font-size: 24px;
  letter-spacing: -0.2px;
  line-height: 1.2em;
  font-weight: 500 !important;
}
.info_box.style_4 p {
  font-size: 1rem !important;
  letter-spacing: 0.4px !important;
  line-height: 1.1em;
  font-weight: 300;
}
.news_list > .view_style_4 h5 {
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  line-height: 1.3em !important;
}
.icon_box.style_1 h5 {
  font-weight: 600 !important;
  line-height: 1.3;
}
.icon_box.style_1 p {
  font-weight: 300 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.6px !important;
}
/*-----------------------------
            header    
-----------------------------*/
#header {
  position: relative !important;
}
.main_menu_nav > li .sub-menu > li {
  text-transform: none !important;
}
.wpb_wrapper {
  border-radius: 10px !important;
}
.header-box .container .logo-box .logo a img {
  max-width: 350px;
}
body.header_style_5 .header_top {
  padding: 26px 0 10px !important;
}
.my-menu-p a {
  margin: 150px !important;
}
/*mega-menu*/
li.stm_megamenu > ul.sub-menu > li {
  margin: 20px 0 10px 0px !important;
}
li.stm_megamenu > ul.sub-menu > li > a {
  margin: 0 0 10px 0 !important;
  padding: 0 0 0 0 !important;
}
.sub-menu > li.menu-item-has-children > a {
  text-transform: none;
}
.sub-menu {
  margin: 10px 10px 10px 10px;
}
/*закругляю YouTube HTML код*/
.icon_box,
body {
  color: black !important;
}
.wpb_text_column a,
.wpb_content_element a {
  color: darkblue !important;
  text-decoration: underline !important;
  outline: 0 !important;
}
.stm_sidebar .widget.widget_recent_entries ul li a,
.stm_sidebar .widget.widget_categories ul li {
  color: #12283c !important;
  text-decoration: none !important;
}
/*-----------------------------
              body    
-----------------------------*/
.wpb_wrapper ul > li,
.wpb_text_column ul li {
  font-weight: 300;
  font-family: Manrope, Onest, 'Golos Text', sans-serif;
  font-size: 1rem !important;
  line-height: 1.4em !important;
  letter-spacing: 0.5px;
}
.prettyphoto {
  color: #12283c;
}
.youtubeVideo {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.youtubeVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vc_general.vc_btn3 {
  font-family: Manrope, Onest, 'Golos Text', sans-serif !important;
}
/*-----------------------------
           bitrix 24 
-----------------------------*/
/*Битрикс24 форма заявки*/
.b24-window-panel > div > .b24-window-scrollable {
  bottom: inherit !important;
}
.my_button_bitrix {
  width: auto;
  color: #fff;
  border: 3px solid #002e5b;
  background: #002e5b;
  padding: 8px 21px;
  text-align: inherit;
  font-family: Manrope;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
}
.my_button_bitrix:hover {
  width: auto;
  color: #002e5b;
  border: 3px solid white;
  background: #fde428;
  padding: 8px 21px;
  text-align: inherit;
  font-family: Manrope, Onest, 'Golos Text', sans-serif;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
}
.my_button_bitrix_width {
  width: 100%;
  text-align: center !important;
  color: #fff;
  border: 3px solid #002e5b;
  background: #002e5b;
  padding: 8px 21px;
  text-align: inherit;
  font-family: Manrope, Onest, 'Golos Text', sans-serif;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
}
.my_button_bitrix_width:hover {
  width: 100%;
  text-align: center !important;
  color: #002e5b;
  border: 3px solid white;
  background: #fde428;
  padding: 8px 21px;
  text-align: inherit;
  font-family: Manrope, Onest, 'Golos Text', sans-serif;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
}
/*отключаю херату - выбор языка в форме*/
.b24-form-sign {
  display: none !important;
}
/*-----------------------------
       contact form 7
-----------------------------*/
/*переопределили стиль для галочки "принятие" в contact Form*/
.wpcf7-acceptance {
  background: none !important;
  color: #fde428 !important;
  padding: 5px 10px 5px 0px !important;
}
.wpcf7-acceptance:focus,
.wpcf7-acceptance:active {
  border: none !important;
  box-shadow: 0 0 0 0 !important;
}
/*Закругляем все вокруг*/
.wpb_single_image img,
.info_box_image img,
img,
.third_bg_color {
  border-radius: 10px !important;
}
/*-----------------------------
              news   
-----------------------------*/
.stm_post_details .comments_num a,
.widget.widget_recent_entries ul li .post-date,
.post_bottom .tags a {
  color: #12283c !important;
}
.wpb_column .stm_animation img {
  filter: grayscale(90%);
}
.news_list > .view_style_4 img {
  filter: grayscale(93%);
  border-radius: 10px 10px 10px 10px;
}
.stm_news .view_style_4 .image {
  padding-bottom: 0px;
}
.stm_services > .item div > a {
  filter: grayscale(100%);
}
#post-5001.hentry .vc_wp_custommenu ul.menu li a {
  font-size: 15px;
  color: #12283c !important;
}
.hentry .vc_wp_custommenu ul.menu li a {
  color: #12283c !important;
  font-size: 16px;
}
div .my_button_bitrix {
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px 5px 5px 5px;
}
.vc_custom_1608799268687 .my_button_bitrix:hover {
  font-size: 15;
  line-height: 26px;
  font-weight: 500;
}
/*-----------------------------
            footer   
-----------------------------*/
.footer_widgets .footer_text > p {
  color: white;
  font-weight: 400;
}
/*-----------------------------
            own class   
-----------------------------*/
.text-m p {
  font-size: 1.2rem;
  font-weight: 400;
}
/*-----------------------------
          screen other   
-----------------------------*/
@media screen and (max-width: 768px) {
  body {
    padding-bottom: 0 !important;
  }
  .bnav_bottom_nav_wrapper {
    border-radius: 28px !important;
  }
}
@media screen and (max-width: 375px) {
  .h1,
  h1 {
    font-size: 44px;
  }
  #fullpage > #main .h2,
  h2 {
    font-size: 36px !important;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 24px;
  }
  #fullpage > #header .logo-box {
    display: flex;
    flex-direction: row;
  }
  .container .logo-mobile img {
    max-width: 75%;
    width: 250px !important;
  }
}
