/**
* Template Name: Uralbees --=Пчёлы на Урале=---
* Template URL: https://uralbees.ru/
*/
/*------------------------
1. General  == body
2. Preloader == ==#preload
3. Back to top button  
4.  Header        ---=TOP-MENU-FON-Logo=---
5.  Navigation Menu            ---=TOP-MENU+[X]-SISTEMS=---
6.  Mobile Navigation 
  (<-)(->)
 
7. 
8. 
9. 
15. Material Modal CSS -iz- ! ! ! responsive-modal-design201117
------------------------*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
}

a {
  color: #000; /*Bilo #47b2e4; */
  text-decoration: none;
}

a:hover {
  color: #e4b72d; /*Bilo #73c5eb; */
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Jost", sans-serif; 
  font-weight: 400;/* <=DanDobavil= */
}

.span{
  color: #e4b72d; /* <=DanDobavil= */
}
/*--------------------------------------------------------------
# Preloader       ---=PredZagruzka=---
--------------------------------------------------------------*/ /*
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #000; /*Bilo #37517e;*/   /*
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 7px solid #000; /*tolshina-Bilo- 6px solid #37517e;*/ /*
  border-top-color: #fff; 
  border-bottom-color: #e4b72d;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
*/

/*--------------------------------------------------------------
# DAN-KNOPKA --- iz- https://bisarts.ru/whatsapp-knopka-dlya-sajta.html  ---=( WhatsApp )=---
--------------------------------------------------------------*/
.whatsapp-button {
  position: fixed;
  right: -7px; /* Bilo- 13px;*/
  bottom: 40px; /* Bilo- 90px;*/
  transform: translate(-50%, -50%);
  background: #aaa; /*Bilo- #25D366; /#70c08e;! /#77af8d;!!! цвет кнопки*/
  border-radius: 40%; /*Bilo-Krug- 50px;*/
  width: 42px; /* Bilo- 55px; ширина кнопки*/
  height: 42px; /* Bilo- 55px; высота кнопки*/
  color: #fff;
  text-align: center;
  line-height: 44px; /*Bilo- 53px; центровка иконки в кнопке*/
  font-size: 26px; /*Bilo- 35px; размер иконки*/
  z-index: 9999;
      display: none; /* Dan- не появляется при загрузке*/
}
.whatsapp-button a {
  color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
  content: " ";
  display: block;
  position: absolute;
  border: 50%;
  border: 1px solid #dbdbdb; /*Bilo- #25D366; / #94c0a4;!! цвет анимированных волн от кнопки*/
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}

.whatsapp-button:after{
  animation-delay: .5s;

}
    .whatsapp-button:hover{/*DAN-Dobavil*/
     background: #25D366; /*DAN- цвет кнопки*/
     transition: all 0.4s;
    }

@keyframes animate
{
  0%
  {
      transform: scale(0.5);
      opacity: 0;
  }
  50%
  {
      opacity: 1;
  }
  100%
  {
      transform: scale(1.2);
      opacity: 0;
  }
}

/*--------------------------------------------------------------
# Back to top button        ---=( GoToTop )=---
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #aaa;/*Bilo #47b2e4;*/
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #e4b72d;/*TsvetPriNazatii*//*Bilo #209dd8;*/
  color: #fff;
}

/*--------------------------------------------------------------
# Header               ---=TOP-MENU-FON-Logo=---
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;    /*Bilo 15px 0;*//* VisotaMENU-iznathalno!*/
	
}

#header.header-scrolled, #header.header-inner-pages { /*
  background: rgba(40, 58, 90, 0.9); */
	/* DobavilFON*/
	padding: 8px 0; /* VisotaMENU! Bilo- 15px 0;*/
    background: #fff; /*MOI#e4b72d; rgba(228,183,45,0.5); | rgba(0, 0, 0, 0.9); */
	/*box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);*//* Bilo- TENpodMenu */	  
	  /* Dobavi*/
	  /*position:absolute;*/  /* Ubiraet priSKROLinge MENU!!! */
}

#header .logo {
  font-size: 20px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  /*text-transform: uppercase;*/
}

#header .logo a {
  color: #fafafa05; /*Bilo #fafafa1a; | #fff; | #000; */
    font-size: 10px;
}

#header .logo img {
  max-height: 70px; /*Bilo 40px; */
	/* Dobavi*/ position:absolute; /* KartinkaZa Blokom!!!! */
	/* Dobavi*/
	margin-top: -25px;/* Sdvig -vNiz\vVerh-*/
	padding-top: 0px; /* <<<==PomenyalPodZNAK LOGO!!!== */
} 

/*--------------------------------------------------------------
# Navigation Menu            ---=TOP-MENU+[X]-SISTEMS=---
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #1A252E; /* TsvetTEXT MENU naKOPE!!! *//*Bilo #fff; */
  transition: 0.3s;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #e4b72d; /*TsvetPriNazatii -TEXT MENU*//*Bilo #47b2e4;*/
}

.nav-menu .drop-down ul {
  border-radius: 8px;
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #0c3c53; /* TsvetTEXT vMENU *//*Bilo #0c3c53;*/
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #e4b72d; /*TsvetPriNazatii -TEXT vMENU*/
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Get Startet Button ==NATHNEM== */ /* ---===KnTEL +7 912 624 3... ===--- */
.get-started-btn {
  margin-left: 25px;
  color: #1A252E; /*KnTEL -Bilo #fff; | #0A0A0A; */
  border-radius: 50px;
  padding: 6px 20px 7px 20px; /* Bilo- 6px 25px 7px 25px;*/
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  border: 1px solid #33383E; /*KnTEL -Bilo: 2px solid #47b2e4; | #484F68; */
  font-weight: 600;
	/*background: #fff; /*DanDobavil */
}

.get-started-btn:hover {
  background: #e4b72d; /*KnTEL -Bilo #31a9e1; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
  color: #fff; /*KnTEL -TEXT */
  border: 1px solid #e4b72d; /*DanDobavil */
}

@media (max-width: 768px) {
  .get-started-btn {
    margin: 0 48px 0 0;
    padding: 6px 14px 7px 14px; /* Bilo- 6px 20px 7px 20px;*/
  }
}

/* Mobile Navigation */ /* ---------= IKONKA MENU =-----------*/
.mobile-nav-toggle {
  position: fixed;
  top: 15px; /* Bilo- 20px;*/
  right: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #1A252E; /* MENU-MOBILE Bilo #fff; */
}

.mobile-nav {
  position: fixed;
  top: 70px; /* -=RAZMER=- -- MENU-MOBILE Bilo- 55px; */
  right: 15px;
  bottom: 15px; /*  Bilo- 15px; */
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 15px; /*  Bilo- 10px; */
  padding: 0px 0; /*  Bilo- 10px 0; */
  
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a { 
  display: block;  text-align: center;
  position: relative;
  color: #535353; /* !!! MOBILA=> Tsvet-TEXTа-vMENU !!!  Bilo СИНИЙ-  #37517e;*/
  padding: 10px 30px; /* rastoynie Nad-Mezdu/sLeva | OTSTUP *//* Bilo- 10px 40px; */
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #e4b72d; /*MOBILA=> TsvetPriNazatsii -TEXT vMENU #47b2e4*/
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly { /*-=FON POD MENU=-*/
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(40, 58, 90, 0.6); /*TEN*/
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*----------  -- DAN --POKAZ TOLKO NaMOBILE -- VnutriMENU!!!--  ---------*//*----------    ---------*/
.show-on-mobile { 
  display: none;
  /* background: #e4b72d; ---Ubral TsvetFona -Без фона*/       /*  MOI #e4b72d;  / #37517e;*/
  color: #fff; /*KnTEL -TEXT */
  text-align: center;
  /*border: 1px solid #e4b72d; DanDobavil */
} 
.show-on-mobile img{
  border-top-left-radius: 7px; 
  border-top-right-radius: 7px;/*Ugolki BILI=> 5px;*/
} 
.show-on-mobile h3 {
  font-size: 23px;
  font-weight: 300;
  color: #fff; /* #37517e; */
}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1000px){  /*-Bilo- 480px*/
.show-on-mobile { 
  display: inline;
}
}

.show-on-mobile1 {  /* Для... Без фона */ /*----------    ---------*/
  display: none;
  /*background: #e4b72d;  */
  color: #aaa; /*KnTEL -TEXT */
  text-align: center;
  /*border: 1px solid #e4b72d; DanDobavil */
} 
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1000px){  /*-Bilo- 480px*/
.show-on-mobile1 { 
  display: inline; 
}
}

/*----------  -- DAN --POKAZ TOLKO NaKOMPE -- VnutriMENU!!!--  ---------*//*----------    ---------*/
@media screen and (max-width: 600px) {
  .hide-mobile {
    visibility: hidden;
    display: none;
  }
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-slider .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
}
.clients .clients-slider .swiper-slide img:hover {
  opacity: 1;
}
.clients .clients-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #4154f1;
}
.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4154f1;
}
/*--------------------------------------------------------------
# Hero Section  -начальное заглавие
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 80vh;/*
  background: rgba(228,183,45,0.7); /*FON phel -Bilo #37517e; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
	
	/* Dan FON-gradient */
	/*background: rgb(255,244,160);
      background: radial-gradient(circle, rgba(255,244,160,1) 4%, rgba(244,209,121,1) 100%);*/
	
/* DanSOTI-gradient */ /* 
	background-color: #f1cd60;
	background-image: 
		linear-gradient(30deg, #f2d36b 12%, transparent 12.5%, transparent 87%, #f2d36b 87.5%, #f2d36b),
		linear-gradient(150deg, #f2d36b 12%, transparent 12.5%, transparent 87%, #f2d36b 87.5%, #f2d36b),
		linear-gradient(30deg, #f2d36b 12%, transparent 12.5%, transparent 87%, #f2d36b 87.5%, #f2d36b),
		linear-gradient(150deg, #f2d36b 12%, transparent 12.5%, transparent 87%, #f2d36b 87.5%, #f2d36b),
		linear-gradient(60deg, #f2d972 25%, transparent 25.5%, transparent 75%, #f2d972 75%, #f2d972),
		linear-gradient(60deg, #f2d972 25%, transparent 25.5%, transparent 75%, #f2d972 75%, #f2d972);
	background-size: 40px 70px;
	background-position: 0 0, 0 0, 20px 35px, 20px 35px, 0 0, 20px 35px;	
*/
	
	background-color: rgba(228,183,45,0.7); /*Bilo #f3a183; */
	background-image: 
		linear-gradient(transparent 0px, transparent 49px, rgba(255,255,255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255,255,255, 0.2) 100px), 
		linear-gradient(120deg, transparent 0, transparent 48px, rgba(255,255,255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.2) 99px, transparent 100px), 
		linear-gradient(60deg, transparent 0, transparent 48px, rgba(255,255,255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.2) 99px, transparent 100px), 
		linear-gradient(70deg, #f2d972, #f1cd60); /*Bilo- (90deg, #f3a183, #eC6f66);|!!!-> (70deg, #f1cd60, #f3a183);*/
	background-size: 100px 100px, 115px 100px, 115px 100px, auto;
	
	
}

#hero .container {
  padding-top: 72px;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}
#hero h1 span {
  color: #e4b72d; /*#106eea; #47b2e4; */
}
#hero h2 {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 50px;
  font-size: 24px;
}

#hero .btn-get-started {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #e4b72d; /*KnNahnom-Bilo #47b2e4; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
}

#hero .btn-get-started:hover {
  background: #000; /*KnNahnom-Bilo #209dd8; */
}

#hero .btn-watch-video { /* [text]KN-VIDEO  */  
  font-size: 16px;
  display: inline-block;
  padding: 10px 0 8px 40px;
  transition: 0.5s;
  margin: 10px 0 0 25px;
  color: #fff;
  position: relative;
}

#hero .btn-watch-video i { /* (>)Logo-VIDEO  */ 
  color: #fff;
  font-size: 32px;
  position: absolute;
  left: 0;
  top: 7px;
  transition: 0.3s;
}

#hero .btn-watch-video:hover i {
  color: #e4b72d; /*Kn-Bilo #47b2e4; */
}

#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
  #hero {
    height: 100vh;
    text-align: center;
  }
  #hero .animated { /* KARTINKA- Bilo- none; *//*
    -webkit-animation: none; 
    animation: none;   */
    animation: up-down 2.5s ease-in-out infinite alternate-reverse both;
  }
  #hero .hero-img {
    text-align: center;
  }
  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }
  #hero .btn-get-started {
    font-size: 16px;
    padding: 10px 24px 11px 24px;
  }
  #hero .btn-watch-video {
    font-size: 16px;
    padding: 10px 0 8px 40px;
    margin-left: 20px;
  }
  #hero .btn-watch-video i {
    font-size: 32px;
    top: 7px;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# Sections General    = Ф О Н = - ПчелоПродукция - --==SHRIFT-TEXT-ZAGLAVIE-h2- SINII FON!==--
--------------------------------------------------------------*/
section {
  padding: 0px 0; /*Bilo- 50px 0; *//*  ==!!!OTSTUP VSEH-NIZ BLOKOV-Пчеловоду -ивСтраницахТоваров! === */
  overflow: hidden;
     padding-bottom: 50px; /* ?*/
}
.section-bg-onas {
  background-color: #ffffff; /* #e6ffe1; */
}

.section-bg  {
  background-color: #ebf3f7; 
  background-image: 
    linear-gradient(60deg, #cfeef7 5%, transparent 25.5%, transparent 75%,#fff5ca);
/*.section-bg { 
  background-color: #ebf3f7;*//* ОРИГИНАЛ ВМЕСТО ВЕРХНЕГО */

   /* КРАСИВО! -> background: radial-gradient(ellipse at top, #f7feff 50%, #ecf4f9 70%, #ecf4f9 100%); */
   /* НежноГолубойКРАСИВО!-> background: radial-gradient(ellipse at top, #fff 0%, #f1f5f7 35%, #c8dae6 100%);*/
   /* Bilo-> background: radial-gradient(ellipse at top, #f7feff 0%, #ecf4f9 35%, #ecf4f9 100%); */

  /* BiloБезГрадиента- background-color: #ebf3f7; */   /*<=Bilo- #f3f5fa;/ #f1f5f7;!!!/ #ebf3f7; !!!*/
	/* padding-bottom: 0px;*/
}

.section-title {
  text-align: center;
  padding-bottom: 15px; /*Bilo- 30px 0; *//*  ==!!!OTSTUP -RastoynPodTEXTom!!!!=== */
}

.section-title h2 {
  font-size: 40px; /*Bilo- 32px;*/
  font-weight: bold;
  /*text-transform: uppercase;*//*text-ZAGLAVNIMI
  margin-bottom: 20px;
  padding-bottom: 20px;*/
  position: relative;
  color: #37517e; /*Bilo #37517e; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
  line-height: 40px; /* Dan- MezstrothniiINTERVAL!*/
}

.section-title p {
  margin-bottom: 0px; /*text-align: left;*/ 
}



/*-------------------------------------------------------------- ГАЛЕРЕЯ из--- !TheEven bootstrap5.1.3 ПасекиУрала.рф
# Gallery02 Section  === ДЛЯ ЛИНИИ НОВОСТЕЙ === вСООПрф вставил
--------------------------------------------------------------*/
#news1 {
  /*padding: 10px;  ВЫСОТА полосы */
  height: 25px; /*  ВЫСОТА ПОЛОСЫ --- 90px; */
  overflow: hidden;
  margin-top: 0px; /* надБЛОКОМ */
  margin-bottom: 0px;  /* снизуОтступ */
  text-align: center;
  color: #fff;
  /* background-image: linear-gradient(70deg, rgb(49, 51, 54), rgb(27, 27, 27));*/
  background-image: 
  linear-gradient(0deg, rgb(48, 48, 48), rgb(20, 20, 20)); /*Bilo- (90deg, #f3a183, #eC6f66);|!!!-> (70deg, #f1cd60, #f3a183);*/
}
#news1 .swiper-slide-active {
  text-align: center;
  /*background: #1f1f1f;*/
}
#news1 a {
  font-size: 16px;
  color: rgb(204, 204, 204); /* rgb(31, 30, 30); */
  display: inline-block; 
  /*padding: 10px 6px;  ОТСТУПЫ вокругТЕКСТА */
  margin-top: 12px; /* ОТСТУП */

}
#news1 a > span { /* внутри оранжа*/
  background-color: #f1cd60;
  color: rgb(17, 17, 17);
  padding: 2px 6px; /* ОТСТУПЫ вокругТЕКСТА */
  font-size: 14px;
  font-weight: 400;
  border-radius: 10px; 
  /*margin-right: 20px;*/
}
#news1 a:hover {
  color: #ffffff;
  transition: 0.3s;
}

#news2 { /* ------------------ ПОЛОСА ПОД ЛИНИЮ НОВОСТЕЙ #news1 ------------------- */
  padding: 12px; /* ВЫСОТА ПОЛОСКИ  */
  overflow: hidden;
  margin-top: 0px; /* надБЛОКОМ */
  margin-bottom: 0px;  /* снизуОтступ */
  /* background-image: linear-gradient(70deg, #f2d972, #f1cd60);*/
	background-image: 
		linear-gradient(transparent 0px, transparent 49px, rgba(255,255,255, 0.3) 50px, transparent 51px, transparent 99px, rgba(255,255,255, 0.3) 100px), 
		linear-gradient(120deg, transparent 0, transparent 48px, rgba(255,255,255, 0.3) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.3) 99px, transparent 100px), 
		linear-gradient(60deg, transparent 0, transparent 48px, rgba(255,255,255, 0.3) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.3) 99px, transparent 100px), 
		linear-gradient(70deg, #f2d972, #f1cd60); /*Bilo- (90deg, #f3a183, #eC6f66);|!!!-> (70deg, #f1cd60, #f3a183);*/
	background-size: 100px 100px, 115px 100px, 115px 100px, auto;
}


/*--------------------------------------------------------------
 DAN carousel  /  Bilo- ClientsSection   ---===SOTSETI -o o o- DanIz->>>BizPage-bootstrap-5===---
--------------------------------------------------------------*/
#sotseti {
  /*Bilo- padding: 30px 0;  OTSTUP - Bilo 60px 0; */
    margin-top: 30px;
    padding: 0px 0;
}

#sotseti img {
  max-width: 90%; /* Bilo 100%;*/
  opacity: 0.4; /* Bilo 0.5; */
  transition: 0.3s;
  padding: 15px 0; /* Bilo 15px 0; */
}

#sotseti img:hover {
  opacity: 1;
}
/*
#sotseti .owl-nav, #sotseti .owl-dots {
  margin-top: 5px;
  text-align: center;
}
 бобышки внизу -| o o o |- убрал-скрыл их в мобильн версии*//*
#sotseti .owl-dot {    
  display: inline-block;
  margin: 0 5px;
  width: 20px; 
  height: 3px; 
  border-radius: 5%; 
  background-color: #ddd;
}
#sotseti .owl-dot.active {
  background-color: #e4b72d;
  width: 55px; 
} *//* Bilo- height: 12px;\ width: 12px; *//* Bilo-KRUG- border-radius: 50%;  *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/

/*--------------------------------------------------------------
DAN carousel ---===dalya aktsii===--- ДляКарточек-АкцииСкидки
--------------------------------------------------------------*/
#aktsii {
  /*Bilo- padding: 30px 0;  OTSTUP - Bilo 60px 0; */
    margin-right: 15px; 
    padding: 0px 0;
}

#aktsii img {
  margin-top: 10px; 
  margin-left: 15px; /* -Сдвиг вПравоВсё!!! */
  margin-bottom: 10px;

  max-width: 93%; /* Bilo-  max-width: 90%; / 100%;*/
  opacity: 0.7; /* Bilo 0.5; */
  transition: 0.3s;
   border-radius: 15px; 
   box-shadow: 0px 8px 13px -6px #c2cace;
}

#aktsii img:hover {
  opacity: 1;
  /*-webkit-transform: scale(1.04);
  transform: scale(1.04);  ЗУМ - мало=>(1.01);/сильно=>(1.09); */
}

/*--------------------------------------------------------------
DAN carousel === ---===DANPRODUKTS --- Bobishki -!!!!! o o O o o o !!!!!- DanIz->>> iz Portfolio Details
--------------------------------------------------------------*/
.danprodukts {
  padding-top: 40px;
  padding-bottom: 10px;
}

.danprodukts .danprodukts-container {
  position: relative;
}

.danprodukts .danprodukts-carousel {
  position: relative;
  z-index: 1;
}

.danprodukts .danprodukts-carousel .owl-nav, .danprodukts .danprodukts-carousel .owl-dots {
  margin-top: 5px;
  text-align: center; /*Bilo left;  */
}

.danprodukts .danprodukts-carousel .owl-dot { /* Bobishki -o o O o o o- */
  display: inline-block;
  margin: 0 10px 0 0;
  width: 25px; /*25px; \ Bilo- 12px; */
  height: 10px; /*9px; \ Bilo- 12px; */
  border-radius: 100px 15px 100px 15px; /*Bilo-KRUG- border-radius: 50%; *//*КРУТО- border-radius: 100px 15px 100px 15px;*/
  background-color: #ccc; /*Bilo- ddd!!! */
    outline: none;/*убрал обводку при нажатии !!!!!!!!!!! */
    box-shadow: none;/*убрал обводку при нажатии*/
}

.danprodukts .danprodukts-carousel .owl-dot.active {
  background-color: #e4b72d; /*Bilo #47b2e4 *//*Bilo #18d26e; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
  width: 45px; 
  height: 14px;
  border-radius: 100px 15px 100px 15px;  /*Bilo-KRUG- border-radius: 50%; *//*КРУТО- border-radius: 100px 15px 100px 15px;*/
    outline: none;/*убрал обводку при нажатии*/
    box-shadow: none;/*убрал обводку при нажатии*/ 
}

/*--------------------------------------------------------------
DAN carousel === ---===VIDEO --- Bobishki -!!!!! o o O o o o !!!!!- DanIz->>> iz Portfolio Details  ==НЕ ИСПОЛЬЗУЕТСЯ==
--------------------------------------------------------------*/
.video2 {
  padding-top: 40px;
  padding-bottom: 10px;
}

.video2 .video2-container {
  position: relative;
}

.video2 .video2-carousel {
  position: relative;
  z-index: 1;
}

.video2 .video2-carousel .owl-nav, .video2 .video2-carousel .owl-dots {
  margin-top: 5px;
  text-align: center; /*Bilo left;  */
}

.video2 .video2-carousel .owl-dot { /* Bobishki -o o O o o o- */
  display: inline-block;
  margin: 0 10px 0 0;
  width: 25px; /*25px; \ Bilo- 12px; */
  height: 10px; /*9px; \ Bilo- 12px; */
  border-radius: 100px 15px 100px 15px; /*Bilo-KRUG- border-radius: 50%; *//*КРУТО- border-radius: 100px 15px 100px 15px;*/
  background-color: #ccc; /*Bilo- ddd!!! */
    outline: none;/*убрал обводку при нажатии !!!!!!!!!!! */
    box-shadow: none;/*убрал обводку при нажатии*/
}

.video2 .video2-carousel .owl-dot.active {
  background-color: #e4b72d; /*Bilo #47b2e4 *//*Bilo #18d26e; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
  width: 45px; 
  height: 14px;
  border-radius: 100px 15px 100px 15px;  /*Bilo-KRUG- border-radius: 50%; *//*КРУТО- border-radius: 100px 15px 100px 15px;*/
    outline: none;/*убрал обводку при нажатии*/
    box-shadow: none;/*убрал обводку при нажатии*/ 
}
/*== cardTovar -caption ==*/ /* ---------------------[1][2][3] - 3 TOVARA ------------------------- */
/*------------------------------------------------------------------------------------------*/
.caption-img:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05); /* ЗУМ - мало=>(1.01);/сильно=>(1.09); */
}

.caption-img{
    margin-left: 4px; /* BILO- 10px;*/ /* Rastoyne MEZDU img*/
    margin-right: 4px; /* BILO- 10px;*/
    margin-top: 20px; /*Rastoyne sVerhu -наМобиле-вСтолбик 30px; */
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.dan3produkts-container {
  margin-left: 10px;  /*DanДобавил-тк- НаМобилеУзкиеПоляиКартинкаБольшая*/
  margin-right: 10px; 
}

.caption-img img{
    border-top-left-radius: 20px; 
	border-top-right-radius: 20px; /*!!! UGOLKI TOP BILI=> 10px;*/
	/*Dan-KartinkaPoRazmeru*/
	width: 100%;
    height: 100%; /* 500px; */
}

.caption-tag h4{
    font-size: 32px; /* 30px;  */
    font-weight: 800; /* BILO- 300;*/
    color: #fff; 
    text-align: center;
    margin: 0 auto 8px;
    position: relative;
    z-index: 2;
}
    
.caption-tag span { /* нет */
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    position: relative;
    z-index: 2;
}

.caption-tag{
    position: relative;
    height: 75px; /*! BILO === height: 110px;*/
    background-color: #e4b72d; /*! BILO Goluboi=> #94a5b4; MOI-> #e4b72d;*/
    margin-top: 0;
    max-width: 100%;
    padding: 20px; /* OtstupNIZ! BILO- 20px; */
    border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; /*! UGOLKI NIZ - BILI=> 10px;*/
}

.caption-tag:after{
    content: '';
    background-color: #1A252E; /*! BILO TemnSINII=> #1A252E; MOI-> #e4b72d;*/
    position: absolute;
    width: 0px;
    height: 75px; /*! BILO =analog! === height: 110px;*/
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px; /*! UGOLKI NIZ priNavedenii - BILO- 10px;*/
    z-index: 1px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.caption-img:hover .caption-tag:after{
    width: 100%;
    left: 0;
}


/* --------------Tovar-FON <-[1|2|3|4|5]-> - ПчелоПродукция - Не Трать на Фоны Время -Пусть ПРОСТО! ------------------ */
/*------------------------------------------------------------------------------------------*/
/*== .genius2 DLIA-> .caption2 ==*/ /*----FON=>REK-FONserRadial-gradient ------ НЕ ИСПОЛЬЗУЕТСЯ */
.genius2 {
	background: -webkit-radial-gradient(top ellipse, #fff 0%, #fafafa 35%, #ccc 100%);/*!!!-> top\center ellipse,*/
    background: radial-gradient(ellipse at top, #fff 0%, #f1f5f7 35%, #c8dae6 100%);}
/*top\center*/  /* BILO!!!-> #1A252E; ->#94a5b4; | FON=>REK-FONserRadial-gradient | MOI-> rgba(228,183,45,0.8); */

/* FONI krasivie ==>>
!MOI> background: radial-gradient(ellipse at top, #fff 0%, #f1f5f7 35%, #d9e6ee 100%);
!KLAS> background: radial-gradient(ellipse at top, #f7feff 0%, #ecf4f9 35%, #d8e6eb 100%);
background: radial-gradient(ellipse at top, #fff 0%, #e7f6ff 35%, #9ccfe2 100%); */

/* ------------- DOBAVIL=>.caption2 -TOVAR NA FONE <-[1|2|3|4|5]-> ------------- */
/*------------------------------------------------------------------------------------------*/
.caption2-img:hover {
	-webkit-transform: scale(1); 
	transform: scale(1.06); /* ЗУМ - мало=>(1.01);/сильно=>(1.09); */
}/*ZOOMpriNAVEDENII -BILO=> -webkit-transform: scale(1); transform: scale(1.08);*/ 
.caption2-img{
    margin-left: 15px; 
	margin-right: 15px; /*Otstupi BILI=> 10px;*/
    margin-top: 12px; /*Otstup BILO=> 30px;*/ 
	margin-bottom: 15px; /*<=DOBAVIL OtstupNIZ! BILO- 10px; -БезТени-НоПриЗумеТенНеВойдёт*/
    -webkit-transition: all 0.5s ease 0s; 
	transition: all 0.5s ease 0s;	
}
.caption2-img img{
    border-top-left-radius: 15px; 
	border-top-right-radius: 15px;/*Ugolki BILI=> 10px; */
} 

.caption2-tag h4{
    font-size: 22px; /*BILO=> 28px;*/
	/*font-weight: 300; */
	color: #111; /*BILO=> #fff;*/
    text-align: center; 
	/*margin: 0 auto 8px; 
	position: relative; 
	z-index: 2;*/
}

.caption2-tag{ /*FON podTEXT ---->BELII<----*/
    position: relative;
    height: 90px; /* ВысотаБлока BILO- 110px; */
    background-color:#fff; /*BILO!!!Goluboi=> #94a5b4;*/
    margin-top: 0; max-width: 100%; 
	padding: 20px;
    border-bottom-left-radius: 15px; 
  border-bottom-right-radius: 15px;/*Ugolki BILI=> 10px; */

      /* -= ТЕНЬ перенёс сюда =- */
      box-shadow: 0px 8px 13px -6px #c2cace; /*BILO=> Синий #bcd0da; / илиСераяТЕНЬ #c2cace; */
      /*Тень МОЯсНизу!!!=> box-shadow: 0px 10px 12px -8px rgba(0, 0, 0, 0.1);*/
      /*box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);*/ 
      /*ОПИСАНИЕ=> box-shadow: 0(поГоризонт) 6px(поВертик) 4px(Размытие) -4px(Растяжение -СжимаетВнутрь-УбираетЛевоПраво) rgba(0, 0, 0, .1);*/

} /*NE RABOTAET???*/ /*
.caption2-tag:after{
    content: '';
    background-color: #1A252E; 
    position: absolute; 
	width: 0px; 
	height: 110px; 
	bottom: 0; left: 0; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; 
	z-index: 1px; 
	-webkit-transition: all 0.5s ease 0s; 
	transition: all 0.5s ease 0s;
} */ /*
.caption2-img:hover 
.caption-tag:after{
	width: 100%; left: 0;}*/


/*== DAN videoblok ==*/ /* ---------------------- ► VIDEO BLOKI [ 1 |2|3|4|5] --- => Poka-Ne-ISPOLZUIU! ! !------------------- */
.videoblok{
    /*background-color: #37517e;*/ /*BILO TemnFon->#1A252E; MOI-> #e4b72d;*//*Bilo- #f1f5f7 | #f3f5fa;*/
	margin-bottom: 20px;
	
	background-color: rgba(228,183,45,0.7); /*Bilo #f3a183; */
	background-image: 
		linear-gradient(transparent 0px, transparent 49px, rgba(255,255,255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255,255,255, 0.2) 100px), 
		linear-gradient(120deg, transparent 0, transparent 48px, rgba(255,255,255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.2) 99px, transparent 100px), 
		linear-gradient(60deg, transparent 0, transparent 48px, rgba(255,255,255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.2) 99px, transparent 100px), 
		linear-gradient(70deg, #37517e, #1A252E); /* #37517e;*/
	background-size: 100px 100px, 115px 100px, 115px 100px, auto;
}	
.videoblok h2 {
  color: #fff; /*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
  font-size: 40px;
  font-weight: bold; /*Bilo- font-weight: 700;*/
	
  /*text-transform: uppercase;*//*text-ZAGLAVNIMI
  margin-bottom: 20px;
  padding-bottom: 20px;*/
  position: relative;
}
.videoblok p {
  color: #aaa;
  line-height: 24px;/* !RastoynMezduSTROKAMI! Bilo- 24px;*/
  font-size: 16px;
  margin-bottom: 0;
}
.videoimg{
    margin-bottom: 14px;      /*RastoanPodIMG*/ /*
  background-color: #1A252E;     *//*BILO TemnFon podVideo->#1A252E; MOI-> #e4b72d;*/
    max-width: 93%; /*Dobavil -PROMEZUTKI pri Umensenii*/
    height: auto;
}
/*== DAN AKTIV FON ==*/ /* ---------------------- ► VIDEO BLOKI [ 1 |2|3|4|5] FON ---------------------- */
/* DAN - actionfon  === Iz --Cta--  ili --CallTo Action - Iz--> BizPage-Bootstrap5.0Alpha ============
--------------------------------*//*-------- -------- SINII FON sKARTINKOI -------- ---------*/
.actionfon {
  background: linear-gradient(60deg, #c59d30,  #42942d9a, #2d947ac5, #447596dc, #37627ee7,  #58595a) ,  url(../img/ETitleBG03.jpg) fixed center center;
  /*Bilo- background: linear-gradient (60deg, #007947 5%, transparent 70%, transparent 10%,#cc9f6c ),,  url(../img/ETitleBG03.jpg) fixed center center;*/
  /*Bilo- СВЕТЛЕЕ!!!!!!!!!   #24335e 5%,
  background-color: #73798b; 
  background-image: 
    linear-gradient(60deg, #6b83c4 5%, transparent 25.5%, transparent 75%,#cc9f6c);*//* Розовый #521b40 */

    /*Bilo- ТЁМНЫЙ    
    background-color: #393b41; 
    background-image: 
      linear-gradient(60deg, #31365e 5%, transparent 25.5%, transparent 75%,#5a4023);*/
/*Bilo- 
  background-color: #f1cd60;
	background-image: 
		linear-gradient(30deg, #f2d36b 12%, transparent 12.5%, transparent 87%, #f2d36b 87.5%, #f2d36b),
		linear-gradient(60deg, #f2d972 25%, transparent 25.5%, transparent 75%, #f2d972 75%, #f2d972);
	background-size: 40px 70px;
  background-position: 0 0, 0 0, 20px 35px, 20px 35px, 0 0, 20px 35px;	 */
  
  /*Bilo!!!-  background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.6)), url(../img/ETitleBG03.jpg) fixed center center;*/

  padding: 60px 0; /*!OTSTUP Verh-Niz! Bilo- 60px 0; */
}

.actionfon h2 {
  color: #fff; font-family: "Jost", sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.actionfon p {
  color: #EEEEEE;
}

.actionfon .actionfon-btn {
  /*font-family: "Jost", sans-serif;*/
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.actionfon .actionfon-btn:hover {
  background: #e4b72d; /*BILO #47b2e4; MOI-> #e4b72d;*/
  border: 2px solid #e4b72d;
}




#schedule .schedule-item {
  border-bottom: 1px solid #cad4f6;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: background-color ease-in-out 0.3s;
}
#schedule .schedule-item:hover {
  background-color: #fff;
}
#schedule .schedule-item time {
  padding-bottom: 5px;
  display: inline-block;
}
#schedule .schedule-item .speaker {
  width: 140px;
  height: 110px;
  overflow: hidden;
  border-radius: 0%;  /* Был КРУГ border-radius: 50%; */
  float: left;
  margin: 0 10px 0px 0;
}/* 
#schedule .schedule-item .speaker img {
  height: 100%;
  transform: translateX(-50%);
  margin-left: 50%;
  transition: all ease-in-out 0.3s;
}*/
#schedule .schedule-item img { 
  width: 100%;
  height: 100%; /* 100%; */
}
#schedule .schedule-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
#schedule .schedule-item h4 span {
  font-style: italic;
  color: #19328e;
  font-weight: normal;
  font-size: 16px;
}
#schedule .schedule-item p {
  font-style: italic;
  color: #2e2e2e;
  margin-bottom: 0;
}


/* --------------Tovar-FON <-[1|2|3|-|-]-> - Продукция - П-О-Д-А-Р-К-И - ОТДЕЛЬНО ФОН НЕ ИСПОЛЬЗУЮ! ------------------ */
/*------------------------------------------------------------------------------------------*/
/*== DAN AKTIV FON ==*/ /* ---------------------- ► iz VIDEO BLOKI [ 1 |2|3|4|5] FON ---------------------- */
/* DAN - actionfon  === Iz --Cta--  ili --CallTo Action - Iz--> BizPage-Bootstrap5.0Alpha ====*/
.actionfon2 {
  /*background: linear-gradient(#e4b72d, rgba(247, 212, 14, 0.6));*/ /*BiloProzrahho- linear-gradient(rgba(155, 95, 5, 0.6), rgba(247, 212, 14, 0.6));, url(../img/ETitleBG03.jpg) fixed center center; */
  background-size: cover;
  padding: 60px 0; /*!OTSTUP Verh-Niz! Bilo- 60px 0; */

	background-color: rgba(228,183,45,0.7); /*Bilo #f3a183; */
	background-image: 
		linear-gradient(transparent 0px, transparent 49px, rgba(255,255,255, 0.2) 50px, transparent 51px, transparent 99px, rgba(255,255,255, 0.2) 100px), 
		linear-gradient(120deg, transparent 0, transparent 48px, rgba(255,255,255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.2) 99px, transparent 100px), 
		linear-gradient(60deg, transparent 0, transparent 48px, rgba(255,255,255, 0.2) 49px, transparent 50px, transparent 98px, rgba(255,255,255, 0.2) 99px, transparent 100px), 
		linear-gradient(70deg, #f2d972, #f1cd60); /*Bilo- (90deg, #f3a183, #eC6f66);|!!!-> (70deg, #f1cd60, #f3a183);*/
	background-size: 100px 100px, 115px 100px, 115px 100px, auto;
}
.actionfon2 h2 {
  color: #fff; font-family: "Jost", sans-serif;
  font-size: 40px;
  font-weight: 700;
}
.actionfon2 p {
  color: #EEEEEE;
}
.actionfon2 .actionfon-btn {
  /*font-family: "Jost", sans-serif;*/
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}
.actionfon2 .actionfon-btn:hover {
  background: #e4b72d; /*BILO #47b2e4; MOI-> #e4b72d;*/
  border: 2px solid #e4b72d;
}
/* --------------Tovar-FON <-[1|2|3|-|-]-> - Продукция - П-О-Д-А-Р-К-И ------------------ */
/*------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/ 
/* удалил */ 


/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .content h3 {
  font-weight: 700;
  font-size: 32px;
  color: #37517e;
  font-family: "Poppins", sans-serif;
}

.skills .content ul {
  list-style: none;
  padding: 0;
}

.skills .content ul li {
  padding-bottom: 10px;
}

.skills .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #47b2e4;
}

.skills .content p:last-child {
  margin-bottom: 0;
}

.skills .progress {
  height: 60px;
  display: block;
  background: none;
  border-radius: 0;
}

.skills .progress .skill {
  padding: 0;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #37517e;
}

.skills .progress .skill .val {
  float: right;
  font-style: normal;
}

.skills .progress-bar-wrap {
  background: #e8edf5;
  height: 10px;
}

.skills .progress-bar {
  width: 1px;
  height: 10px;
  transition: .9s;
  background-color: #4668a2;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  padding: 50px 30px;
  transition: all ease-in-out 0.4s;
  background: #fff;
}

.services .icon-box .icon {
  margin-bottom: 10px;
}

.services .icon-box .icon i {
  color: #47b2e4;
  font-size: 36px;
  transition: 0.3s;
}

.services .icon-box h4 {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 24px;
}

.services .icon-box h4 a {
  color: #37517e;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  transform: translateY(-10px);
}

.services .icon-box:hover h4 a {
  color: #47b2e4;
}

/*--------------------------------------------------------------
# Cta           -------- SINII FON sKARTINKOI -------- => NeIspolzuiu tk vMobil-NeDvizetsy
--------------------------------------------------------------*/
.cta {
  background: linear-gradient(rgba(40, 58, 90, 0.8), rgba(40, 58, 90, 0.8)), url("../img/ETitleBG03.jpg") fixed center center;
  background-size: cover;
  padding: 60px 0; /*Bilo- 120px 0; */
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #47b2e4;
  border: 2px solid #47b2e4;
}

@media (max-width: 1024px) {
  .cta {
    background-attachment: scroll;
  }
}

@media (min-width: 769px) {
  .cta .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}



/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  list-style: none;
  margin-bottom: 20px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #444444;
  transition: all 0.3s;
  padding: 8px 20px;
  border-radius: 50px;
  font-family: "Poppins", sans-serif;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  background: #47b2e4;
  color: #fff;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-img {
  overflow: hidden;
}

.portfolio .portfolio-item .portfolio-img img {
  transition: all 0.6s;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 3;
  right: 15px;
  transition: all 0.3s;
  background: rgba(55, 81, 126, 0.8);
  padding: 10px 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0px;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #f9fcfe;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #fff;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #47b2e4;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item:hover .portfolio-img img {
  transform: scale(1.15);
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: #47b2e4 !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px; text-transform: uppercase; /* Заглавные буквы */
}

.portfolio-details .portfolio-description p {
  padding: 0 0 0 0;
}

@media (max-width: 768px) {
  .portfolio-details .portfolio-description h2 {
    width: 100%;
  }
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/  
.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  background: #fff;
  transition: 0.5s;
}

.team .member .pic {
  overflow: hidden;
  width: 180px;
  border-radius: 50%;
}

.team .member .pic img {
  transition: ease-in-out 0.3s;
}

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

.team .member .member-info {
  padding-left: 30px;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #37517e;
}

.team .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}

.team .member span::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
}

.team .member p {
  margin: 10px 0 0 0;
  font-size: 14px;
}

.team .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #eff2f8;
}

.team .member .social a i {
  color: #37517e;
  font-size: 16px;
  margin: 0 2px;
}

.team .member .social a:hover {
  background: #47b2e4;
}

.team .member .social a:hover i {
  color: #fff;
}

.team .member .social a + a {
  margin-left: 8px;
}  

/*--------------------------------------------------------------
# DanTeam
--------------------------------------------------------------*/  
.danteam .member { /* Блок и Тень блока */  
  position: relative;
  box-shadow: 0px 2px 15px rgba(150, 54, 54, 0.1);
  padding: 30px;
  border-radius: 5px;
  background: #ffffff80; /* #e4b72d;*/  
  transition: 0.5s;
}

.danteam .member .pic {
  overflow: hidden;
  width: 180px;
  border-radius: 50%;
}

.danteam .member .pic img {
  transition: ease-in-out 0.3s;
}

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

.danteam .member .member-info {
  padding-left: 30px;
}

.danteam .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #37517e;
}

.danteam .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}

.danteam .member span::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
}

.danteam .member p {
  margin: 10px 0 0 0;
  font-size: 14px;
}



/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/  /*
.pricing .row {
  padding-top: 40px;
}

.pricing .box {
  padding: 60px 40px;
  box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);
  background: #fff;
  height: 100%;
  border-top: 4px solid #fff;
  border-radius: 5px;
}

.pricing h3 {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 20px;
  color: #37517e;
}

.pricing h4 {
  font-size: 48px;
  color: #37517e;
  font-weight: 400;
  font-family: "Jost", sans-serif;
  margin-bottom: 25px;
}

.pricing h4 sup {
  font-size: 28px;
}

.pricing h4 span {
  color: #47b2e4;
  font-size: 18px;
  display: block;
}

.pricing ul {
  padding: 20px 0;
  list-style: none;
  color: #999;
  text-align: left;
  line-height: 20px;
}

.pricing ul li {
  padding: 10px 0 10px 30px;
  position: relative;
}

.pricing ul i {
  color: #28a745;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 6px;
}

.pricing ul .na {
  color: #ccc;
}

.pricing ul .na i {
  color: #ccc;
}

.pricing ul .na span {
  text-decoration: line-through;
}

.pricing .buy-btn {
  display: inline-block;
  padding: 12px 35px;
  border-radius: 50px;
  color: #47b2e4;
  transition: none;
  font-size: 16px;
  font-weight: 500;
  font-family: "Jost", sans-serif;
  transition: 0.3s;
  border: 1px solid #47b2e4;
}

.pricing .buy-btn:hover {
  background: #47b2e4;
  color: #fff;
}

.pricing .featured {
  border-top-color: #47b2e4;
}

.pricing .featured .buy-btn {
  background: #47b2e4;
  color: #fff;
}

.pricing .featured .buy-btn:hover {
  background: #23a3df;
}

@media (max-width: 992px) {
  .pricing .box {
    max-width: 60%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 767px) {
  .pricing .box {
    max-width: 80%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 420px) {
  .pricing .box {
    max-width: 100%;
    margin: 0 auto 30px auto;
  }
}  */ 

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/  /*
.faq .faq-list {
  padding: 0 100px;
}

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

.faq .faq-list li + li {
  margin-top: 15px;
}

.faq .faq-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
}

.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #47b2e4;
}

.faq .faq-list .icon-show, .faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  color: #37517e;
  transition: 0.3s;
}

.faq .faq-list a.collapsed:hover {
  color: #47b2e4;
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
} */ 

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/  /*
.contact .info {
  border-top: 3px solid #47b2e4;
  border-bottom: 3px solid #47b2e4;
  padding: 30px;
  background: #fff;
  width: 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}

.contact .info i {
  font-size: 20px;
  color: #47b2e4;
  float: left;
  width: 44px;
  height: 44px;
  background: #e7f5fb;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #37517e;
}

.contact .info p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #6182ba;
}

.contact .info .email p {
  padding-top: 5px;
}

.contact .info .social-links {
  padding-left: 60px;
}

.contact .info .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  margin-right: 10px;
}

.contact .info .social-links a:hover {
  background: #47b2e4;
  color: #fff;
}

.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
  background: #47b2e4;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  border-top: 3px solid #47b2e4;
  border-bottom: 3px solid #47b2e4;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
  margin-bottom: 20px;
}

.contact .php-email-form label {
  padding-bottom: 8px;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #47b2e4;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type="submit"] {
  background: #47b2e4;
  border: 0;
  padding: 12px 34px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #209dd8;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}  */ 

/*--------------------------------------------------------------
# Breadcrumbs    ----VERH FonMENU-----
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 0px 0; /* Otstup-Sverhu|Snizu Bilo- 15px 0; */
  background: #f3f5fa; /* Bilo- #f3f5fa; /#ebf3f7;*/
  padding-top: 65px;
  /*min-height: 40px; 
  margin-top: 72px;*/     /* Bilo- min-height: 40px; margin-top: 72px; */
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 0px;
  }
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 600;
  color: #37517e;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 0px 0; /* OtstupSnizu Bilo- padding: 0 0 10px 0; */
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px; color: #e4b72d;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #000;  /*Bilo- #4668a2; Moi-  #e4b72d;  */
  content: ">"; /*Bilo- "/"; */
}



/***************** BlokKartinkaProdukt -- Iz "E Commerce products" Bootstrap 3.3.0 -- https://bootsnipp.com/snippets/A2pXB *************/
/***************** LevoeKARTINKI *************/
  @media screen and (max-width: 996px) {
.preview {
	margin-bottom: 20px; padding: 0 0; /*padding: 0 0; -PoShirinDoKraiy!*/
} }
.preview-pic { 
	-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;
	padding: 0px 0;
  text-align: center; 
}
.preview-thumbnail.nav-tabs {
	border: none; margin-top: 15px;/*OtstupOtMiniaturTOP*/ } 
  .preview-thumbnail.nav-tabs li {
	  width: 18%; margin-right: 2.5%;} /*2.5%; -OtstupOtMiniaturSBOKU*/
    .preview-thumbnail.nav-tabs li img {
		max-width: 100%; display: block;}
    .preview-thumbnail.nav-tabs li a {
		padding: 0; margin: 0;}
    .preview-thumbnail.nav-tabs li:last-of-type {
		margin-right: 0;}
.tab-content {
	overflow: hidden;
}
.tab-content img {
  width: 100%; -webkit-animation-name: opacity; animation-name: opacity; 
  -webkit-animation-duration: .3s; animation-duration: .3s; }
.card {
	margin-top: 0px;/*Otstup!!! 50px*/ 
  background: #F4F7F9;/*!!!!!!BILO- #eee;-Ser! #F4F7F9;-Goluboi!*/ 
  padding: 3em; line-height: 1.5em;}

  .details { /*Dan */
    text-align: left;  vertical-align: top; display:table-cell!important;
    /*background-size: cover;*/
  /*color: #EEEEEE;
  text-align: center;
  font-size: 14px;*/
}
.details h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px; /* text-transform: uppercase; Заглавные буквы */
}


/*****************...ubral Lihnee...*************/
/*****ZoomKARTINOK PriOTKRITII*****/
@-webkit-keyframes opacity {0% {opacity: 0;  -webkit-transform: scale(3); transform: scale(3);}
  100% {opacity: 1; -webkit-transform: scale(1);transform: scale(1); } }

@keyframes opacity {0% {opacity: 0; -webkit-transform: scale(1); transform: scale(2); }
  100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

/*--------------------------------------------------------------
# DAN-section  ====danfonmag===== |MenuFON-Index-Phela...| == VisheIz-> Breadcrumbs /// section id="---" class="danfonmag/danfonopisanie/..." ///
--------------------------------------------------------------*/
.danfonmag {
  padding: 15px 0; /* Сверху над главным фото продукцией- 15px */
  background: #f3f5fa;   /* --ЦВЕТ ФОНА вПРАЙСЕ-- Bilo- #f3f5fa;/ #e4f6f8;!!/ #ebf3f7; !!! */

/*РАСТЯЖКА фона вниз ОтГолубого кБелому!!!========== 
  background-color: #f3f5fa; 
  background-image: linear-gradient(0deg, #ffffff 5%, transparent 25.5%);*/ /*СиняяРАСТЯЖКАвниз=== linear-gradient(-20deg, #cfeef7 5%, transparent 25.5%);*/

}
@media (max-width: 992px) {
  .danfonmag {
    margin-top: 0px;
  }
}

  .danfonopisanie{/* DANдобавил- index-Товаров -ПодробноеОписаниемПродукции- */
      padding: 50px 0; /*Bilo- 50px 0;  -ТутТолькоОтступ VSEH-NIZ -Сверху над ОписаниемПродукции- 50px */
      overflow: hidden;
  }

.danfonmag h2 {
  font-size: 28px;
  font-weight: 600;
  color: #37517e;
}
.danfonmag h3 {
  font-size: 20px;
  font-weight: normal;
  color: #111;
}
.danfonmag p {
  color: #1A252E;	
  font-size: 16px;
  font-weight: normal; /* bold;*/
  position: relative;  
  /*text-align: center;*/
}
/*.danfonmag h2 {
  font-size: 40px; 
  font-weight: bold;
  position: relative;
  color: #37517e;   
}*/
.danfonmag .btn-dan1 { /* -=[ PODROBNO> ]=- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 23px 11px 23px; /*Bilo-  10px 28px 11px 28px; */
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #ccc; /*KnNahnom-Bilo #47b2e4;!!! *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danfonmag .btn-dan1:hover {
  color: #fff;
  background: #aaa; /*KnNahnom-Bilo #2394c9;!!! */
}

.danfonmag .btn-dan2 { /* -=[TEL +7 912 62.....]=- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 10px 23px 11px 23px; /*Bilo-  10px 28px 11px 28px; */
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #e4b72d; /*KnNahnom-Bilo #47b2e4; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danfonmag .btn-dan2:hover {
  background: #d3a008; /*KnNahnom-Bilo #209dd8; */
  text-transform: none;
}

.danfonmag .btn-dan3 { /* -=[ WATSAPP ]=- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 10px 23px 11px 23px; /*Bilo-  10px 28px 11px 28px; */
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #39d861; /*KnNahnom-Bilo #47b2e4; */
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danfonmag .btn-dan3:hover {
  background: #08b857;
  text-transform: none;
}

.danfonmag .btn-dan4 { /* [ YANDEX+++++ -!NaBelFONE! -Не Использую ДЕЛ] */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 10px 23px 11px 23px; /*Bilo-  10px 28px 11px 28px; */
  border-radius: 2px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  background: #fff; /*KnNahnom-Bilo #47b2e4; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
   color: #111;
}
.danfonmag .btn-dan0 { /* [ YANDEX+++++ -=[Поделиться]=- -!NaPustomFONE!!!] */
  font-family: "Jost", sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 5px 23px 11px 23px; /*Bilo-  10px 23px 11px 23px; */
  border-radius: 2px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
   display: block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
   color: #111;
   /*font-style: italic;*/
}
@media (max-width: 992px) {
  .danfonmag {
    margin-top: 0px; 
  }
}
/*--------------------------------------------------------------
# danfonKn2131 ====кнопки соцсетей НЕ ИСПОЛЬЗУЮ===== 
--------------------------------------------------------------*/
.danfonKn2131 {
  padding: 0px 0px; /*ОтступВсегоКонтейнера -Bilo- 15px 0;*/ /* 30px(верх Отступ) 20px;(лево-право Отступ -меняет ширину кнопок)*/
  /* background: #f3f5fa;        */
  text-align: center;
  font-size: 16px;
}
@media (max-width: 992px) {
  .danfonKn2131 {
    margin-top: 0px;
  }
}
.danfonKn2131 .btn-dan21 { /*------------------- -=[TEL +7 912 62.....]=- ----------------*/
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px; /* растояние между буквами - 1px; */
  display: inline-block;
  padding: 6px 19px 6px 19px; /*Bilo-  10px 23px 11px 23px; */
  border-radius: 3px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #e4b72d; /*KnNahnom-Bilo #47b2e4; *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
   /*display:block; Dan- PO SHIRINE BLOKA! */
   text-align: center;   margin-left: 3px; margin-right: 3px;
}
.danfonKn2131 .btn-dan21:hover {
  background: #d3a008; /*KnNahnom-Bilo #209dd8; */
  text-transform: none;
}
.danfonKn2131 .btn-dan31 { /*-------------------  -=[ WATSAPP ]=- ------------------- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px; /* растояние между буквами - 1px; */
  display: inline-block;
  padding: 6px 23px 6px 23px; /*Bilo-  10px 23px 11px 23px; */
  border-radius: 3px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #39d861; /*KnNahnom-Bilo #47b2e4; */
   /*display:block; Dan- PO SHIRINE BLOKA! */
   text-align: center;   margin-left: 3px; margin-right: 3px;
}
.danfonKn2131 .btn-dan31:hover {
  background: #08b857;
  text-transform: none;
}
.danfonKn2131 .btn-danTelegram { /*-------------------  -=[ Telegram ]=- ------------------- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px; /* растояние между буквами - 1px; */
  display: inline-block;
  padding: 6px 23px 6px 23px; /*Bilo-  10px 23px 11px 23px; */
  border-radius: 3px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #43aaee; /*KnNahnom-Bilo #47b2e4; */
   /*display:block; Dan- PO SHIRINE BLOKA! */
   text-align: center;   margin-left: 3px; margin-right: 3px;
}
.danfonKn2131 .btn-danTelegram:hover {
  background: #3494d4;
  text-transform: none;
}
.danfonKn2131 .btn-dan41 { /*-------------------  -=[ VK ]=- ------------------- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px; /* растояние между буквами - 1px; */
  display: inline-block;
  padding: 6px 23px 6px 23px; /*Bilo-  10px 23px 11px 23px; */
  border-radius: 3px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #5197c5; /*KnNahnom-Bilo #47b2e4; */
   /*display:block; Dan- PO SHIRINE BLOKA! */
   text-align: center;   margin-left: 3px; margin-right: 3px;
}
.danfonKn2131 .btn-dan41:hover {
  background: #4982a8;
  text-transform: none;
}
/*--------------------------------------------------------------
# DAN-danKnOnas ====кнопки соцсетей о нас=====  !!!НЕ ИСПОЛЬЗУЮ!!! этот вариант кнопок по шириен
--------------------------------------------------------------*/
.danKnOnas {
  padding: 15px 0; /* Сверху над главным фото продукцией- 15px */
  background: #f3f5fa;  /* Bilo- #f3f5fa;/ #e4f6f8;!!/ #ebf3f7; !!! */
}
@media (max-width: 992px) {
  .danKnOnas {
    margin-top: 0px;
  }
}
.danKnOnas .btn-dan1 { /* -=[ PODROBNO > СЕРАЯ ]=- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 23px 11px 23px; /*Bilo-  10px 28px 11px 28px; */
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #ccc; /*KnNahnom-Bilo #47b2e4;!!! *//*MOI #e4b72d; rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danKnOnas .btn-dan1:hover {
  color: #fff;
  background: #aaa; /*KnNahnom-Bilo #2394c9;!!! */
}
.danKnOnas .btn-danTEL{ /*------------------- -=[TEL +7 912 62.....]=- ----------------*/
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 6px 23px 6px 23px; /*Bilo-  10px 23px 11px 23px; */
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #e4b72d; /*KnNahnom-Bilo #47b2e4; *//*MOI #e4b72d; +MOI #d3a008; // rgba(228,183,45,0.5); rgba(40, 58, 90, 0.9);*/
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danKnOnas .btn-danTEL:hover {
  background: #d3a008; /*KnNahnom-Bilo #209dd8;  моя-#e4b72d; */
  text-transform: none;
}
.danKnOnas .btn-danWATS { /*-------------------  -=[ WATSAPP ]=- ------------------- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 6px 23px 6px 23px;
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #25D366; /*KnNahnom-Bilo #47b2e4; */
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danKnOnas .btn-danWATS:hover {
  background: #28bb5e;
  text-transform: none;
}
.danKnOnas .btn-danTelegram  { /*-------------------  -=[ Telegram ]=- ------------------- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 6px 23px 6px 23px;
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #0088cc; 
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danKnOnas .btn-danTelegram:hover {
  background: #0e7db4;
  text-transform: none;
}
.danKnOnas .btn-danVK { /*-------------------  -=[ VK ]=- ------------------- */
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  /*display: inline-block;*/
  padding: 6px 23px 6px 23px;
  border-radius: 5px; /*Bilo- 50px; */
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #597da3; 
   display:block; /*Dan- PO SHIRINE BLOKA! */
   text-align: center;
}
.danKnOnas .btn-danVK:hover {
  background: #4e6f92;
  text-transform: none;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* -= из О НАС -= ПОДАРКИ =- =FOTO= \ФОТО\ = Взято из --- Папка- !ЗАГОТОВКИ-РазнИдеи/Папка- -АККОРДЕОНЫ-/ iz - !!argon-design-system-master */
  /*------ картинки!-----------*/ 
  .section-danfoto2 {
    text-align: center;
    padding-bottom: 0px; /*  == Отступ сВЕРХУ иНИЗУ === */ 
     
  }
  .section-danfoto2 .img-transform {
    max-width: 90%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
    box-shadow: 0px 8px 13px -6px #c2cace;

    border-radius: 12px;/*Ugolki BILI=> 10px; */
  } 

/*--------------------------------------------------------------------------------------------------------------------------*/
/* -= из О НАС -= ВИДЕО1 =- /= VIDEO1=/ = Взято из --- Папка- !ЗАГОТОВКИ-РазнИдеи/Папка- -АККОРДЕОНЫ-/ iz - !!argon-design-system-master */
  /*------ картинки!-----------*/ 
  .section-danvideo1 {
    text-align: center;
    padding-bottom: 0px; /*  == Отступ сВЕРХУ иНИЗУ === */ 
     
  }
  .section-danvideo1 .img-transform {
    max-width: 90%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 12px;
    margin-left: 0px; /*
    box-shadow: 0px 8px 13px -6px #c2cace;
    border-radius: 0px;  */ /*  Ugolki  BILI=> 10px; */
  } 

  /*--------------------------------------------------------------------------------------------------------------------------*/
/* -= из О НАС -= ВИДЕО2 =- /= VIDEO2=/ = Взято из --- Папка- !ЗАГОТОВКИ-РазнИдеи/Папка- -АККОРДЕОНЫ-/ iz - !!argon-design-system-master */
  /*------ картинки!-----------*/ 
  .section-danvideo2 {
    text-align: center;
    padding-bottom: 0px; /*  == Отступ сВЕРХУ иНИЗУ === */ 
    
  }
  .section-danvideo2 .img-transform {
    max-width: 90%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px; /*
    box-shadow: 0px 8px 13px -6px #c2cace;
    border-radius: 0px;  */ /*  Ugolki  BILI=> 10px; */
  } 

/*--------------------------------------------------------------------------------------------------------------------------*/
/* -=О НАС=- =FOTO= \КРИВЫЕ ФОТО\ = Взято из --- Папка- !ЗАГОТОВКИ-РазнИдеи/Папка- -АККОРДЕОНЫ-/ iz - !!argon-design-system-master */
  /*------делает кривой квадрат картинки!-----------*/ 
  .section-danfoto {
    text-align: center;
    padding-bottom: 0px; /*  == Отступ сВЕРХУ иНИЗУ === */ 
  }
  .img-transform {
    max-width: 100%;
    height: auto;
    margin-top: 5px;
    margin-bottom: 12px;
    margin-left: 10px;
    /*box-shadow: 0px 8px 13px -6px #c2cace;*/ 
  } 
/*--------------------------------------------------------------------------------------------------------------------------*/
/* -=О НАС=- СЛАЙДЕР-КРИВОЙ = Взято из --- Папка- !ЗАГОТОВКИ-РазнИдеи/Папка- -АККОРДЕОНЫ-/ iz - !!argon-design-system-master */
/*------делает кривой квадрат картинки!-----------*//*/////////------!!!УБРАЛ НА ТЕЛ. НЕ РАБОТАЕТ!!!-----------//////////////*/ 
  /*
  .transform-perspective-1 {
      transform: scale(1) perspective(1040px) rotateY(11deg) rotateX(2deg) rotate(-2deg); /* Bilo- perspective(2000px) */  /*
  }
  .transform-perspective-2 { /* НеАктивно-ЭтоЗеркальная копия*/ /*
    transform: scale(1) perspective(0px) rotateY(0deg) rotateX(1deg) rotate(2deg);
  }
  .transform-perspective-3 {
    transform: scale(1) perspective(0px) rotateY(11deg) rotateX(2deg) rotate(1deg); /* Bilo- perspective(2000px) */  /*
}

/* -=Как употреблять пчелопродукты=-  = Взято из-> !-!-!-!-Organive-500МБ!!! Папка- shop-cart / izПапка - !Шабл-Bootstrap4 -- bootstraptema.ru№1! */
/*//////////////////////////////////////////////////////////////////
[ Table Shopping Cart ]*/




/*--------- Стеклянная кнопка ---https://habr.com/ru/sandbox/48925---Пример4 -МЕДОВАЯ КНОПКА------------------------------------------*/
.btn_med {
  color:#fff;
  line-height: 48px; /*32px;*/
    width: 150px; /*100px;*/
  border: 1px solid #eec64e;
  text-align: center;
  border-radius:50px; /*16px;*/
  background:transparent;
  background-image: -webkit-linear-gradient(#bd8100, #ffef60);
  background-image: -moz-linear-gradient(#bd8100, #ffee59);
  background-image: -o-linear-gradient(#bd8100, #ffee59);
  /*-moz-box-shadow: inset 0px -2px  #ffee59;
  -webkit-box-shadow: inset 0px -2px 0 #ffee59;
  -o-box-shadow: inset 0px -2px 0  #ffee59;
  box-shadow: inset 0px -1px 2p #ffee59;*/
  display: block;
  text-decoration: none;
  font-size: 18px; /*14px;*/
  padding: 0px;
    box-shadow: 0px 8px 13px -6px rgba(185, 127, 1, 0.26);

}

.btn_med:before {
  content: "."; 
  color:transparent;
  line-height: 23px; /*16px;*/
  width: 133px; /*90px;*/
  margin-top: 0px;
  margin-bottom: -25px;
  margin-left: 7px;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.120) );
  background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.120));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.120)); /*rgba(255, 255, 255, 0.2));*/
  border-radius:22px; /*16px;*/
  display:block;
}
.btn_med:hover {
  color:#fff; /* color: rgb(36, 23, 14);   -TEXT */
  /*border: 1px solid #d3ad3a;  DanDobavil */
  background-image: -webkit-linear-gradient(#bd8100, #ffec40);
  box-shadow: 0px 10px 16px -6px rgba(161, 110, 1, 0.397);   
}
@media (max-width: 768px) { /* РАБОТАЕТ центрир в мобиле*/
  .center {
    display: block;
    margin: 0 auto;
  }
}
/*--------- Стеклянная кнопка ---https://habr.com/ru/sandbox/48925---Пример5 -КРУГЛАЯ КНОПКА------------------------------------------*/
.btn_med_krugl {
  color:#fff;
  line-height: 48px;
  border: 0px;
  text-align: center;
  width: 48px;
  border-radius:24px;
  background:transparent;
  background-image:-moz-radial-gradient(center bottom, circle cover, rgb(253, 250, 86) 20%, rgb(197, 135, 1) 80%);
  background-image:-webkit-radial-gradient(center bottom, circle cover, rgb(253, 250, 86) 20%, rgb(197, 135, 1) 80%);
  background-image:-o-radial-gradient(center bottom, circle cover, rgb(253, 250, 86) 20%, rgb(197, 135, 1) 80%);
  display: block;
  padding: 0px;
  text-decoration: none;
    box-shadow: 0px 8px 13px -6px rgba(185, 99, 1, 0.26);
    margin-left: 20px;
}
.btn_med_krugl:before {
  content: ".";
  color:transparent;
  line-height: 24px;
  width: 37px;/*40px;*/
  margin-left: 5px; /*4px;*/
  margin-bottom: -24px;/*-24px;*/
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) );
  background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  border-radius:24px; /*24px;*/
  display:block;
}

/*--------------------------------------------------------------
# Footer - Фон для кнопок Соцсетей -О нас- +++++++++++++++++ из->!-Аналоги+дополнения->!!-Bootslander Boots-5
--------------------------------------------------------------*/
.footer-top {
  padding: 60px 0 10px 0;/*-Bilo- 60px(верх Отступ) 0 30px(низ Отступ) 0;*/
}
.footer-top .footer-info {
  margin-bottom: 15px;
  background: #363636; /*мой- #e4b72d; -Bilo  #010246;  !!!!!!! #d2dce6; */
  color: #fff;
  border-top: 4px solid #e4b72d; /*MOI #e4b72d; +MOI #d3a008; */
  text-align: center;
  padding: 20px 20px; /*-Bilo- 30px(верх Отступ) 20px;(лево-право Отступ -меняет ширину кнопок)*/
    border-top-left-radius: 10px; border-top-right-radius: 10px; /*UGOLKI Verh*/
    border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; /*UGOLKI Niz*/
}
.footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}
.footer-top .footer-info p {/*текст меньше обычного*/
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;  /*font-family: "Montserrat", sans-serif;*/
}
.footer-top .social-links a { /*СОЦСЕТИ В КРУЖКАХ в НИЗУ*/
  font-size: 18px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
.footer-top .social-links a:hover {
  background: #1acc8d;
  color: #fff;
  text-decoration: none;
}
.footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}
.footer-top .footer-links {
  margin-bottom: 30px;
}
/*--------------------------------------------------------------
# Footer    ---Dan---
--------------------------------------------------------------*/
.footertop { /* -------Verh-NaSinFone Futer----- */
  padding: 50px 0; /*!OTSTUP Verh-Niz! Bilo- 60px 0; */
  background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.6)), url(../img/ETitleBG03.jpg) fixed center center; /*Bilo- linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/ETitleBG03.jpg) fixed center center; */
  background-size: cover;
	text-align: center;  	
}
.footertop p {
  color: #EEEEEE;
	text-align: center;
	font-size: 14px;
}
.footertop h4 {
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* Bilo- #37517e; */
  position: relative;
  padding-bottom: 5px; /* Bilo- 12px; */
}

.image-center {  /*----- !!!NEW blok dly KARTINKA CENTR!!! --LOGO-----*/
  display:flex;
  align-items: center;
  justify-content: center;
}
/*--  1,4 - - - - - - - - - - - - - - - - - - - LOGO --*/
.footerlogo{
  margin-bottom: 0px; /* snizu -10px; */
}
.footerlogo p {
  font-size: 14px;
  color: #aaa;/*
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Jost", sans-serif;*/  
}
/*--  2 - - - - - - - - - - - - - - - - - - -  --*//* -------Ssilki Oglavleniy----- */
.linksfooter { 
  margin-bottom: 0px; /* PodTEXTOM! | margin-bottom: 30px;*/
	text-align: center;
	font-size: 18px;
	padding-bottom: 0px;
}
.linksfooter a {  
  color: #e4b72d;
    transition: 0.2s;
}
.linksfooter a:hover {
  color: #fff;
}

.linkssocial{/* ------- ICONki (f) (vk) (ok) ----- */
padding-bottom: 20px;	
}	
.linkssocial a {
  font-size: 18px;
  display: inline-block;
  background: #e4b72d;  /*#47b2e4; \ #37517e;*/ /*BILO TemnFon->#1A252E; MOI-> #e4b72d;*/
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.linkssocial a:hover {
  background: #fff;
  color: #e4b72d;
  text-decoration: none;
}
/* ------- DAN IKONKI SOTS dly -footer ----- */
.icodan {
  padding-right: 2px;
  color: #e4b72d; 
   /*font-size: 18px; */
  line-height: 1;
}
.icodan a {
	color: #e4b72d;
	font-size: 18px;
}	
.icodan a:hover {
	color: #fff;
	font-size: 18px;
}
.footer-bottom { /* ------- NIZ Futer ----- */
  padding-top: 20px; /*BILO 30px;*/
  padding-bottom: 20px;
  color: #aaa;
	background: #1A252E; /* #1A252E;  NIZ BILO  */
	font-size: 13px;
}