.top-banner{background:#352f2f;overflow:hidden;padding:0;position:relative;text-align:center;margin-top: 0;padding-top:50px;box-sizing:border-box;}
.top-banner h2{letter-spacing:-1px;}
.top-banner span{color:#fff;font:17px/19px "lft-etica-i7", "lft-etica", "lft-etica", Arial, Helvetica, sans-serif;text-shadow:0 -1px 1px #000;}
.top-banner .banner-link{margin:38px 0 0;width:100%;}
.top-banner .banner-link a:hover{opacity:0.7;text-decoration:none;}
a.teal-btn{-moz-border-radius:3px;-moz-box-shadow:0 1px 3px #000;-webkit-border-radius:3px;-webkit-box-shadow:0 1px 3px #000;background:#52D0B6;border-radius:3px;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.15), 0 1px 3px #000;color:#fff;display:inline-block;font:bold 18px/20px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;padding:25px 35px;position:relative;text-transform:uppercase;text-align:center;}
.homepage .top-banner{background:#1e1e1e url(https://medialoot.com/assets/img/site/homepage-banner.jpg) repeat center;padding:0px 0 0;overflow:visible;height:500px;}
.homepage .top-banner h2{margin-top:0px;padding-top:150px;text-align:center;letter-spacing:0px;font:bold 56px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
.homepage .top-banner span{display:block;text-align:center;font-size:22px;color:#e3e3e3;margin:10px 0px;}
.homepage .top-banner div.banner-link{margin:38px auto 0px;text-transform:uppercase;}
.top-banner{background:url(https://s3.medialoot.com/resources/homepage-banner-small.jpg) no-repeat center center;background-size:cover;}

#main{color:#666;padding:129px 0 0;position:relative;width:100%;}
.homepage #main{padding:20px 0px 0px 0px;background-color:#f7f7f7;}
#main:after{clear:both;content:'';display:block;}
div.clear{clear:both;}
.homepage div.metadata{float:left;width:396px;}
.homepage div.metadata p{float:left;line-height:26px;margin:5px 0px;}
.homepage div.metadata p{float:left;padding:0px 0px 20px 25px;margin-right:25px;color:#8e8e8e;font-weight:bold;background:url(//medialoot.com/assets/img/site/blog-sprite.png) no-repeat -580px 4px;}
.homepage div.metadata p a{color:#8e8e8e;}
.homepage div.metadata p.comments{background-position:-580px -110px;}
.homepage div.metadata p{font-size:12px;font-weight:normal;font-style:normal;color:#8e8e8e;padding-bottom:0px;}
.homepage div.metadata p.date{background-position:-580px -363px;}
.homepage div.metadata p.author{background-position:-580px -313px;}
.homepage div.metadata p.comments{background-position:-580px -472px;}
.homepage .category.articles h3 a{clear:both;font-size:28px;color:#292c31;font-weight:normal;font-style:normal;}
.homepage .category.articles a.read-more{display:inline-block;float:right;color:#a4a4a4;font:bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;background-color:#ececec;border-radius:3px;padding:4px 7px;text-shadow:#ffffff 0 1px 0;}
.homepage .category{margin:0px -4px;padding:80px 0px;position:relative;}
.homepage .category.articles{float:left;width:395px;}
.homepage .category h3{text-align:left;margin:0px;padding:0px 0px 10px 0px;}
.homepage .newest .category h3{text-align:center;}
.homepage .category h3 a{color:#333333;margin-left:4px;letter-spacing:0px;font:bold 30px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
.homepage .category.articles h3 a{margin-left:0px;font:bold 30px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
.homepage .category.articles .post h3 a{font:400 28px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;}
.homepage .category a.more-category{position:absolute;right:0px;top:90px;font-size:18px;color:#2eb3ed;}
.homepage .category.freebies a.more-category{right:17px;}
.homepage div.resource-block{float:left;width:277px;height:215px;background-color:#ffffff;box-shadow:#e3e3e3 0 1px 0;border:1px solid #f0f0f0;border-radius:5px;margin:4px;position:relative;box-sizing: initial;}
.homepage div.resource-block  img,.homepage .post img{border-radius:5px 5px 0px 0px;}
.homepage div.resource-block.half{width:564px;height:440px;}
.homepage div.resource-block h4{padding:0px;}
.homepage div.resource-block h4 a{display:block;color:#333333;width:220px;font:14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin:5px 8px 0px;}
.homepage div.resource-block.half h4 a{display:block;letter-spacing:0px;color:#333333;width:430px;font:20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;margin:10px 20px 2px;}
.homepage div.resource-block subtitle{float:left;width:430px;margin:0px 20px;font-size:14px;color:#a7a7a7;text-align:left;}
.homepage div.resource-block p.price{position:absolute;right:8px;bottom:7px;margin:0px;padding:2px 8px;font-size:14px;color:#333333;background-color:#f1f1f1;border-radius:5px;}
.homepage div.resource-block.half p.price{padding:8px 12px;font-size:18px;right:20px;bottom:20px;}
.homepage .category.freebies{width:697px;height:670px;position:relative;float:left;margin:0px 60px 0px -4px;}
.homepage .category.freebies .resource-block{width:327px;height:270px;background-color:transparent;border-style:none;border-radius:0px;box-shadow:none;margin-right:17px;}
.homepage .category.freebies .resource-block h4 a{margin:10px 0px;font-size:14px;font-weight:bold;}
.homepage .category.freebies .resource-block p.download a{display:block;width:16px;height:23px;background:url(//medialoot.com/assets/img/site/sprite_site.png) no-repeat -382px -3442px;margin:0px;padding:0px;position:absolute;bottom:20px;right:0px;}
.homepage .category.articles .post p{color:#494949;font:15px/26px "lft-etica-n4", "lft-etica", Arial, sans-serif;}
.homepage .articles .post{margin-top:4px;}
.homepage .grey-bg{background-color:#1d262e;}
.homepage div.trending{margin:20px -10px;padding-bottom:150px;}
.homepage h3{text-align:center;text-shadow:none;font-weight:bold;font-size:36px;padding:140px 0px 10px;}
.homepage .grey-bg h3 a{color:#fff;}
.homepage .h3link{font-family:"lft-etica-n7", "lft-etica", Arial, Helvetica, sans-serif;text-align:center;font-size:18px;padding:10px 0px 30px;color:#31b5eb;letter-spacing:1px;}