.element-animation-div-group{}

.element-animation {
  /* Скроем элемент в начальном состоянии  */
  position: static;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  transition: all 1.5s ease;
  opacity: 0;
}
/* .element-animation-div-group div.element-animation:first-child { opacity: 1;}  */
.element-animation.element-show {
  opacity: 1;
}

#blok-otzyvy{
  &.element-show{
      .card-reviews{
      transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -webkit-transform: scale(1);
      }
  }
  .card-reviews{
      -webkit-transition: all 1.0s ease;
      -moz-transition: all 1.0s ease;
      transition: all 1.0s ease;
      transform: scale(0.7);
      -moz-transform: scale(0.7);
      -o-transform: scale(0.7);
      -webkit-transform: scale(0.7);
  }
}
#blok-vrachi{
  &.element-show{
      .card-doctor{
      transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -webkit-transform: scale(1);
      }
  }
  .card-doctor{
      -webkit-transition: all 1.0s ease;
      -moz-transition: all 1.0s ease;
      transition: all 1.0s ease;
      transform: scale(0.7);
      -moz-transform: scale(0.7);
      -o-transform: scale(0.7);
      -webkit-transform: scale(0.7);
  }
}

#blok-FAQ{
  &.element-show{
      .svg_bi{
      transform: translateY(0px) scale(1);
      -moz-transform: translateY(0px) scale(1);
      -o-transform: translateY(0px) scale(1);
      -webkit-transform: translateY(0px) scale(1);
      }
  }
  .svg_bi{
      -webkit-transition: all 1.0s ease;
      -moz-transition: all 1.0s ease;
      transition: all 1.0s ease;
      transform: translateY(1000px) scale(0.5);
      -moz-transform: translateY(1000px) scale(0.5);
      -o-transform: translateY(1000px) scale(0.5);
      -webkit-transform: translateY(1000px) scale(0.5);
  }
}
/*
#blok-onas{
  &.element-show{
      .bid{
      transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -webkit-transform: scale(1);
      }
  }
  .bid{
      -webkit-transition: all 1.5s ease;
      -moz-transition: all 1.5s ease;
      transition: all 1.5s ease;
      transform: scale(0.2);
      -moz-transform: scale(0.2);
      -o-transform: scale(0.2);
      -webkit-transform: scale(0.2);
  }
}
*/
/* CSS для блоков */
#MiddleBeginBigCarousel{
  .scarm-caption{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 144px;
    padding-top: 0rem;
    padding-bottom: 0rem;
    color: #fff;
    text-align: left;
    border: 0px solid #CC0000;
    /*
	width: 50%;
	margin: auto;
	position: absolute;
	top: 35%; left: 40%;
	-webkit-transform: translate(-40%,-35%);
    -ms-transform: translate(-40%,-35%);
    transform: translate(-40%,-35%);  */
    h5{
      text-shadow: rgba(44, 49, 55, 0.5) 0px 1px 0px;
      font-size: 28.8902px;
      line-height: 21.4661px;
      color: rgb(255, 255, 255);
    }
    p{
        text-shadow: rgba(44, 49, 55, 0.3) 0px 1px 0px;
        font-family: open sans;
        font-size: 11px;
        color: rgb(255, 255, 255);
        padding-bottom: 10px;
    }

  }
  .ns-scalebBigCarousel{
      margin-top: 5% !important;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease;
      transform: translateX(200px) scale(0);
      -moz-transform: translateX(200px) scale(0);
      -o-transform: translateX(200px) scale(0);
      -webkit-transform: translateX(200px) scale(0);
  }
  .active{
      .ns-scalebBigCarousel{
          transform: translateX(0px) scale(1);
          -moz-transform: translateX(0px) scale(1);
          -o-transform: translateX(0px) scale(1);
          -webkit-transform: translateX(0px) scale(1);
      }
  }
}
@media only screen and (max-width: 1024px) {
#MiddleBeginBigCarousel{
  .scarm-caption{
    top: 0px;
  }
}
}


#blok-otzyvy{
  position: relative;
  min-height: 500px;
  background-image: url(/wp-content/themes/stomatexm/TemplatesHome/img/blok_otzyvy.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
  .bo-header{
    text-align: center;
    padding-bottom: 50px;
    h2{
      font-size: 24px;
      font-weight: normal;
      font-style: normal;
      color: #ffffff;
    }
    p{
      color: rgba(255, 255, 255, 0.3);
    }
  }
}
#blok-vrachi{
  position: relative;
  min-height: 500px;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #E0E0E0;
  background-color: #fcfcfc;
  .bo-header{
    text-align: left;
    padding-bottom: 25px;
    h2{
      font-size: 24px;
      font-weight: normal;
      font-style: normal;
     /* color: #ffffff; */
    }
    p{
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      color: #3eb8d7;
    }
  }
  .card-doctor {
    width: 100% !important;
  }
}
#blok-FAQ{
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
  border-bottom: 1px solid #E0E0E0;
  background-color: #fcfcfc;
  .bo-header{
    text-align: left;
    padding-bottom: 25px;
    h2{
      font-size: 24px;
      font-weight: normal;
      font-style: normal;
     /* color: #ffffff; */
    }
    p{
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      color: #3eb8d7;
    }
  }
}
#blok-news{
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
  border-bottom: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  .bo-header{
    text-align: left;
    padding-bottom: 25px;
    h2{
      font-size: 24px;
      font-weight: normal;
      font-style: normal;
     /* color: #ffffff; */
    }
    p{
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      color: #3eb8d7;
    }
  }
  .first-news-blok{
     /* background-position: top center; */
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      width: 100% !important;
      height: 100% !important;
      position: relative;
        .fnb-conten{
           position: relative;
           width: 100%;
           height: 100%;
           background-color: var(--stoma-osnovnoy-color);
           opacity: 0.5;
           z-index: 1;
        }
        .nopa{
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           height: 80%;
           padding: 25px;
           z-index: 2;
           overflow: hidden;
            h3, p , a{
              color: #FFFFFF;
            }
            p{
              margin-top: 15px;
              border-top: 1px solid #FFFFFF;
              padding-top: 15px;
            }
        }
  }
}
#carouselNewsiInBlocsHome{
    .carousel-inner {}
    .carousel-item{ margin-left: 15px;}
    .carousel-inner .carousel-item:first-child { margin-left: 0px; }
      .carouselcontrolHome{
        position: absolute;
        top: -70px;
        right: 0;
          .carousel-control-prev, .carousel-control-next {
              position: static;
              top: auto;
              bottom: auto;
              z-index: 1;
              display: inline-block;
              align-items: center;
              justify-content: center;
              width: auto;
              padding: 4px;
              margin: 0;
              color: #9C9CAB;
              text-align: center;
              background-color: transparent;
              border: 1px solid #9C9CAB;
              .bi{
                font-size: 110%;
                font-weight: bold;
                margin: 7px;
              }
          }
          .carousel-control-prev:hover, .carousel-control-next:hover {
              background-color: var(--stoma-osnovnoy-color);
              border: 1px solid #9C9CAB;
              color: #FFFFFF;
          }
      }
}
@media (min-width: 768px) {
  #carouselNewsiInBlocsHome{
      .carousel-item {
        margin-right: 0;
        flex: 0 0 33.333333%;
        display: block;
      }
      .carousel-inner {
        display: flex;
      }
  }
}
#blok-contact{
      ::-webkit-scrollbar {
         -webkit-appearance: none;
         width: 3px;
      }
      ::-webkit-scrollbar-thumb {
          border-radius: 5px;
          background-color: #FFFFFF;
          -webkit-box-shadow: 0 0 1px white;
      }

    .widget {
        position: relative;
        padding: 0 0 0px;
    }
   .cmsmasters_widget_departments{
      height: 170px;
      overflow: hidden;
   }
   .overYscroll{
      overflow-y: scroll;
      ul{
        margin-right: 10px;
      }
   }
   .lopredas{
      min-height: 130px;
      .bi{
        font-size: 50px;
        color: var(--stoma-osnovnoy-color);
         background-color: transparent;
         -webkit-transition: all 1.0s ease;
         -moz-transition: all 1.0s ease;
         transition: all 1.0s ease;
      }
      .lop-conten{
          padding-left: 30px;
         .lop-c{
            color: rgba(58, 58, 58, 0.6);
            font-size: 13px;
            padding-bottom: 0px;
             background-color: transparent;
             -webkit-transition: all 1.0s ease;
             -moz-transition: all 1.0s ease;
             transition: all 1.0s ease;
         }
         .lop-ccc{
            color: #2a2d32;
            font-size: 18px;
             background-color: transparent;
             -webkit-transition: all 1.0s ease;
             -moz-transition: all 1.0s ease;
             transition: all 1.0s ease;
         }
      }
   }
   .o-f-z{
       cursor: pointer;
       background-color: transparent;
       -webkit-transition: all 1.0s ease;
       -moz-transition: all 1.0s ease;
       transition: all 1.0s ease;

       &:hover{
          background-color: var(--stoma-osnovnoy-color);
          .bi{
            color: #FFFFFF;
          }
            .lop-conten{
               .lop-c{
                  color: #FFFFFF;
               }
               .lop-ccc{
                  color: #FFFFFF;
               }
            }
       }
   }
}
#blok-onas{
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
  border-bottom: 1px solid #E0E0E0;
  background-color: #FFFFFF;
   h1{
      font-size: 33px;
      line-height: 42px;
      font-weight: 300;
      font-style: normal;
      color: var(--stoma-osnovnoy-color);
      padding-bottom: 10px;
   }
   h2{
      font-size: 17px;
      font-weight: 300;
      font-style: normal;
      color: #747474;
   }
   .bllomeb{
      width: 100% !important;
      height: 100% !important;
      padding: 10px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease;
      .bi {
        border-width: 0px;
        width: 90px;
        height: 90px;
        font-size: 50px;
        line-height: 90px;
        color: var(--stoma-osnovnoy-color);
      }
      .bid{
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5s ease;
        transition: all 1.5s ease;
      }
      div{ text-align: center; }
      .bl-header{
         margin-bottom: 10px;
         padding-bottom: 5px;
      }
      &:hover{
         .bid{
              transform: rotate(360deg);
              -moz-transform: rotate(360deg);
              -o-transform: rotate(360deg);
              -webkit-transform: rotate(360deg);
         }

      }

   }
}