/* yamaps */
.contact-yamaps{background:url(../image/yandex-before-load.png) #fff no-repeat;background:url(../image/yandex-before-load.webp) #fff no-repeat;}
.contact-yamaps{position:relative;overflow:hidden;cursor:pointer;background-position:center center;background-size:cover;z-index: 0;border-radius: 5px;}
#map-yandex{position:relative;z-index:7;width:100%;height:394px;cursor:pointer;background-color:transparent}
.loader-contact{position:absolute;z-index:15;top:-100%;left:0;box-sizing:border-box;width:100%;height:100%;overflow:hidden;color:#000;transition:opacity .7s ease;opacity:0;background-color:rgba(0,0,0,.55)}
.loader-contact:after,.loader-contact:before{box-sizing:border-box}
.loader-contact.is-active{top:0;opacity:1}
.loader-default:after{position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);width:48px;height:48px;content:'';-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:solid 8px #fff;border-left-color:transparent;border-radius:50%}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.contact-yamaps ymaps{border-radius:5px;}
@keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-webkit-keyframes blink{from{opacity:.5}to{opacity:1}}
@keyframes blink{from{opacity:.5}to{opacity:1}}
.conts{margin-bottom:20px;}
.conts svg{margin-right:10px!important;}
@media (max-width: 768px) {
  .conts .col-sm-8,.conts .col-sm-4{flex:0 0 100%;max-width:100%;}
  #map-yandex{height:300px;}
}