a, body, div, h1, html, img, li, p, span, ul { margin: 0; padding: 0 }body { color: #000; background-color: #f7f5f6; font-family: Merriweather, sans-serif; font-size: 0 }li { list-style-type: none }img { display: block; background-color: rgba(0, 0, 0, 0) }a { text-decoration: none; color: #fff }a:hover { color: #010005 }h1 { display: block }h1 { color: #1b1b1b; line-height: 30px; font-size: 28px }.grotesko { margin: 0 auto; width: 100%; max-width: 1920px; text-align: left }.clicke { background-color: #fff; border: 1px solid #b4b4b4; margin: 2px 1px 0 1px }.clicke:hover { background-color: #fff; border: 1px dashed #b7b6b4 }.clicke img { width: 100%; height: auto; max-height: 320px; min-height: 100px }.clicke a { color: #fff; text-shadow: 1px 1px 1px #050505; display: block; position: relative }.criterik { text-align: center; overflow: hidden; margin: 0 auto }.laqetdo { overflow: hidden }.lovelyto { visibility: hidden }.greater { text-align: center; overflow: hidden }.wandef { background-color: rgba(0, 0, 0, 0.3); overflow: hidden; position: absolute; bottom: 0; width: 100%; height: 26px; text-align: center; padding: 1px 0; left: 0 }.wandef p { display: block; overflow: hidden; margin: 0 10px; line-height: 12px; font-size: 12px }.follord { text-align: center; overflow: hidden }.follord h1 { vertical-align: top; display: inline-block; margin: 10px 5px 0 5px }.sofias { overflow: hidden; padding-top: 4px }.smilenow { overflow: hidden; padding: 10px 10px 10px 10px; font-size: 14px; text-align: center }.smilenow p { margin-top: 10px }.smilenow span { font-weight: 700; text-transform: none }.smilenow a { text-decoration: underline }.smilenow a:hover { text-decoration: none } .trd { border-top: 1px solid rgb(247,245,246); box-shadow: 0 -1px 0 0 rgb(255,255,255); margin-top: 1px; text-align: center; padding-bottom: 10px; } .hxe { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; } .hxe-2, .hxe-3, .hxe-4, .hxe-5 { display: none; } .sumofmo { margin: 10px 5px 0 5px; display: inline-block; vertical-align: top }.sumofmo a { font-size: 19px; line-height: 30px; height: 30px; font-weight: 700; text-transform: none; color: #000; display: block }.sumofmo a span { color: #e90107 }.okgirls p.usetoit { font-size: 14px }.toogood { font-size: 14px; text-align: justify; line-height: 20px; padding: 6px }.formalized { margin-top: 5px }.joyfulness { float: left; width: 50% }p.usetoit { font-size: 14px; font-weight: 700; height: 25px; line-height: 25px }@media all and (min-width:402px) { .syncere { width: 33.3333% } .sumofmo a { font-size: 21px } }@media all and (min-width:480px) { .joyfulness { width: 33.3333% } .sumofmo a { font-size: 25px } }@media all and (min-width:602px) { .syncere { width: 25% } .hxe-2 { display: inline-block; }}@media all and (min-width:720px) { .joyfulness { width: 25% } }@media all and (min-width:804px) { .syncere { width: 20% } }@media all and (min-width:960px) { .joyfulness { width: 20% } .okgirls p.usetoit { font-size: 16px } }@media all and (min-width:1005px) { .syncere { width: 16.6666% } }@media all and (min-width:1200px) { .criterik { height: 70px; padding: 10px 0 } .laqetdo { margin: 0; float: left } .sumofmo { float: left; margin: 10px 0 0 10px } .sumofmo a { height: 50px; line-height: 50px; font-size: 34px } .follord h1 { font-size: 34px; line-height: 40px; float: left; margin-left: 10px } .syncere { width: 14.28% } .joyfulness { width: 16.6666% } .hxe { margin: 10px 1px 0 1px; } .hxe-3, .hxe-4 { display: inline-block; }}@media all and (min-width:1407px) { .syncere { width: 12.5% } }@media all and (min-width:1460px) { .syncere { width: 12.5% } .joyfulness { width: 14.28% } }@media all and (min-width:1608px) { .syncere { width: 10% } }@media all and (min-width:1680px) { .joyfulness { width: 12.5% } .syncere { width: 10% } .hxe { margin: 10px 5px 0 5px; } .hxe-5 { display: inline-block; }}