﻿
.block{
  /*background-color:var(--bg-color);*/
  min-height:40vh;
  padding-top:5px;
  position:relative;
}
  




a.detail{
  color:darkgreen;
  font-size:12px;
}
  a.detail svg{
    position:relative;
    top:3px;
  }
  a.detail svg path {
    fill: darkgreen;
  }

  a.detail:hover {
    color: red;
  }
  a.detail:hover svg path{
    fill:red;
  }
  #news .item{
    display:block;
  }

    #news .item img {
      float: left;
      border-radius: 0;
      width: 50%;
      height: auto;
      max-height: 200px;
      max-width: 250px;
    }
#news .item .text{
  color:black;
}
    #news .item .text .desc{
      font-size:12px;
    }

  .about-content{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
  }
    .about-content .text {
      flex-basis: 70%;
      font-style: normal;
      font-weight: normal;
      line-height: 24px;
      font-size: 14px;
      color: #222222;
    }


  .about-content .img{
    margin-left:5px;
    flex-basis:10%;
  }
    .about-content .img img {
     width:150px;
     height:auto;
    }
   
    #branches .item{
      min-height:250px;
    }

    /**Buttons block*/
.buttons-block {
  /*background-color: green;*/
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

  .buttons-block .items {
    flex-basis: 50%;
    background-color: var(--bg-color);
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding:10px;
    border-radius:5px;
  }


    .buttons-block .items .item {
      flex-basis: 30%;
      background-color: var(--main-bg-color);
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:space-around;
      padding:10px 0 10px 0;
      border-radius:5px;
      transition:var(--transition);
      color:white;      
      
    }
      .buttons-block .items .item span::first-letter {
        text-transform:capitalize;
      }

      .buttons-block .items a.item:hover {
        background-color: var(--dark-bg-color);
        color: white;
      }
      .buttons-block .items a.item svg{
        margin-left:10px;
      }
      /**end buttons block*/

 /*Estimate*/


 /*End estimate*/
@media screen and (max-width: 800px) {
        .about-content .img img {
    width: 100px;
    height: auto;    
  }
  .about-content .text{
    font-size:12px;
  }
}