.navbar-brand img {
   width: 75px;
   filter: drop-shadow(0 0 14px rgba(255, 255, 255, .65)) drop-shadow(0 0 28px rgba(255, 255, 255, .35));
}
.page-node-13 #main-wrapper {
        height: 100vh;
}
.md-30 {
   margin-bottom: 30px;
}
.mt-10 {
   margin-top: 10px;
}
.md-10 {
   margin-bottom: 10px;
}
.md-20 {
   margin-bottom: 20px;
}
#main-wrapper {
    background-attachment: fixed;
    background-image: radial-gradient(1400px 900px at 85% 20%, #4682dc59, #0000 55%), radial-gradient(1200px 800px at 20% 82%, #3c73c847, #0000 58%), radial-gradient(1000px 700px at 60% 48%, #2d55aa2e, #0000 62%), radial-gradient(800px 600px at 40% 15%, #508cf026, #0000 65%), radial-gradient(900px 650px at 75% 75%, #3769be1f, #0000 68%), radial-gradient(1px 1px at 3% 8%, #fffffff2 50%, #0000 51%), radial-gradient(1.5px 1.5px at 19% 37%, #ffffffe6 50%, #0000 51%), radial-gradient(2px 2px at 26% 18%, #ffffff73 50%, #0000 51%), radial-gradient(1px 1px at 64% 11%, #ffffffe0 50%, #0000 51%), radial-gradient(1.9px 1.9px at 72% 88%, #ffffff54 50%, #0000 51%), radial-gradient(1px 1px at 84% 90%, #ffffffe0 50%, #0000 51%), radial-gradient(.8px .8px at 6% 12%, #ffffffeb 50%, #0000 51%), radial-gradient(1.2px 1.2px at 12% 26%, #fffc 50%, #0000 51%), radial-gradient(2.4px 2.4px at 18% 9%, #ffffff47 50%, #0000 51%), radial-gradient(1px 1px at 23% 33%, #ffffffe6 50%, #0000 51%), radial-gradient(1.7px 1.7px at 29% 21%, #ffffffb8 50%, #0000 51%), radial-gradient(2.1px 2.1px at 35% 44%, #ffffff4d 50%, #0000 51%), radial-gradient(.9px .9px at 41% 16%, #fffffff0 50%, #0000 51%), radial-gradient(1.5px 1.5px at 47% 37%, #ffffffa3 50%, #0000 51%), radial-gradient(2.3px 2.3px at 53% 25%, #ffffff42 50%, #0000 51%), radial-gradient(.8px .8px at 59% 48%, #ffffffeb 50%, #0000 51%), radial-gradient(1.3px 1.3px at 65% 31%, #ffffffc7 50%, #0000 51%), radial-gradient(2px 2px at 71% 54%, #ffffff57 50%, #0000 51%), radial-gradient(1px 1px at 77% 19%, #ffffffe6 50%, #0000 51%), radial-gradient(1.8px 1.8px at 83% 41%, #fff6 50%, #0000 51%), radial-gradient(1.1px 1.1px at 89% 63%, #ffffffe0 50%, #0000 51%), radial-gradient(2.5px 2.5px at 93% 27%, #ffffff47 50%, #0000 51%), radial-gradient(1px 1px at 97% 73%, #ffffffeb 50%, #0000 51%), radial-gradient(.7px .7px at 8% 45%, #ffffffd9 50%, #0000 51%), radial-gradient(1.4px 1.4px at 15% 62%, #ffffffb3 50%, #0000 51%), radial-gradient(1px 1px at 24% 75%, #ffffffe6 50%, #0000 51%), radial-gradient(2.2px 2.2px at 32% 5%, #ffffff40 50%, #0000 51%), radial-gradient(.9px .9px at 38% 52%, #ffffffe0 50%, #0000 51%), radial-gradient(1.6px 1.6px at 45% 68%, #fff9 50%, #0000 51%), radial-gradient(1.1px 1.1px at 52% 12%, #ffffffd1 50%, #0000 51%), radial-gradient(2.7px 2.7px at 58% 78%, #ffffff38 50%, #0000 51%), radial-gradient(.8px .8px at 67% 35%, #ffffffed 50%, #0000 51%), radial-gradient(1.3px 1.3px at 74% 58%, #ffffffbf 50%, #0000 51%), radial-gradient(1px 1px at 81% 7%, #ffffffde 50%, #0000 51%), radial-gradient(2.1px 2.1px at 88% 42%, #ffffff4d 50%, #0000 51%), radial-gradient(1.2px 1.2px at 95% 65%, #fffc 50%, #0000 51%), radial-gradient(.6px .6px at 4% 28%, #ffffffe6 50%, #0000 51%), radial-gradient(1.8px 1.8px at 11% 55%, #fff6 50%, #0000 51%), radial-gradient(1px 1px at 17% 72%, #ffffffd9 50%, #0000 51%), radial-gradient(2.4px 2.4px at 28% 14%, #ffffff4d 50%, #0000 51%), radial-gradient(.7px .7px at 33% 48%, #ffffffeb 50%, #0000 51%), radial-gradient(1.5px 1.5px at 42% 85%, #ffffffa6 50%, #0000 51%), radial-gradient(1.1px 1.1px at 49% 22%, #fffc 50%, #0000 51%), radial-gradient(2.6px 2.6px at 56% 65%, #ffffff40 50%, #0000 51%), radial-gradient(.9px .9px at 63% 38%, #ffffffe0 50%, #0000 51%), radial-gradient(1.4px 1.4px at 69% 78%, #ffffffb3 50%, #0000 51%), radial-gradient(1px 1px at 76% 15%, #ffffffd9 50%, #0000 51%), radial-gradient(2.2px 2.2px at 82% 52%, #ffffff52 50%, #0000 51%), radial-gradient(1.3px 1.3px at 91% 82%, #ffffffbf 50%, #0000 51%), radial-gradient(.8px .8px at 96% 25%, #ffffffe6 50%, #0000 51%);
    background-repeat: no-repeat;
    inset: 0;
  
    z-index: 1;
}
a:focus, .link:focus,
a:active, .link:active {
    color: #6e8f4f !important;
}
#main {
     
     z-index: 2;
     position: relative;
     color: #ffffffd9;
}

#main-wrapper p, 
#main-wrapper span, 
#main-wrapper div,
#main-wrapper a {
   font-size: 16px;
}
h2 {
   font-size: 3.5rem;
   color:#fff

}
#block-etherfly-views-block-blog-block-1 .view-id-blog {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
#block-etherfly-views-block-blog-block-1 .view-content {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #ffffff0f;
    border: 1px solid #ffffff40;
    border-radius: 12px;
    padding: 1.5rem;
    width: 50%;
}
#block-etherfly-views-block-blog-block-1 .view-footer {
   -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #ffffff0f;
    border: 1px solid #ffffff40;
    border-radius: 12px;
    padding: 1.5rem;
    width: 50%;
    text-align: center;

}
#block-etherfly-views-block-blog-block-1 .views-row {
   display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ffffff40;
}
#block-etherfly-views-block-blog-block-1 .view-content a {
   text-decoration: none;
   color: #ffffffd9;
}

#block-etherfly-views-block-blog-block-1 .views-field-created {
   color:#4d4d4d;
}
#block-etherfly-vebforma-2 {
   width: 45%;
   float: left;
   margin-right: 100px;
}
#block-etherfly-zvyazhitsyaznami{
   width: 45%;
   float: left;
}
#block-etherfly-front1{
   padding-top: 150px;
}

#block-etherfly-zvyazhitsyaznami,
#block-etherfly-vebforma-2,
#block-etherfly-blocktabstabstovar {
   padding-top: 100px;
}
#block-etherfly-vebforma h2,
#block-etherfly-blocktabstabstovar h2 {
   margin-bottom: 25px;
}
.my-tabs-t,
.ui-widget-header {
   --tw-backdrop-blur: blur(12px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   background-color: #ffffff0f;
   border: 1px solid #fff3 ;
   display: inline-block;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
}
.my-tabs-t li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 3px;
    white-space: nowrap;
}
.my-tabs-t .nav-link.active, 
.my-tabs-t .show>.nav-link {
    background: #8baa64;
    border-radius: 8px;
    color: #ffffff;
}
.node--type-tovar #main-wrapper {
   height: 100vh;
}
.field--name-field-halereya img {
   height: 100%;
   width: 100%;
   text-align: center;
}
.path-webform #block-etherfly-content .content,
.glass,
#block-etherfly-vebforma-2 .content {
   padding: 1.5rem;
   -webkit-backdrop-filter: blur(12px);
   backdrop-filter: blur(12px);
   background: #ffffff0f;
   border: 1px solid #ffffff40;
   border-radius: 12px;
}
.tovar-g-p .views-view-responsive-grid__item {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #ffffff0f;
    border: 1px solid #ffffff40;
    border-radius: 12px;
}
.title-tovar,
.title-pr a {
   text-decoration: none;
   font-size: 1.2rem !important;
   color: #fff;
}
.title-pr a:hover {
   color:#6e8f4f;
}
.title-pr {
   display: flex;
   justify-content: space-between;
   padding: 1.5rem;
   align-items: center;
}
.views-field-field-zobrazhennya img {
   padding: 0 1.5rem;
}
.tovar-g-p .views-field-nothing {
   padding: 1.5rem;
}
.my-button-zam a {
    align-items: center;
    background: #8baa64;
    border: none;
    border-radius: 8px;
    color: #000;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    padding: 10px 24px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    width: 100%;
    justify-content: center;
}
#block-etherfly-vebforma-2 .webform-button--submit,
.button-pr {
    align-items: center;
    background: #8baa64;
    border: none;
    border-radius: 8px;
    color: #000;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    padding: 12px 24px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    width: 100%;
    justify-content: center;
}
a.my-b-t {
    width: 150px;
}
.my-button-zam a,
#block-etherfly-vebforma-2 .webform-button--submit,
a.button-pr {
      text-decoration: none;
      color: #000;
}
a.my-b-t:hover,
#block-etherfly-vebforma-2 .webform-button--submit:hover,
a.button-pr:hover {
   color:#000;
   background: #6e8f4f;
   box-shadow: 0 4px 12px #8baa644d;
   transform: translateY(-1px);
}

#block-etherfly-page-title .field--name-title {
   font-size: 1em;
}
#block-etherfly-page-title {
   margin-bottom: 30px;
}
.node--type-article .main-content {
    margin-top: 80px;
}
.node--type-tovar .my-tovar-body p {
   margin-bottom: 2px;
} 
.my-cen-cen {
   display: flex;
   gap: 20px;
   align-items: center;
}

.node--type-tovar .field--name-field-tsina {
   display: flex;
   align-items: center;
   
}
.node--type-tovar .field--name-field-tsina .field__label {
   font-size: 20px !important;
}
.node--type-tovar .field--name-field-tsina .field__item {
   font-size: 25px !important;
   margin-left: 10px;
}

.node--type-tovar  .field--name-field-halereya .field__item {
   float: left;
   margin-right: 15px;
}
.node--type-tovar  .field--name-field-halereya .field__item:nth-child(1) {
   float: none;
   margin-right: 0;
}

.webform-computed-loading {
    background-color: rgba(255, 255, 255, 0) !important;
}
#edit-parametry-zbirky,
#edit-harakterystyky-zbirky {
   -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #ffffff0f;
    border: 1px solid #ffffff40;
    border-radius: 12px;
    padding: 1.5rem;
    width: 45%;
}
#webform-submission-kalkulyator-batareynyh-zbirok-node-53-add-form,
#webform-submission-kalkulyator-batareynyh-zbirok-node-1-add-form {
   display: flex;
   justify-content: space-around;
}
#edit-harakterystyky-zbirky .fieldset-legend,
#edit-parametry-zbirky .fieldset-legend {
   font-size: 1.75rem;
   font-weight: 500;
}
#edit-harakterystyky-odnoho-elementa {
   border-top: 1px solid #ffffff40;
}
#edit-harakterystyky-odnoho-elementa .fieldset-legend {
   font-size: 1.25rem;
}
#edit-markup p,
#edit-markup-01 p {
   font-size: 14px;
}
.form-control {
   background-color: #1E293B;
   color: #fff;
}
#webform-submission-kalkulyator-batareynyh-zbirok-node-1-add-form label {
   margin-bottom: 10px;
}
#edit-harakterystyky-odnoho-elementa {
   padding-top: 10px;
}
.form-item-konfihuratsiya {
   display: grid;
   padding: 15px;
   border: 1px solid #ffffff40;
   border-radius: .375rem;
   -webkit-border-radius: .375rem;
   -moz-border-radius: .375rem;
   -ms-border-radius: .375rem;
   -o-border-radius: .375rem;
   text-align: center;
}
.form-item-konfihuratsiya label {
   font-size: 1.25rem;
}
.konfig-webform {
   font-size: 1.75rem!important;
   font-weight: 500;
}
.form-item-total,
.form-item-zahalna-napruha,
.form-item-zahalna-yemnist,
.form-item-maksymalnyy-strum,
.form-item-enerhiya,
.form-item-maksymalna-potuzhnist,
.form-item-maksymalna-potuzhnist {
   display: grid;
   padding: 15px;
   border: 1px solid #ffffff40;
   border-radius: .375rem;
   -webkit-border-radius: .375rem;
   -moz-border-radius: .375rem;
   -ms-border-radius: .375rem;
   -o-border-radius: .375rem;
   height: 138px;
}
.f-s-2 {
   font-size: 2rem !important;
   font-weight: 500;
}
.form-control {
   border: 1px solid #ffffff40;
}
.form-control:focus {
   color:#fff;
   background-color: #1E293B;
}
.btn-secondary {
    align-items: center;
    background: #ffffff1a;
    border: 1px solid #ffffff40;
    border-radius: 6px;
    color: #ffffffd9;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 8px;
    transition: all .2s ease;
    -webkit-transition: all .2s ;
    -moz-transition: all .2s ;
    -ms-transition: all .2s ;
    -o-transition: all .2s ;
    margin-right: 15px;
}
.btn-secondary:hover {
    background: #ffffff26;
    color: #fff;
}
a.btn-secondary {
   text-decoration: none;
}
.glass a {
   text-decoration: none;
   color: #ffffffd9;
}
.glass a:hover {
   color:#6e8f4f;
}
#block-etherfly-kontaktibody {
    margin-top: 700px;
    margin-bottom: 100px;
}
.cont-f-b .glass {
    width: 30%;
}
.cont-f-b {
    display: flex;
    justify-content: space-between;
}
.cont-f-b .title-cont {
   font-size: 1.5rem !important;
   font-weight: 500;
}
.pid-cont {
   font-size: 13px;
   color: #4d4d4d;
}
.navbar-brand {
   display: flex;
   align-items: center;
   color: #fff;
   font-size: 2rem;
   font-weight: 700;
   letter-spacing: .6px;
}
.navbar-brand:hover {
   color: #fff;
}
.block-header  {
    display: flex;
    align-items: center;
    flex-direction: row;

}
.block-header a {
   text-decoration: none;
   color: #ffffffd9;
}
.block-header a:hover {
   color: #8baa64;
}
.navbar-nav .nav-link.active {
   color: #8baa64;
}
#block-etherfly-main-menu .navbar-nav a {
   font-size: 1.2rem;
}
#CollapsingNavbar {
   justify-content: space-around !important;
}
.block-header .im-icon {
   margin-left: 10px;
    align-items: center;
    background: #ffffff0f;
    border: 1px solid #ffffff40;
    border-radius: 6px;
    color: #ffffffd9;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    transition: color .25s ease, background-color .25s ease, box-shadow .25s ease;
    width: 28px;
    -webkit-transition: color .25s ease, background-color .25s ease, box-shadow .25s ease;
    -moz-transition: color .25s ease, background-color .25s ease, box-shadow .25s ease;
    -ms-transition: color .25s ease, background-color .25s ease, box-shadow .25s ease;
    -o-transition: color .25s ease, background-color .25s ease, box-shadow .25s ease;
}
.calcul-zbirka {
    align-items: center;
    background: #8baa641a;
    border: 1px solid #8baa64;
    border-radius: 8px;
    color: #8baa64;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    padding: 8px 16px;
    text-decoration: none;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.calcul-zbirka a {
   text-decoration: none;
   color: #8baa64;
}
.calcul-zbirka:hover {
    background: #8baa6433;
    box-shadow: 0 4px 12px #8baa6433;
    transform: translateY(-1px);
}
.calcul-zbirka a:hover {
   color: #8baa64;
}
.calcul-zbirka svg {
   margin-right: 10px;
}
button.navbar-toggler {
    background: #8baa64;
    border: 1px solid #ffffff40;
    padding: 4px;
    transition: all .2s ease;
    -webkit-transition: all .2s ;
    -moz-transition: all .2s ;
    -ms-transition: all .2s ;
    -o-transition: all .2s ;
}

button.navbar-toggler:hover {
    color: #000;
    background: #6e8f4f;
    box-shadow: 0 4px 12px #8baa644d;
    transform: translateY(-1px);
}
.navbar-toggler-icon {
    width: 1.2em;
    height: 1.2em;
}
.site-footer {
   padding: 0;
}
.page-node-53 #block-etherfly-vebforma,
.node--type-tovar .main-content {
   padding-top: 150px;
   padding-bottom: 50px;
}
h3.my-title {
    font-size: calc(1.3rem + 1.2vw);
}
.my-tovar-body-l {
   margin-left: 30px;
}
a.button-pr:active,
a.button-pr:focus,
a.my-b-t:focus,
a.my-b-t:hover,
a.my-b-t:active {
   color: #000;
}
/*******************************************media*******************************************/
@media (max-width: 1200px) {
   #block-etherfly-vebforma-2 {
      margin-right: 80px;
   }
}
@media (max-width: 992px) {
   .my-tovar-body-l {
      margin-left: 0;
   }
    .main-content #block-etherfly-vebforma,
   .node--type-tovar .main-content {
      padding-top: 100px;
      padding-bottom: 50px;
   }
   .node--type-tovar #main-wrapper {
      height: 100%;
   }
   .navbar-brand img {
       width: 40px;
   }
   .navbar-brand {
    font-size: 1rem;
   }
   .cont-f-b {
    display: block;
   }
   .cont-f-b .glass {
    width: 100%;
    margin-bottom: 25px;
}
   #block-etherfly-kontaktibody {
    margin-top: 100px;
    margin-bottom: 100px;
   }
   #block-etherfly-zvyazhitsyaznami,
   #block-etherfly-vebforma-2 {
   margin-right: 0;
   float: none;
  }
  #block-etherfly-zvyazhitsyaznami,
   #block-etherfly-vebforma-2,
   #edit-parametry-zbirky,
   #edit-harakterystyky-zbirky {
      width: 100%;
   }
   .node--type-article .field--type-image img{
   width: 100%;
   height: 100%;
   }
   img.image-style-_88x225 {
    width: 100%;
   }
   #webform-submission-kalkulyator-batareynyh-zbirok-node-53-add-form,
   #webform-submission-kalkulyator-batareynyh-zbirok-node-1-add-form,
   #block-etherfly-views-block-blog-block-1 .view-id-blog {
      display: block;
   }
   #block-etherfly-views-block-blog-block-1 .view-content,
   #block-etherfly-views-block-blog-block-1 .view-footer {
      margin: 0 0 25px;
   }
   #block-etherfly-views-block-blog-block-1 .view-content {
      width: 100%;
   }
   #block-etherfly-views-block-blog-block-1 .view-footer {
      width: 100%;
   }

}