body, html, div, p, a, ul, li, span, img, h1 { margin: 0; padding: 0 }body { background-color: #fff; color: #000; font-family: 'Roboto', sans-serif; font-size: 0 }li { list-style-type: none }img { background-color: rgba(0, 0, 0, 0.9); display: block }a { color: #fff; text-decoration: none }a:hover { color: #30c828 }h1 { display: block; color: #373737; font-size: 28px; line-height: 30px }.gobbler { background-color: #fff; margin: 0 auto; width: 100%; max-width: 1920px; text-align: left }.hgobbler { background-color: #fff; text-align: center; overflow: hidden }.gobb { text-align: center; overflow: hidden; margin: 0 auto }.gobbt { overflow: hidden }.goro { display: inline-block; vertical-align: top; margin: 10px 5px 0 }.goro a { color: #5dc312; text-transform: none; font-size: 20px; font-weight: 700; height: 30px; line-height: 30px; display: block }.goro a span { color: #000 }.glovtr { overflow: hidden; text-align: center }.glovtr h1 { margin: 10px 5px 0; display: inline-block; vertical-align: top }.inobject { overflow: hidden; padding-top: 10px }.inobj { float: left; width: 50% }.object { background-color: #343434; border: 1px solid #c3c3c3; margin: 2px 1px 0 }.object:hover { border-color: #343434 }.object img { width: 100%; height: auto; max-height: 320px; min-height: 100px }.object a { color: #fff; text-shadow: 1px 1px 1px #000; display: block; position: relative }.objectdesc { background-color: rgba(0, 0, 0, 0.2); position: absolute; overflow: hidden; text-align: left; padding: 1px 0; left: 0; bottom: 0; width: 100%; height: 25px }.objectdesc p { display: block; overflow: hidden; height: 12px; line-height: 12px; font-size: 12px; margin: 0 10px }p.objectinfo { font-size: 14px; font-weight: 700; height: 25px; line-height: 25px }.objectat p.objectinfo { font-size: 14px }.pageabout { font-size: 14px; line-height: 20px; text-align: justify; padding: 10px }.hth { border-top: 1px solid #fff; box-shadow: 0 -1px 0 0 #fff; margin-top: 1px; text-align: center; padding-bottom: 10px; } .qb { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; } .qb-2, .qb-3, .qb-4, .qb-5 { display: none; } .objectfoo { margin-top: 20px; background-color: #fff }.objectf { overflow: hidden; text-align: center; padding: 10px 10px 20px; font-size: 14px }.objectf p { margin-top: 10px }.objectf span { color: #000; font-weight: 700; text-transform: none }.objectf a { color: #000; text-decoration: underline }.objectf a:hover { text-decoration: none }.morelink { visibility: hidden }@media all and (min-width:402px) { .inobjsm { width: 33.3333% } .goro a { font-size: 21px } }@media all and (min-width:480px) { .inobj { width: 33.3333% } .goro a { font-size: 25px } }@media all and (min-width:602px) { .inobjsm { width: 25% } .qb-2 { display: inline-block; } }@media all and (min-width:720px) { .inobj { width: 25% } }@media all and (min-width:804px) { .inobjsm { width: 20% } }@media all and (min-width:960px) { h2 { font-size: 44px } .inobj { width: 20% } .objectat p.objectinfo { font-size: 16px } }@media all and (min-width:1005px) { .inobjsm { width: 16.6666% } }@media all and (min-width:1200px) { .inobj { width: 16.6666% } .gobb { height: 70px; padding: 10px 0 } .gobbt { margin: 0; float: left } .goro { float: left; margin: 10px 0 0 10px } .goro a { height: 50px; line-height: 50px; font-size: 34px } .glovtr h1 { font-size: 34px; line-height: 40px; float: left; margin-left: 10px } .inobjsm { width: 14.28% } .qb { margin: 10px 1px 0 1px; } .qb-3, .qb-4 { display: inline-block; } }@media all and (min-width:1407px) { .inobjsm { width: 12.5% } }@media all and (min-width:1460px) { .inobj { width: 14.28% } .inobjsm { width: 12.5% } }@media all and (min-width:1608px) { .inobjsm { width: 10% } }@media all and (min-width:1680px) { .inobj { width: 12.5% } .inobjsm { width: 10% } .qb { margin: 10px 5px 0 5px; } .qb-5 { display: inline-block; } }