Кава свіжообсмажена в зернах (моно сорту)

/* ---COMMON PROPERTIES--- */ .ms-img-resp { width: 100%; } .ms-btn { text-align: center; display: inline-block; text-decoration: none !important; color: #fff!important; background-color: #fa7b25 !important; border: 1px solid #fff !important; padding: 8px 10px; min-width: 150px; transition: all 0.6s ease-out; font-size: 14px; } .ms-btn:hover { color: #fa7b25 !important; border: 1px solid #fa7b25 !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 50px; color: #fff !important; text-align: center; vertical-align: middle; background: url(http://94.130.97.57/Prom.ua/2030618/TG/KofeSvejeobjarenniyMonosorta/top_bg.jpg) #3f3f3f no-repeat; background-size: cover; background-position: top center; } .ms-top-blck2-txtholder{ width: 100%; display: inline-block; box-sizing: border-box; padding: 20px 20px; vertical-align: middle; background: rgba(40, 40, 40, .6); } .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: 20px !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-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: #e3e3e3; } @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; } .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 #fa7b25; text-align: center; color: #fa7b25; font-size: 20px; background: #f3f3f3; } .ms-blck4-txt.ms-blck4-marker { transition: all 0.1s ease-in 3s; } .ms-blck4-txt tr:hover .ms-blck4-marker{ background: #ff9147; 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-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 250px; margin: 0 auto; } .ms-blck5-img-holder img { display: block; height: auto !important; } .ms-blck5-img-holder:hover .ms-blck5-hint { left: 0; } .ms-blck5-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255, 152, 0, 0.9); text-align: center; font-size: 13px; line-height: 1.2em; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; } .ms-blck5-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; } .ms-blck5-name { display: inline-block; margin-top: 10px; font-size: 14px !important; line-height: 20px !important; } .ms-blck5-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; font-size: 14px !important; line-height: 20px !important; text-decoration: none; } @media screen and (max-width: 600px) { .ms-blck5-desc { position: static; visibility: visible; font-size: 14px !important; line-height: 20px !important; text-decoration: none; } } /* END OF BLOCK 5 PRODUCTS */ /* BLOCK 6 FOOTER */ .ms-blck6{ width: 100%; box-sizing: border-box; display: block; padding: 20px; text-align: left; vertical-align: middle; background: url(http://94.130.97.57/Prom.ua/2030618/TG/KofeSvejeobjarenniyMonosorta/bg_ft.jpg) #fa7b25 no-repeat; background-size: cover; color: #fff !important; } .ms-blck6-header { font-size: 22px !important; line-height: 27px !important; text-align: center; font-weight: bold; } .ms-blck6-subheader { font-size: 16px !important; line-height: 23px !important; text-align: center; font-weight: bold; } .ms-blck6-txt{ font-size: 14px !important; line-height: 20px !important; } @media only screen and (max-width: 480px) { .ms-blck6 .ms-col, .ms-blck6-txt{ margin: 0; padding: 0; } } /* END OF BLOCK 6 FOOTER */ /* SECTIONS */ .ms-section { padding: 0; margin: 0; } /* GROUPING */ .ms-group:before, .ms-group:after { content: ""; display: table; } .ms-group:after { clear: both; } .ms-group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } /* GRID COLUMN SETUP */ .ms-col { box-sizing: border-box; display: block; margin: 1% 0 1% 1.6%; float:left; padding: 5px; vertical-align: middle; text-align: center; } .ms-col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ /* GRID OF TWELVE */ .ms-span_12_of_12 { width: 100%; } .ms-span_11_of_12 { width: 91.53%; } .ms-span_10_of_12 { width: 83.06%; } .ms-span_9_of_12 { width: 74.6%; } .ms-span_8_of_12 { width: 66.13%; } .ms-span_7_of_12 { width: 57.66%; } .ms-span_6_of_12 { width: 49.2%; } .ms-span_5_of_12 { width: 40.73%; } .ms-span_4_of_12 { width: 32.26%; } .ms-span_3_of_12 { width: 23.8%; } .ms-span_2_of_12 { width: 15.33%; } .ms-span_1_of_12 { width: 6.86%; } /* --- 480 PIXELS --- */ @media only screen and (max-width: 480px) { .ms-span_12_of_12, .ms-span_11_of_12, .ms-span_10_of_12, .ms-span_9_of_12, .ms-span_8_of_12, .ms-span_7_of_12, .ms-span_6_of_12, .ms-span_5_of_12, .ms-span_4_of_12, .ms-span_3_of_12, .ms-span_2_of_12, .ms-span_1_of_12 { width: 100%; } /* REMOVE MARGINS AT 480 PIXELS */ .ms-col { margin: 1% 0 1% 0; } .ms-group { display: block; } .ms-hide-mobile { display: none; } }
Інтернет - магазин Гардман НАШ НОВИЙ АДРЕСУ GARDMAN.UA

Кава на будь-який бюджет.