.video{
    position:relative;
}

.video:after{
    background: url('../img/youtube.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
    content:"";
    width:68px;
    height:68px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

input{
    max-width:100% !important;
}

form input{
    width: 100% !important;
}

form textarea{
    width: 100% !important;
}

.not_link{
    cursor:default;
}


@media only screen and (max-width: 600px){
.snip1578 img {
    margin-left: 60% !important;
}    
}

.gride{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-top:100px;
    margin-bottom:50px;
}

.item_grid{
    height:350px;
    background:#333;
    position:relative;
}

.item_grid img{
    height:100%;
    width:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    position:absolute;
    top:0;
    left:0;
}

.item_grid span{
    padding:20px;
    background:rgba(255,255,255,0.8);
    color:#000;
    position:absolute;
    bottom:0;
    left:0;
    text-align:center;
    width:100%;
}

@media only screen and (max-width: 1000px){
    .gride{
        grid-template-columns: repeat(3, 1fr);
    }    
}

@media only screen and (max-width: 700px){
    .gride{
        grid-template-columns: repeat(2, 1fr);
    }    
}

@media only screen and (max-width: 500px){
    .gride{
        grid-template-columns: repeat(1, 1fr);
    }    
}


.widget_phone{
    position:fixed;
    height:60px;
    width:60px;
    right:60px;
    bottom:60px;
    display:flex;
    z-index:4;
    background: var(--main-color);
    border-radius:50%;
    animation: pulse 2s infinite;
}

@media only screen and (max-width: 500px){
    .widget_phone{
        right:30px;
        bottom:30px;
    }
}

.widget_phone svg{
    fill:#fff;
    margin:auto;
    width:30px;
    height:30px;
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(94,196,170, 0.4);
    box-shadow: 0 0 0 0 rgba(94,196,170, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(94,196,170, 0);
      box-shadow: 0 0 0 10px rgba(94,196,170, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(94,196,170, 0);
      box-shadow: 0 0 0 0 rgba(94,196,170, 0);
  }
}

.tags li {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.6);
    border-radius: 3px;
    padding: 5px 10px !important;
    display: inline-block !important;
    margin: 0 10px 10px 0 !important;
}

.tags .tag {
    background: initial !important;
    padding: 0px 0px !important;
    margin: 0 0px 0px 0 !important;
}