/*contact*/

.contact-top{
    text-align: center;
    margin-bottom: 108px;
}

.contact-main{
    margin-bottom: 163px;
}
.contact-main .inner{
    display: flex;
    gap: 30px;
}
.contact-main .inner div{
    flex: 1;
}
.contact-main h4{
    font-size: 21px;
}
.contact-main p strong{
    font-size: 18px;
    display: block;
}
.contact-main .first-top,
.contact-main .first-middle,
.contact-main .first-bottom{
    max-width: 475px;
}
.contact-main .first-top{
    background: url('../img/dot-list.webp') repeat-x bottom left;
    padding-bottom: 47px;
    margin-bottom: 38px;
}
.contact-main .first-top h4{
    margin-bottom: 33px;
}
.contact-main .first-top p{
    margin-bottom: 27px;
}
.contact-main .first-top a{
    font-size: 18px;
    color: var(--grey);
    line-height: 33px;
    display: inline-block;
}
.contact-main .first-top a:hover{
    color: var(--blue);
}
.contact-main .first-top a.phone{
    background: url('../img/icon-phone.webp') no-repeat center left;
    padding-left: 30px;
    margin-right: 40px;
}
.contact-main .first-top a.mail{
    background: url('../img/icon-mail.webp') no-repeat center left;
    padding-left: 44px;
}

.contact-main .first-middle{
    background: url('../img/dot-list.webp') repeat-x bottom left;
    padding-bottom: 47px;
    margin-bottom: 38px;
}
.contact-main .first-middle h4{
    margin-bottom: 20px;
}
.contact-main .first-middle p{
    font-size: 16px;
    margin-bottom: 26px;
}
.contact-main .first-middle a{
    font-size: 15px;
    line-height: 17px;
    color: var(--blue);
    background: url('../img/icon-car.webp') no-repeat center left;
    padding-left: 30px;
    margin-left: 14px;
}
.contact-main .first-middle a:hover{
    color: var(--grey);
}

.contact-main .first-bottom h4{
    margin-bottom: 26px;
}
.contact-main .first-bottom a.fb{
    margin-right: 22px;
}
.contact-main .first-bottom a:hover{
    opacity:.7;
}
.contact-main .first-bottom img{
    width: 35px;
}

@media (max-width:576px){
    .contact-main .first-top a.phone {
        margin-right: 0;
        display: block;
        margin-bottom: 15px;
    }
}
@media (min-width: 577px) {

}
@media (min-width: 577px) and (max-width:768px){

}
@media (max-width: 768px){
    .contact-top {
        margin-bottom: 60px;
    }
    .contact-main {
        margin-bottom: 60px;
    }
    .contact-main .inner {
	    display: block;
    }
    .contact-main .inner .first{
        margin-bottom: 30px;
    }
}
@media (min-width: 769px){

}
@media (min-width: 769px) and (max-width:991px){
    .contact-main .first-top a.phone {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width:1200px){
    .contact-main .first-top a.phone {
        margin-right: 30px;
    }
}
@media (min-width: 1201px) and (max-width:1440px){

}
@media (min-width: 1441px){

}