/* flex контейнеры
display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;

	display: inline-flex;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;

	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;

	flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;

	justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;

	align-content: space-around;
	-webkit-align-content: space-around;
	-ms-flex-line-pack: distribute;

	align-items: center
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
*/

.block-flex-columns-center-center {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;

    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.block-flex-columns {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;

    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;

}
.block-flex-row{
    display: -webkit-box; /* Для старых версий iOS Safari */
    display: -ms-flexbox; /* Для IE 10 */
    display: flex; /* Современные браузеры */
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;

}
.--justify-start{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.--justify-center{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.--justify-end{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.--justify-between {
    -webkit-box-pack: justify; /* Для старых версий iOS Safari */
    -ms-flex-pack: justify; /* Для IE 10 и IE 11 */
    -webkit-justify-content: space-between; /* Для старых версий Chrome и Safari */
    justify-content: space-between; /* Современные браузеры */
}
.--justify-around {
    -webkit-box-pack: justify; /* Для старых версий iOS Safari */
    -ms-flex-pack: distribute; /* Для IE 10 и IE 11 */
    -webkit-justify-content: space-around; /* Для старых версий Chrome и Safari */
    justify-content: space-around; /* Современные браузеры */
}
.--wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.--nowrap{
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.--align-start{
align-items: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
}
.--align-center{
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.--m0{
    margin: 0;
}
.--mt10{
    margin-top: 10px;
}
.--mt20{
    margin-top: 20px;
}
.--mt25{
    margin-top: 25px;
}
.--mt30{
    margin-top: 30px;
}
.--mt40{
    margin-top: 40px;
}
.--mt50{
    margin-top: 50px;
}
.--mr5{
    margin-right: 5px
}
.--mr10{
    margin-right: 10px
}
.--mr15{
    margin-right: 15px
}

.--ml5{
    margin-left: 5px
}
.--ml10{
    margin-left: 10px
}
.--ml15{
    margin-left: 15px
}
.--ml50{
    margin-left: 50px
}
.--mb5{
    margin-bottom: 5px
}
.--mb10{
    margin-bottom: 10px
}
.--mb15{
    margin-bottom: 15px
}
.--mb20{
    margin-bottom: 20px
}
.--mb30{
    margin-bottom: 30px
}
.--mb50{
    margin-bottom: 50px
}
.--mtr10{
    margin-top: 10px;
    margin-right: 10px
}
.--m7{
    margin: 7px;
}
m-auto {
    margin: auto;
}
ml-auto {
    margin-left: auto;
}

 .--p3{
     padding: 3px;
 }
.--p5{
     padding: 5px;
 }
.--p10{
     padding: 10px;
 }

 .--w100p{
     width: 100%!important;
 }
.--w45p{
     width: 45%!important;
 }
.--w25p{
     width: 25%!important;
 }
.--w30p{
     width: 30%!important;
 }
.--w50p{
    width: 50%!important;
}
.--mxw620{
    max-width: 620px;
}
.--mxw100p{
    max-width: 100%;
}
.--mxw50p{
    max-width: 50%;
}
 .--br4{
     border-radius: 4px;
 }
.--br10{
    border-radius: 10px;
}
.--br5{
    border-radius: 5px;
}
.--br50{
     border-radius: 50%;
 }


.gap-12 {
    gap: 12px;
}