Повседневный удобный рюкзак

Описание

.ms-img-resp {
width: 100%;
}
.ms-btn {
text-align: center;
display: inline-block;
text-decoration: none !important;
color: #fff!important;
background-color: #eda239 !important;
border: 1px solid #fff !important;
padding: 8px 10px;
min-width: 150px;
transition: all 0.6s ease-out;
font-size: 14px;
border-radius: 2px;
}
.ms-btn:hover {
color: #eda239 !important;
border: 1px solid #eda239 !important;
background-color: #fff !important;
}
.ms-section h2, h3, p {
display: block;
margin: 0;
padding: 7px 0px;
line-height: normal;
}
/* TOP BLOCK 2 */
.ms-top-blck2{
width: 100%;
box-sizing: border-box;
display: block;
padding: 20px 20px;
color: #fff !important;
text-align: center;
vertical-align: middle;
}

.ms-top-blck2 span{
font-weight: bolder;
}

.ms-top-blck2-txtholder{
width: 75%;
display: inline-block;
box-sizing: border-box;
padding: 20px 35px;
vertical-align: middle;
background: rgba(255, 255, 255, .8);
border: 1px solid #333;
color: #000;
}
.ms-top-blck2-header {
font-size: 22px !important;
line-height: 27px !important;
font-weight: bold;
}
.ms-top-blck2-subheader {
font-size: 16px !important;
line-height: 23px !important;
font-weight: bold;
}
.ms-top-blck2-txt {
font-size: 14px !important;
line-height: 25px !important;
text-align: justify;
}
@media only screen and (max-width: 640px) {
.ms-top-blck2-txtholder{
width: 100%;
padding: 10px 20px;
}
.ms-top-blck2{
padding: 0;
}
}
/* END OF TOP BLOCK 2 */
/* BLOCK 3 ICONS */
.ms-blck3{
width: 100%;
box-sizing: border-box;
display: block;
padding: 20px;
text-align: left;
vertical-align: middle;
}

.ms-blck3 .ms-tbl-ln tr:nth-child(even){
background: #e1e1e1;
}

.ms-blck3-header {
font-size: 22px !important;
line-height: 27px !important;
text-align: center;
font-weight: bold;
}
.ms-blck3-subheader {
font-size: 16px !important;
line-height: 23px !important;
text-align: center;
font-weight: bold;
}
.ms-blck3-txt {
font-size: 14px !important;
line-height: 20px !important;
text-align: justify;
}
.ms-blck3-txt tr td{
padding: 10px;
}
.ms-blck3-txt tr img.ms-blck3-img-anm{
margin-left: 0;
transition: all 0.2s ease-in 0s;
overflow: hidden;
}
.ms-blck3-txt tr:hover img.ms-blck3-img-anm{
margin-left: 5px;
}

.ms-tr-anm td{
background: initial;
transition: all 0.2s ease-in 0s;
}
.ms-tr-anm:hover td{
background: #e1e1e1;
}
@media only screen and (max-width: 480px) {
.ms-blck3 .ms-col, .ms-blck3-txt{
margin: 0;
padding: 0;
}
.ms-col:first-child { margin-top: 10px; }
}
/* END OF BLOCK 3 ICONS */
/* BLOCK 4 NUMBERS */
.ms-blck4{
width: 100%;
box-sizing: border-box;
display: block;
padding: 20px;
text-align: left;
vertical-align: middle;
}
.ms-blck4-header {
font-size: 22px !important;
line-height: 27px !important;
text-align: center;
font-weight: bold;
}
.ms-blck4-txt {
font-size: 14px !important;
line-height: 20px !important;
text-align: justify;
}
.ms-blck4-marker {
width: 40px !important;
height: 40px !important;
padding: 0;
margin: 0;
line-height: 38px;
border-radius: 25px;
border: 2px solid #fd797b;
text-align: center;
color: #fd797b;
font-size: 20px;
background: #fff;
}
.ms-blck4-txt.ms-blck4-marker {
transition: all 0.1s ease-in 3s;
}
.ms-blck4-txt tr:hover .ms-blck4-marker{
background: #fd797b;
color: #fff;

}
.ms-blck4-txt tr td{
padding: 10px;
}
@media only screen and (max-width: 480px) {
.ms-blck4 .ms-col, .ms-blck4-txt{
margin: 0;
padding: 0;
}
.ms-col:first-child { margin-top: 10px; }
}
/* END OF BLOCK 4 NUMBERS */
/* BLOCK 5 PRODUCTS */
.ms-blck5{
width: 100%;
box-sizing: border-box;
display: block;
padding: 20px;
text-align: center;
vertical-align: middle;
}
.ms-blck5:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.ms-blck5-header {
font-size: 22px !important;
line-height: 27px !important;
text-align: center;
font-weight: bold;
}

.ms-blck5-subheader {
font-size: 16px !important;
line-height: 23px !important;
t