@charset "utf-8";
/****************************************************************************************************
****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************
****************************************************************************************************/
.homeBlock.about{
    background: url(../../images/home/about/bg.jpg) no-repeat center 0;
    background-size: cover;
}
.homeBlock.about .homeBlock__body{
    padding: 20px 10px;
    max-width: 980px;
    background-color: #fff;
}
@media print, screen and (min-width:737px){
.homeBlock.about .homeBlock__body{
    padding: 40px;
}
}
/****************************************************************************************************
****************************************************************************************************/
.about__row{
    margin-bottom: 40px;
}
@media print, screen and (min-width:737px){
.about__row{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
}

.about__col.-col1{ margin-bottom: 10px; text-align: center; }
.about__col.-col2{}
@media print, screen and (min-width:737px){
.about__col.-col1{ flex-basis: calc(410 / 900 * 100%); }
.about__col.-col2{ flex-basis: calc(450 / 900 * 100%); }

    .about__row.-type1 .about__col.-col1{ }
    .about__row.-type1 .about__col.-col2{ margin-left: auto; }

    .about__row.-type2 .about__col.-col1{ order: 2; margin-left: auto;}
    .about__row.-type2 .about__col.-col2{ order: 1; }
}

/*--------------------------------------------------
--------------------------------------------------*/
.about__row .about__link{
    text-align: center;
}
@media print, screen and (min-width:737px){
.about__row .about__link{
    text-align: left;
}
}