.priceBlock{
   margin: 50px 0;
}
.priceBlock .flexPriceBlock{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.priceBlock .flexPriceBlock .card{
   width: 100%;
   height: fit-content;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0px 2px 8px rgb(120 160 190 / 30%);
   box-sizing: border-box;
   margin-bottom: 30px;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card:hover{
   cursor: pointer;
}
.priceBlock .flexPriceBlock .card .mainInfo{
   display: flex;
   align-items: center;
}
.priceBlock .flexPriceBlock .card .mainInfo img.logoInf{
   max-width: 35px;
   max-height: 35px;
   margin-right: 25px;
}
.priceBlock .flexPriceBlock .card .mainInfo h3.name{
   font-weight: 500;
   font-size: 22px;
   margin: 0;
   width: 100%;
   padding-right: 25px;
   position: relative;
}
.priceBlock .flexPriceBlock .card .mainInfo .svg{
   margin-left: 25px;
   display: block;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card .mainInfo .arrow line,
.priceBlock .flexPriceBlock .card .mainInfo .arrow line{
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card:hover .mainInfo .arrow line,
.priceBlock .flexPriceBlock .card.active .mainInfo .arrow line{
   stroke: #89b2c4 !important;
}
.priceBlock .flexPriceBlock .card.active .mainInfo .svg{
   transform: rotate(180deg);
   margin-right: 0;
   margin-left: 25px;
}
.priceBlock .flexPriceBlock .card .subCateg{
   height: 0;
   overflow: hidden;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card.active .subCateg{
   height: auto;
   margin-top: 20px;
   padding: 0;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card .line{
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   border-bottom: 1px solid #dadada;
}
.priceBlock .flexPriceBlock .card .line{
   padding: 10px 0;
}
.priceBlock .flexPriceBlock .card .line:last-of-type{
   border-bottom: none;
}
.priceBlock .flexPriceBlock .card .line .name{
   margin: 0;
   max-width: 100%;
}
.priceBlock .flexPriceBlock .card .line .price{
   width: 100%;
   display: block;
   text-align: left;
}
.priceBlock .flexPriceBlock .card.active > .position{
   margin-top: 20px;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card > .position{
   height: 0;
   overflow: hidden;
   margin-top: 0;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card.active > .position{
   display: block;
   height: auto;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg > .position{
   overflow: hidden;
   height: 0;
   margin-top: 0;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg.active > .position{
   display: block;
   margin-top: 20px;
   height: auto;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card .mainInfo2{
   display: flex;
   align-items: center;
}
.priceBlock .flexPriceBlock .card .mainInfo2 h3.name{
   font-weight: 500;
   font-size: 22px;
   margin: 0;
   width: 100%;
   padding-right: 25px;
   position: relative;
}
.priceBlock .flexPriceBlock .card .mainInfo2 .svg{
   margin-left: 25px;
   display: block;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg .mainInfo2 .arrow line,
.priceBlock .flexPriceBlock .subCateg .mainInfo2 .arrow line{
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg:hover .mainInfo2 .arrow line,
.priceBlock .flexPriceBlock .subCateg.active .mainInfo2 .arrow line{
   stroke: #89b2c4 !important;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg.active .mainInfo2 .svg{
   transform: rotate(180deg);
   margin-right: 0;
   margin-left: 25px;
}

.priceBlock .flexPriceBlock .card .line .name,
.priceBlock .flexPriceBlock .card .line .price{
   height: auto;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .card.active .mainInfo + .position .line .name,
.priceBlock .flexPriceBlock .card.active .mainInfo + .position .line .price {
   min-height: 27px;
   height: auto;
   box-sizing: content-box;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg.active > .position > .line .name,
.priceBlock .flexPriceBlock .subCateg.active > .position > .line .price {
   min-height: 27px;
   height: auto;
   box-sizing: content-box;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}





.priceBlock .flexPriceBlock .card .mainInfo3{
   display: flex;
   align-items: center;
}
.priceBlock .flexPriceBlock .card .mainInfo3 h3.name{
   font-weight: 500;
   font-size: 22px;
   margin: 0;
   width: 100%;
   padding-right: 25px;
   position: relative;
}
.priceBlock .flexPriceBlock .card .mainInfo3 .svg{
   margin-left: 25px;
   display: block;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg .subCateg .mainInfo3 .arrow line,
.priceBlock .flexPriceBlock .subCateg .subCateg .mainInfo3 .arrow line{
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg .subCateg:hover .mainInfo3 .arrow line,
.priceBlock .flexPriceBlock .subCateg .subCateg.active .mainInfo3 .arrow line{
   stroke: #89b2c4 !important;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg.active > .mainInfo3 .svg{
   transform: rotate(180deg);
   margin-right: 0;
   margin-left: 25px;
}



.priceBlock .flexPriceBlock .card .mainInfo4{
   display: flex;
   align-items: center;
}
.priceBlock .flexPriceBlock .card .mainInfo4 h3.name{
   font-weight: 500;
   font-size: 22px;
   margin: 0;
   width: 100%;
   padding-right: 25px;
   position: relative;
}
.priceBlock .flexPriceBlock .card .mainInfo4 .svg{
   margin-left: 25px;
   display: block;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg .subCateg .mainInfo4 .arrow line,
.priceBlock .flexPriceBlock .subCateg .subCateg .mainInfo4 .arrow line{
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg .subCateg:hover .mainInfo4 .arrow line,
.priceBlock .flexPriceBlock .subCateg .subCateg.active .mainInfo4 .arrow line{
   stroke: #89b2c4 !important;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease;
}
.priceBlock .flexPriceBlock .subCateg.active > .mainInfo4 .svg{
   transform: rotate(180deg);
   margin-right: 0;
   margin-left: 25px;
}


section.priceBlock .search_form .src_inp {
    border-radius: 5px;
    height: 40px;
}

section.priceBlock .search_form {
    margin-bottom: 20px;
}

section.priceBlock .src_sub {
    top: 12px;
}


@media only screen and (max-width: 480px) {
    section.priceBlock .search_form .src_inp, section.priceBlock .search_form form {width:100%;}
    
}