<data:view.title.escaped/>

h2,.widget > h3{display:none}body{background:#f8f8f8 url() repeat fixed top left;background-color:#f8f8f8;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;color:#656565;word-wrap:break-word;margin:0;padding:0}#outer-wrapper{max-width:none;margin:0 auto;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.row{width:980px}#content-wrapper{margin:0px auto 0;overflow:hidden}#content-wrapper > .container{margin:0 -15px}#main-wrapper{float:left;overflow:visible;width:66.66666667%;box-sizing:border-box;word-wrap:break-word;padding:0 15px;margin:0}#sidebar-wrapper{display:none;overflow:hidden;width:0%;;word-wrap:break-word;padding:0 15px}.post-image-wrap{position:relative;display:block}.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{background-color:#f9f9f9;color:transparent!important}.post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .25s ease}.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{transform:scale(1.03)}h1,h2,h3,h4,h5,h6{font-family:'Merriweather',sans-serif}.post-title a{display:block}#top-bar{width:100%;height:34px;background-color:#111111;overflow:hidden;margin:0}#top-bar .container{margin:0 auto}.top-bar-nav{position:relative;float:left;display:block}.top-bar-nav .widget > .widget-title{display:none}.top-bar-nav ul li{float:left}.top-bar-nav ul li > a{height:34px;display:block;color:#ddd;font-size:12px;font-weight:400;line-height:34px;margin:0 10px 0 0;padding:0 5px;transition:color .17s}.top-bar-nav ul li:first-child > a{padding:0 5px 0 0}.top-bar-nav ul > li:hover > a{color:#ff3b30}.top-bar-social{position:relative;float:right;display:block}.top-bar-social .widget > .widget-title{display:none}.top-bar-social ul > li{float:left;display:inline-block}.top-bar-social ul > li > a{line-height:34px;display:block;color:#ddd;text-decoration:none;font-size:16px;text-align:center;padding:0 5px;margin:0 0 0 10px;transition:color .17s}.top-bar-social ul > li:last-child > a{padding:0 0 0 5px}.top-bar-social ul > li:hover > a{color:#ff3b30}.social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400}.social .facebook a:before{content:"\f09a"}.social .twitter a:before{content:"\f099"}.social .gplus a:before{content:"\f0d5"}.social .rss a:before{content:"\f09e"}.social .youtube a:before{content:"\f16a"}.social .skype a:before{content:"\f17e"}.social .stumbleupon a:before{content:"\f1a4"}.social .tumblr a:before{content:"\f173"}.social .vk a:before{content:"\f189"}.social .stack-overflow a:before{content:"\f16c"}.social .github a:before{content:"\f09b"}.social .linkedin a:before{content:"\f0e1"}.social .dribbble a:before{content:"\f17d"}.social .soundcloud a:before{content:"\f1be"}.social .behance a:before{content:"\f1b4"}.social .digg a:before{content:"\f1a6"}.social .instagram a:before{content:"\f16d"}.social .pinterest a:before{content:"\f0d2"}.social .twitch a:before{content:"\f1e8"}.social .delicious a:before{content:"\f1a5"}.social .codepen a:before{content:"\f1cb"}.social .reddit a:before{content:"\f1a1"}.social .whatsapp a:before{content:"\f232"}.social .snapchat a:before{content:"\f2ac"}.social .email a:before{content:"\f0e0"}.social .external-link a:before{content:"\f35d"}.social-color .facebook a{background-color:#3b5999}.social-color .twitter a{background-color:#00acee}.social-color .gplus a{background-color:#db4a39}.social-color .youtube a{background-color:#db4a39}.social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}.social-color .pinterest a{background-color:#ca2127}.social-color .dribbble a{background-color:#ea4c89}.social-color .linkedin a{background-color:#0077b5}.social-color .tumblr a{background-color:#365069}.social-color .twitch a{background-color:#6441a5}.social-color .rss a{background-color:#ffc200}.social-color .skype a{background-color:#00aff0}.social-color .stumbleupon a{background-color:#eb4823}.social-color .vk a{background-color:#4a76a8}.social-color .stack-overflow a{background-color:#f48024}.social-color .github a{background-color:#24292e}.social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)}.social-color .behance a{background-color:#191919}.social-color .digg a{background-color:#1b1a19}.social-color .delicious a{background-color:#0076e8}.social-color .codepen a{background-color:#000}.social-color .reddit a{background-color:#ff4500}.social-color .whatsapp a{background-color:#3fbb50}.social-color .snapchat a{background-color:#ffe700}.social-color .email a{background-color:#888}.social-color .external-link a{background-color:#111111}.social-text .facebook a:after{content:"Facebook"}.social-text .twitter a:after{content:"Twitter"}.social-text .gplus a:after{content:"Google Plus"}.social-text .rss a:after{content:"Rss"}.social-text .youtube a:after{content:"YouTube"}.social-text .skype a:after{content:"Skype"}.social-text .stumbleupon a:after{content:"StumbleUpon"}.social-text .tumblr a:after{content:"Tumblr"}.social-text .vk a:after{content:"VKontakte"}.social-text .stack-overflow a:after{content:"Stack Overflow"}.social-text .github a:after{content:"Github"}.social-text .linkedin a:after{content:"LinkedIn"}.social-text .dribbble a:after{content:"Dribbble"}.social-text .soundcloud a:after{content:"SoundCloud"}.social-text .behance a:after{content:"Behance"}.social-text .digg a:after{content:"Digg"}.social-text .instagram a:after{content:"Instagram"}.social-text .pinterest a:after{content:"Pinterest"}.social-text .twitch a:after{content:"Twitch"}.social-text .delicious a:after{content:"Delicious"}.social-text .codepen a:after{content:"CodePen"}.social-text .flipboard a:after{content:"Flipboard"}.social-text .reddit a:after{content:"Reddit"}.social-text .whatsapp a:after{content:"Whatsapp"}.social-text .messenger a:after{content:"Messenger"}.social-text .snapchat a:after{content:"Snapchat"}.social-text .email a:after{content:"Email"}.social-text .external-link a:after{content:"WebSite"}#header-wrap{position:relative;margin:0}.header-header{background-color:#fff;width:100%;position:relative;overflow:hidden;padding:30px 0}.header-header .container{position:relative;margin:0 auto;padding:0}.header-logo{position:relative;float:left;width:auto;max-width:200px;max-height:60px;margin:0;padding:15px 0}.header-logo .header-image-wrapper{display:block}.header-logo img{max-width:100%;max-height:60px;margin:0}.header-logo h1{color:#111111;font-size:36px;line-height:60px;margin:0}.header-logo p{font-size:12px;margin:5px 0 0}.header-ads{position:relative;float:right}.header-ads .widget > .widget-title{display:none}.header-ads .widget{max-width:100%}.header-ads .widget .widget-content{width:728px;max-width:100%;max-height:90px;line-height:1}.header-menu{position:relative;width:100%;height:48px;background-color:#f2f2f2;z-index:10;font-size:13px;box-sizing:border-box;margin:0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}.header-menu .container{position:relative;margin:0 auto;padding:0}#main-menu .widget,#main-menu .widget > .widget-title{display:none}#main-menu .show-menu{display:block}#main-menu{position:relative;height:46px;z-index:15}#main-menu ul > li{float:left;position:relative;margin:0;padding:0;transition:background .17s}#main-menu ul > li > a{position:relative;color:#111111;font-size:14px;font-weight:400;line-height:46px;display:inline-block;margin:0;padding:0 15px;transition:color .17s ease}#main-menu #main-menu-nav > li:first-child > a{padding-left:0}#main-menu ul > li:hover > a{color:#ff3b30}#main-menu ul > li > ul{position:absolute;float:left;left:0;top:46px;width:180px;background-color:#fff;z-index:99999;margin-top:0;padding:0;border:1px solid #eaeaea;box-shadow:0 1px 0 0 #eaeaea;visibility:hidden;opacity:0}#main-menu ul > li > ul > li > ul{position:absolute;float:left;top:0;left:100%;margin:-1px 0 0}#main-menu ul > li > ul > li{display:block;float:none;position:relative}#main-menu ul > li > ul > li a{display:block;height:36px;font-size:13px;color:#777;line-height:36px;box-sizing:border-box;margin:0;padding:0 15px;border:0;border-bottom:1px solid #eaeaea;transition:all .17s ease}#main-menu ul > li > ul > li:hover > a{color:#ff3b30}#main-menu ul > li > ul > li:last-child a{border-bottom:0}#main-menu ul > li.has-sub > a:after{content:'\f107';float:right;font-family:FontAwesome;font-size:12px;font-weight:400;margin:0 0 0 5px}#main-menu ul > li > ul > li.has-sub > a:after{content:'\f105';float:right;margin:0}#main-menu .mega-menu{position:static!important}#main-menu .mega-menu > ul{width:100%;box-sizing:border-box;padding:20px 10px}#main-menu .mega-menu > ul.mega-menu-inner{overflow:hidden}#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1}#main-menu ul ul{transition:all .25s ease}.mega-menu-inner .mega-item{float:left;width:25%;box-sizing:border-box;padding:0 10px}.mega-menu-inner .mega-content{position:relative;width:100%;overflow:hidden;padding:0}.mega-content .post-image-wrap{width:100%;height:140px}.mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden;padding:0}.mega-content .post-title{position:relative;font-size:14px;font-weight:700;line-height:1.5em;margin:7px 0 5px;padding:0}.mega-content .post-title a{display:block;color:#111111;transition:color .17s}.mega-content .post-title a:hover{color:#ff3b30}.mega-content .post-meta{font-size:11px}.no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center}.mega-menu .no-posts{line-height:60px;color:#111111}.show-search,.hide-search{position:absolute;right:0;top:0;display:block;width:36px;height:46px;line-height:46px;z-index:20;color:#111111;font-size:15px;text-align:right;cursor:pointer;padding:0;transition:color .17s ease}.show-search:before{content:"\f002";font-family:FontAwesome;font-weight:400}.hide-search:before{content:"\f00d";font-family:FontAwesome;font-weight:400}.show-search:hover,.hide-search:hover{color:#ff3b30}#nav-search{display:none;position:absolute;left:0;top:0;width:100%;height:46px;z-index:99;background-color:#f2f2f2;box-sizing:border-box;padding:0}#nav-search .search-form{width:100%;height:46px;background-color:rgba(0,0,0,0);line-height:46px;overflow:hidden;padding:0}#nav-search .search-input{width:100%;height:46px;font-family:inherit;color:#111111;margin:0;padding:0 46px 0 0;background-color:rgba(0,0,0,0);font-size:13px;font-weight:400;outline:none;box-sizing:border-box;border:0}#mobile-logo .widget > .widget-title > h3{display:none}.mobile-header{display:none;position:relative;float:left;width:100%;height:50px;background-color:#111111;z-index:1010}.mobile-header .logo-content{position:relative;float:left;display:block;width:100%;height:50px;text-align:center;z-index:2}.mobile-header .logo-content > a{height:30px;display:inline-block;padding:10px 0}.mobile-header .logo-content > a > img{height:30px}.mobile-header .logo-content > h3{font-size:20px;height:30px;line-height:30px;margin:10px 0 0}.mobile-header .logo-content > h3 > a{color:#fff}.mobile-search-form{position:absolute;display:none;z-index:4;background-color:#111111;width:100%;height:50px;left:0;top:0}.mobile-search-form .mobile-search-input{background-color:#111111;display:block;width:calc(100% - 50px);height:50px;font-family:inherit;font-size:13px;font-weight:400;color:#fff;box-sizing:border-box;padding:0 20px;border:0}.mobile-search-form{position:absolute;display:none;z-index:4;background-color:#111111;width:100%;height:50px;left:0;top:0}.mobile-search-form .mobile-search-input{background-color:#111111;display:block;width:calc(100% - 50px);height:50px;font-size:13px;font-weight:400;color:#fff;box-sizing:border-box;padding:0 20px;border:0}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;background:rgba(255,255,255,0.8)}.slide-menu-toggle,.show-mobile-search,.hide-mobile-search{position:absolute;line-height:50px;height:50px;width:50px;top:0;left:0;font-family:FontAwesome;color:#fff;font-size:18px;font-weight:400;text-align:center;cursor:pointer;z-index:4;padding:0}.slide-menu-toggle{border-right:1px solid rgba(255,255,255,0.08)}.show-mobile-search,.hide-mobile-search{border-left:1px solid rgba(255,255,255,0.08);left:auto;right:0}.slide-menu-toggle:before{content:"\f0c9"}.nav-active .slide-menu-toggle:before{content:"\f00d"}.show-mobile-search:before{content:"\f002"}.hide-mobile-search:before{content:"\f00d"}.mobile-menu{position:relative;float:left;width:100%;background-color:#111111;box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.08);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease}.nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1)}.mobile-menu > ul{margin:0}.mobile-menu .m-sub{display:none;padding:0}.mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:14px;line-height:38px;margin:0;padding:0;border-top:1px solid rgba(255,255,255,0.01)}.mobile-menu > ul > li{font-weight:400}.mobile-menu > ul li ul{overflow:hidden}.mobile-menu > ul > li:first-child{border-top:0}.mobile-menu ul li a{color:#fff;padding:0;display:block;transition:all .17s ease}.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#fff;cursor:pointer}.mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:FontAwesome;font-weight:400;float:right;width:34px;font-size:16px;text-align:center;transition:all .17s ease}.mobile-menu ul li.has-sub.show > .submenu-toggle:after{transform:rotate(90deg)}.mobile-menu > ul > li > ul > li a{font-size:13px}.mobile-menu > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 15px}.mobile-menu > ul > li > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 30px}.mobile-menu ul > li > .submenu-toggle:hover{color:#ff3b30}.post-meta{display:block;overflow:hidden;color:#aaa;font-size:12px;font-weight:400;padding:0 1px}.post-meta .post-author,.post-meta .post-date{float:left;margin:0 10px 0 0}.post-meta .post-date{text-transform:capitalize}.post-meta a{color:#aaa;transition:color .17s}.post-meta a:hover{color:#ff3b30}.post-meta span:before{font-family:FontAwesome;font-weight:400;margin:0 3px 0 0}.post-meta .post-author:before{content:'\f2c0'}.post-meta .post-date:before{content:'\f017'}#hot-wrapper{margin:0 auto}#hot-section .widget,#hot-section .widget > .widget-title{display:none}#hot-section .show-hot{display:block!important}#hot-section .show-hot .widget-content{position:relative;overflow:hidden;height:320px;margin:30px 0 0}.hot-loader{position:relative;height:100%;overflow:hidden;display:block}.hot-loader:after{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-15px 0 0 -15px;border:2px solid #eaeaea;border-right-color:#ff3b30;border-radius:100%;animation:spinner .8s infinite linear;transform-origin:center}@-webkit-keyframes spinner {0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner {0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}ul.hot-posts{position:relative;overflow:hidden;height:320px;margin:0 -5px}.hot-posts .hot-item{position:relative;float:left;width:26%;height:155px;overflow:hidden;box-sizing:border-box;padding:0 5px}.hot-posts .item-0{width:48%;height:320px}.hot-posts .item-1{height:320px}.hot-posts .item-2{margin:0 0 10px}.hot-item-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block}.hot-posts .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block}.hot-posts .post-image-link:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#292484 0,#dc4225 100%);z-index:2;opacity:.6;display:block}.hot-posts .item-1 .post-image-link:after{background:linear-gradient(45deg,#1a2980 0,#26d0ce 100%)}.hot-posts .item-2 .post-image-link:after{background:linear-gradient(45deg,#e0be00 0,#dc4225 100%)}.hot-posts .item-3 .post-image-link:after{background:linear-gradient(45deg,#1d976c 0,#3cf93d 100%)}.hot-posts .post-info{position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));overflow:hidden;z-index:5;box-sizing:border-box;padding:25px 15px 15px}.hot-posts .post-tag{position:relative;display:inline-block;top:0;left:0;background-color:rgba(0,0,0,0);line-height:16px;box-sizing:border-box;border:1px solid #fff}.hot-posts .post-title{font-size:14px;font-weight:700;display:block;line-height:1.5em;margin:8px 0 7px}.hot-posts .item-0 .post-title{font-size:21px}.hot-posts .post-title a{color:#fff;display:block}.hot-posts .post-meta{font-size:11px;color:#f0f0f0}.show-hot .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%}.queryMessage{overflow:hidden;background-color:#f2f2f2;color:#111111;font-size:13px;font-weight:400;padding:8px 10px;margin:0 0 25px}.queryMessage .query-info{margin:0 5px}.queryMessage .search-query,.queryMessage .search-label{font-weight:700;text-transform:uppercase}.queryMessage .search-query:before,.queryMessage .search-label:before{content:"\201c"}.queryMessage .search-query:after,.queryMessage .search-label:after{content:"\201d"}.queryMessage a.show-more{float:right;color:#ff3b30;text-decoration:underline;transition:opacity .17s}.queryMessage a.show-more:hover{opacity:.8}.queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center}.title-wrap,.featured-posts .widget-title{position:relative;float:left;width:100%;height:29px;display:block;margin:0 0 20px;border-bottom:3px solid #eaeaea}.title-wrap > h3,.featured-posts .widget-title > h3{position:relative;float:left;height:32px;font-size:16px;color:#111111;margin:0}.title-wrap > h3:after,.featured-posts .widget-title > h3:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#ff3b30;margin:0}a.view-all{float:right;font-size:13px;line-height:29px;color:#888;transition:color .17s ease}a.view-all:hover{color:#ff3b30}a.view-all:after{content:"\f105";float:right;font-weight:400;font-family:FontAwesome;margin:0 0 0 3px;transition:color .17s}.featured-posts > .widget{display:none;position:relative;float:left;width:100%;margin:0 0 30px}.featured-posts > .show-widget{display:block}.feat-big li{position:relative;float:right;width:calc(50% - 20px);overflow:hidden;margin:20px 0 0}.feat-big .item-0{float:left;width:calc(50% - 10px);margin:0}.feat-big .item-1{margin:0}.feat-big .feat-inner{position:relative;float:left;width:100%;overflow:hidden}.feat-big .post-image-link{position:relative;float:left;width:75px;height:65px;display:block;overflow:hidden;margin:0 12px 0 0}.feat-big .feat-inner .post-image-link{width:100%;height:180px;margin:0 0 13px}.feat-big .post-title{overflow:hidden;font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px}.feat-big .item-big .post-info{float:left;overflow:hidden}.feat-big .item-small .post-info{overflow:hidden}.feat-big .item-0 .post-title{font-size:18px;margin:0 0 10px}.feat-big .post-title a{color:#111111;transition:color .17s ease}.feat-big .post-title a:hover{color:#ff3b30}.feat-big .item-small .post-meta{font-size:11px}.featured-posts > .col-width{width:calc(50% - 15px)}.featured-posts > .col-right{float:right}.feat-col li{position:relative;float:left;width:100%;overflow:hidden;margin:20px 0 0}.feat-col .item-0{margin:0}.feat-col .feat-inner{position:relative;float:left;width:100%;overflow:hidden}.feat-col .post-image-link{position:relative;float:left;width:75px;height:65px;display:block;overflow:hidden;margin:0 12px 0 0}.feat-col .feat-inner .post-image-link{width:100%;height:180px;margin:0 0 13px}.feat-col .post-title{overflow:hidden;font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px}.feat-col .item-big .post-info{float:left;width:100%}.feat-col .item-small .post-info{overflow:hidden}.feat-col .item-0 .post-title{font-size:18px;margin:0 0 10px}.feat-col .post-title a{color:#111111;transition:color .17s ease}.feat-col .post-title a:hover{color:#ff3b30}.feat-col .item-small .post-meta{font-size:11px}.grid-small li{position:relative;display:inline-block;vertical-align:top;width:calc(33.33333333% - 40px / 3);overflow:hidden;margin:20px 0 0 20px}.grid-small li:nth-child(3n+1){margin:20px 0 0}.grid-small li.item-0{margin:0}.grid-small li.item-1,.grid-small li.item-2{margin:0 0 0 20px}.grid-small .post-image-link{position:relative;float:left;width:100%;height:120px;display:block;overflow:hidden;margin:0 0 7px}.grid-small .post-title{overflow:hidden;font-size:14px;font-weight:700;line-height:1.5em;margin:0 0 5px}.grid-small .post-info{float:left}.grid-small .post-title a{color:#111111;transition:color .17s ease}.grid-small .post-title a:hover{color:#ff3b30}.grid-small .post-meta{font-size:11px}ul.grid-big{margin:0 -15px}.grid-big li{position:relative;float:left;width:50%;overflow:hidden;box-sizing:border-box;padding:0 15px;margin:30px 0 0}.grid-big li.item-0,.grid-big li.item-1{margin:0}.grid-big .feat-inner{position:relative;float:left;width:100%;overflow:hidden}.grid-big .post-image-link{position:relative;float:left;width:100%;height:180px;display:block;overflow:hidden;margin:0 0 13px}.grid-big .post-title{overflow:hidden;font-size:18px;font-weight:700;line-height:1.5em;margin:0 0 10px}.grid-big .post-info{float:left;width:100%}.grid-big .post-title a{color:#111111;transition:color .17s ease}.grid-big .post-title a:hover{color:#ff3b30}.feat-list li{position:relative;float:left;width:100%;overflow:hidden;margin:30px 0 0}.feat-list .item-0{margin:0}.feat-list .feat-inner{position:relative;float:left;width:100%;overflow:hidden}.feat-list .post-image-link{position:relative;float:left;width:280px;height:180px;display:block;overflow:hidden;margin:0 25px 0 0}.feat-list .feat-inner .post-image-link{float:left;width:240px;height:150px;margin:0 20px 0 0}.feat-list .post-title{overflow:hidden;font-size:19px;font-weight:700;line-height:1.5em;margin:0 0 10px}.feat-list .post-info{overflow:hidden}.feat-list .post-title a{color:#111111;transition:color .17s ease}.feat-list .post-title a:hover{color:#ff3b30}.custom-widget li{overflow:hidden;margin:20px 0 0}.custom-widget li:first-child{margin:0}.custom-widget .post-image-link{position:relative;width:75px;height:65px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}.custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px;padding:0}.custom-widget .post-title a{display:block;color:#111111;transition:color .17s}.custom-widget .post-title a:hover{color:#ff3b30}.custom-widget .post-meta{font-size:11px}.blog-post{display:block;overflow:hidden;word-wrap:break-word}.index-post{padding:0;margin:0 0 30px}.index-post .post-image-wrap{float:left;width:240px;height:150px;margin:0 20px 0 0}.index-post .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden}.post-tag{position:absolute;top:15px;left:15px;height:18px;z-index:5;background-color:rgba(0,0,0,0.5);color:#fff;font-size:10px;line-height:18px;font-weight:500;text-transform:uppercase;padding:0 6px;border-radius:2px}.index-post .post-info{overflow:hidden}.index-post .post-info > h2{font-size:19px;font-weight:700;line-height:1.5em;text-decoration:none;margin:0 0 10px}.index-post .post-info > h2 > a{display:block;color:#111111;transition:color .17s}.index-post .post-info > h2 > a:hover{color:#ff3b30}.widget iframe,.widget img{max-width:100%}.date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0}.post-timestamp{margin-left:0}.post-snippet{position:relative;display:block;overflow:hidden;font-size:12px;line-height:1.6em;font-weight:400;margin:10px 0 0}#breadcrumb{font-size:12px;font-weight:400;color:#aaa;margin:0 0 10px}#breadcrumb a{color:#aaa;transition:color .17s}#breadcrumb a:hover{color:#ff3b30}#breadcrumb a,#breadcrumb em{display:inline-block}#breadcrumb .delimiter:after{content:'\f105';font-family:FontAwesome;font-style:normal;margin:0 3px}.item-post h1.post-title{color:#111111;font-size:27px;line-height:1.5em;font-weight:700;position:relative;display:block;margin:15px 0;padding:0}.static_page .item-post h1.post-title{padding:0 0 10px;margin:0;border-bottom:1px solid #eaeaea}.item-post .post-body{width:100%;line-height:1.5em;overflow:hidden;padding:20px 0 0}.static_page .item-post .post-body{padding:20px 0}.item-post .post-outer{padding:0}.item-post .post-body img{max-width:100%}.item-post .post-meta{padding:0 1px 10px;border-bottom:1px solid #eaeaea}.main .widget{margin:0}.main .Blog{border-bottom-width:0}.post-footer{position:relative;float:left;width:100%;margin:20px 0 0}.inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px}.inline-ad > ins{display:block!important;margin:0 auto!important}.item .inline-ad{float:left;width:100%;margin:20px 0 0}.item-post-wrap > .inline-ad{margin:0 0 20px}.post-labels{overflow:hidden;height:auto;position:relative;font-family:'Merriweather',sans-serif;padding:0;margin:0 0 25px}.post-labels span,.post-labels a{float:left;color:#aaa;font-size:12px;font-weight:400;margin:0 12px 0 0;transition:all .17s ease}.post-labels span{color:#111111}.post-labels a:hover{color:#ff3b30}.post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 30px}ul.share-links{position:relative}.share-links li{width:32px;float:left;box-sizing:border-box;margin:0 5px 0 0}.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{width:20%}.share-links li a{float:left;display:inline-block;cursor:pointer;width:100%;height:32px;line-height:32px;color:#fff;font-weight:400;font-size:13px;text-align:center;box-sizing:border-box;opacity:1;margin:0;padding:0;border-radius:2px;transition:all .17s ease}.share-links li.whatsapp-mobile{display:none}.is-mobile li.whatsapp-desktop{display:none}.is-mobile li.whatsapp-mobile{display:inline-block}.share-links li a:before{float:left;display:block;width:32px;background-color:rgba(255,255,255,0.07);font-size:15px;text-align:center;line-height:32px}.share-links li a:hover{opacity:.8}ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 30px}.post-nav li{display:inline-block;width:50%}.post-nav .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 10px}.post-nav .post-next{float:right;text-align:right;box-sizing:border-box;padding:0 10px}.post-nav li a{color:#111111;line-height:1.4em;display:block;overflow:hidden;transition:color .17s}.post-nav li:hover a{color:#ff3b30}.post-nav li span{display:block;font-size:11px;color:#aaa;font-weight:700;text-transform:uppercase;padding:0 0 2px}.post-nav .post-prev span:before{content:"\f053";float:left;font-family:FontAwesome;font-size:9px;font-weight:400;text-transform:none;margin:0 2px 0 0}.post-nav .post-next span:after{content:"\f054";float:right;font-family:FontAwesome;font-size:9px;font-weight:400;text-transform:none;margin:0 0 0 2px}.post-nav p{font-family:'Merriweather',sans-serif;font-size:12px;font-weight:400;line-height:1.4em;margin:0}.post-nav .post-nav-active p{color:#aaa}.about-author{position:relative;display:block;overflow:hidden;padding:20px;margin:0 0 30px;border:1px solid #eaeaea}.about-author .avatar-container{position:relative;float:left;width:80px;height:80px;overflow:hidden;margin:0 15px 0 0;border-radius:100%}.about-author .author-avatar{float:left;width:100%;height:100%;border-radius:100%}.author-name{overflow:hidden;display:inline-block;font-size:16px;font-weight:700;margin:7px 0 3px}.author-name span{color:#111111}.author-name a{color:#111111;transition:color .17s}.author-name a:hover{color:#ff3b30}.author-description{display:block;overflow:hidden;font-size:13px;font-weight:400;line-height:1.5em}.author-description a:hover{text-decoration:underline}#related-wrap{overflow:hidden;margin:0 0 30px}#related-wrap .related-tag{display:none}.related-ready{float:left;width:100%}.related-ready .loader{height:178px}ul.related-posts{position:relative;overflow:hidden;margin:0 -10px;padding:0}.related-posts .related-item{width:33.33333333%;position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;padding:0 10px;margin:0}.related-posts .post-image-link{width:100%;height:120px;position:relative;overflow:hidden;display:block}.related-posts .related-item .post-meta{padding:0;border:0}.related-posts .post-title{font-size:14px;font-weight:700;line-height:1.5em;display:block;margin:7px 0 6px}.related-posts .post-title a{color:#111111;transition:color .17s}.related-posts .post-title a:hover{color:#ff3b30}#blog-pager{overflow:hidden;clear:both;margin:0 0 30px}.blog-pager a,.blog-pager span{float:left;display:block;min-width:30px;height:30px;background-color:#f0f0f0;color:#111111;font-size:13px;font-weight:500;line-height:30px;text-align:center;box-sizing:border-box;margin:0 5px 0 0;border-radius:2px;transition:all .17s ease}.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{padding:0 15px}.blog-pager .blog-pager-newer-link{float:left}.blog-pager .blog-pager-older-link{float:right}.blog-pager span.page-dots{min-width:20px;background-color:#fff;font-size:16px;line-height:30px;font-weight:400;letter-spacing:-1px;border:0}.blog-pager .page-of{display:none;width:auto;float:right;border-color:rgba(0,0,0,0);margin:0}.blog-pager .page-active,.blog-pager a:hover{background-color:#ff3b30;color:#fff;border-color:#ff3b30}.blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:FontAwesome;font-size:16px;font-weight:400}.blog-pager .page-prev:before{content:'\f104'}.blog-pager .page-next:before{content:'\f105'}.blog-pager .blog-pager-newer-link:after{content:'\f104';float:left;font-family:FontAwesome;font-weight:400;margin:0 3px 0 0}.blog-pager .blog-pager-older-link:after{content:'\f105';float:right;font-family:FontAwesome;font-weight:400;margin:0 0 0 3px}.archive #blog-pager{display:none}.blog-post-comments{display:none;margin:0 0 30px}.blog-post-comments .comments-title{margin:0 0 20px}.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0}#comments{margin:0}#gpluscomments{float:left!important;width:100%!important;margin:0 0 25px!important}#gpluscomments iframe{float:left!important;width:100%}.comments{display:block;clear:both;margin:0;color:#111111}.comments > h3{font-size:13px;font-weight:400;font-style:italic;padding-top:1px}.comments .comments-content .comment{list-style:none;margin:0;padding:0 0 8px}.comments .comments-content .comment:first-child{padding-top:0}.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important}.comments .item-control{position:static}.comments .avatar-image-container{float:left;overflow:hidden;position:absolute}.comments .avatar-image-container,.comments .avatar-image-container img{height:45px;max-height:45px;width:45px;max-width:45px;border-radius:0}.comments .comment-block{overflow:hidden;padding:0 0 10px}.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 60px}.comments .comments-content .inline-thread{padding:0}.comments .comment-actions{float:left;width:100%;position:relative;margin:0}.comments .comments-content .comment-header{font-size:12px;display:block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px;border-bottom:1px dashed #eaeaea}.comments .comments-content .comment-header a{color:#111111;transition:color .17s}.comments .comments-content .comment-header a:hover{color:#ff3b30}.comments .comments-content .user{font-style:normal;font-weight:700;text-transform:uppercase;display:block}.comments .comments-content .icon.blog-author{display:none}.comments .comments-content .comment-content{float:left;font-size:13px;color:#5E5E5E;font-weight:400;text-align:left;line-height:1.4em;margin:5px 0 9px}.comments .comment .comment-actions a{margin-right:5px;padding:2px 5px;color:#111111;font-weight:400;border:1px solid #f5f5f5;font-size:10px;transition:all .17s ease}.comments .comment .comment-actions a:hover{color:#fff;background-color:#ff3b30;border-color:#ff3b30;text-decoration:none}.comments .comments-content .datetime{float:left;font-size:11px;font-weight:400;color:#aaa;position:relative;padding:0 1px;margin:4px 0 0;display:block}.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{color:#aaa}.comments .comments-content .datetime:before{content:'\f017';font-family:FontAwesome;font-size:11px;font-weight:400;font-style:normal;margin:0 3px 0 0}.comments .thread-toggle{margin-bottom:4px}.comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0}.comments .thread-count a,.comments .continue a{transition:opacity .17s}.comments .thread-count a:hover,.comments .continue a:hover{opacity:.8}.comments .thread-expanded{padding:5px 0 0}.comments .thread-chrome.thread-collapsed{display:none}.thread-arrow:before{content:'';font-family:FontAwesome;color:#111111;font-weight:400;margin:0 2px 0 0}.comments .thread-expanded .thread-arrow:before{content:'\f0d7'}.comments .thread-collapsed .thread-arrow:before{content:'\f0da'}.comments .comments-content .comment-thread{margin:0}.comments .comments-content .comment-thread > ol{padding:0}.comments .continue a{padding:0 0 0 60px;font-weight:400}.comments .comments-content .loadmore.loaded{margin:0;padding:0}.comments .comment-replybox-thread{margin:0}.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:#111111;margin:0 0 15px}.post-body h1,.post-body h2{font-size:24px}.post-body h3{font-size:21px}.post-body h4{font-size:18px}.post-body h5{font-size:16px}.post-body h6{font-size:13px}blockquote{font-style:italic;padding:10px;margin:0;border-left:4px solid #ff3b30}blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;color:#aaa;line-height:1}blockquote:before{content:'\f10d';margin:0 10px 0 0}blockquote:after{content:'\f10e';margin:0 0 0 10px}.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}.post-body ul{padding:0 0 0 20px}.post-body ul li:before{content:"\f105";font-family:FontAwesome;font-size:13px;font-weight:400;margin:0 5px 0 0}.post-body u{text-decoration:underline}.post-body a{transition:color .17s ease}.post-body strike{text-decoration:line-through}.contact-form{overflow:hidden}.contact-form .widget-title{display:none}.contact-form .contact-form-name{width:calc(50% - 5px)}.contact-form .contact-form-email{width:calc(50% - 5px);float:right}.sidebar .widget{position:relative;overflow:hidden;background-color:#fff;box-sizing:border-box;padding:0;margin:0 0 30px}.sidebar .widget-title{position:relative;float:left;width:100%;height:29px;display:block;margin:0 0 20px;border-bottom:3px solid #eaeaea}.sidebar .widget-title > h3{position:relative;float:left;height:32px;font-size:16px;color:#111111;margin:0}.sidebar .widget-title > h3:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#ff3b30;margin:0}.sidebar .widget-content{float:left;width:100%;margin:0}.social-counter li{float:left;width:calc(50% - 5px);margin:10px 0 0}.social-counter li:nth-child(1),.social-counter li:nth-child(2){margin-top:0}.social-counter li:nth-child(even){float:right}.social-counter li a{display:block;height:34px;font-size:13px;color:#fff;line-height:34px;border-radius:2px;transition:opacity .17s}.social-counter li a:hover{opacity:.8}.social-counter li a:before{float:left;width:34px;height:34px;background-color:rgba(255,255,255,0.1);font-size:16px;text-align:center;margin:0 10px 0 0}.list-label li{position:relative;display:block;padding:8px 0;border-top:1px dotted #eaeaea}.list-label li:first-child{padding:0 0 8px;border-top:0}.list-label li:last-child{padding-bottom:0;border-bottom:0}.list-label li a{display:block;color:#111111;font-size:13px;font-weight:400;text-transform:capitalize;transition:color .17s}.list-label li a:before{content:"\f105";float:left;color:#111111;font-weight:400;font-family:FontAwesome;margin:0 3px 0 0;transition:color .17s}.list-label li a:hover{color:#ff3b30}.list-label .label-count{position:relative;float:right;width:16px;height:16px;background-color:#ff3b30;color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px;border-radius:2px}.cloud-label li{position:relative;float:left;margin:0 5px 5px 0}.cloud-label li a{display:block;height:26px;background-color:#f2f2f2;color:#111111;font-size:12px;line-height:26px;font-weight:400;padding:0 10px;border-radius:2px;transition:all .17s ease}.cloud-label li a:hover{color:#fff;background-color:#ff3b30}.cloud-label .label-count{display:none}.sidebar .FollowByEmail > .widget-title > h3{margin:0}.FollowByEmail .widget-content{position:relative;overflow:hidden;font-weight:400;text-align:center;box-sizing:border-box;padding:20px;border:1px solid #eaeaea}.FollowByEmail .widget-content > h3{font-size:18px;color:#111111;font-weight:700;margin:0 0 13px}.FollowByEmail .before-text{font-size:13px;color:#888;line-height:1.4em;margin:0 0 10px;display:block;padding:0 15px;overflow:hidden}.FollowByEmail .follow-by-email-inner{position:relative}.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:34px;color:#888;font-size:11px;font-family:inherit;text-align:center;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:1px solid #eaeaea;border-radius:2px;transition:ease .17s}.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border-color:rgba(0,0,0,0.1)}.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:34px;font-family:inherit;font-size:11px;color:#fff;background-color:#ff3b30;text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;margin:0;border:0;border-radius:2px;transition:background .17s}.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#111111}#ArchiveList ul.flat li{color:#111111;font-size:13px;font-weight:400;padding:8px 0;border-bottom:1px dotted #eaeaea}#ArchiveList ul.flat li:first-child{padding-top:0}#ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0}#ArchiveList .flat li > a{display:block;color:#111111;transition:color .17s}#ArchiveList .flat li > a:hover{color:#ff3b30}#ArchiveList .flat li > a:before{content:"\f105";float:left;color:#111111;font-weight:400;font-family:FontAwesome;margin:0 3px 0 0;display:inline-block;transition:color .17s}#ArchiveList .flat li > a > span{position:relative;float:right;width:16px;height:16px;background-color:#ff3b30;color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px}.PopularPosts .post{overflow:hidden;margin:20px 0 0}.PopularPosts .post:first-child{margin:0}.PopularPosts .post-image-link{position:relative;width:75px;height:65px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0}.PopularPosts .post-info{overflow:hidden}.PopularPosts .post-title{font-size:13px;font-weight:700;line-height:1.5em;margin:0 0 5px}.PopularPosts .post-title a{display:block;color:#111111;transition:color .17s}.PopularPosts .post-title a:hover{color:#ff3b30}.PopularPosts .post-meta{font-size:11px}.PopularPosts .post-date:before{font-size:10px}.FeaturedPost .post-image-link{display:block;position:relative;overflow:hidden;width:100%;height:180px;margin:0 0 13px}.FeaturedPost .post-title{font-size:18px;overflow:hidden;font-weight:700;line-height:1.5em;margin:0 0 10px}.FeaturedPost .post-title a{color:#111111;display:block;transition:color .17s ease}.FeaturedPost .post-title a:hover{color:#ff3b30}.Text{font-size:13px}.contact-form-widget form{font-weight:400}.contact-form-name{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #eaeaea;border-radius:2px}.contact-form-email{float:left;width:100%;height:30px;font-family:inherit;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #eaeaea;border-radius:2px}.contact-form-email-message{float:left;width:100%;font-family:inherit;font-size:13px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid #eaeaea;border-radius:2px}.contact-form-button-submit{float:left;width:100%;height:30px;background-color:#ff3b30;font-size:13px;color:#fff;line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;border-radius:2px;transition:background .17s ease}.contact-form-button-submit:hover{background-color:#111111}.contact-form-error-message-with-border{float:left;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262}.contact-form-success-message-with-border{float:left;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #5ab6f9}.contact-form-cross{margin:0 0 0 3px}.contact-form-error-message,.contact-form-success-message{margin:0}.BlogSearch .search-input{float:left;width:75%;height:30px;background-color:#fff;font-weight:400;font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;border:1px solid #eaeaea;border-right-width:0}.BlogSearch .search-action{float:right;width:25%;height:30px;font-family:inherit;font-size:13px;line-height:30px;cursor:pointer;box-sizing:border-box;background-color:#ff3b30;color:#fff;padding:0 5px;border:0;transition:background .17s ease}.BlogSearch .search-action:hover{background-color:#111111}.Profile .profile-img{float:left;width:80px;height:80px;margin:0 15px 0 0;transition:all .17s ease}.Profile .profile-datablock{margin:0}.Profile .profile-data .g-profile{display:block;font-size:14px;color:#111111;margin:0 0 5px;transition:color .17s ease}.Profile .profile-data .g-profile:hover{color:#ff3b30}.Profile .profile-info > .profile-link{color:#111111;font-size:11px;margin:5px 0 0;transition:color .17s ease}.Profile .profile-info > .profile-link:hover{color:#ff3b30}.Profile .profile-datablock .profile-textblock{display:none}.common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% - 5px);padding:7px 0 0}.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:left}.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:right}.common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:#111111;font-size:13px;font-weight:400;transition:color .17s ease}.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{color:#ff3b30}.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){padding:0}#footer-wrapper{background-color:#111111}#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:25px 0}.footer-widgets-wrap{position:relative;display:flex;margin:0 -15px}#footer-wrapper .footer{display:inline-block;float:left;width:33.33333333%;box-sizing:border-box;padding:0 15px}#footer-wrapper .footer .widget{float:left;width:100%;padding:0;margin:25px 0 0}#footer-wrapper .footer .Text{margin:10px 0 0}#footer-wrapper .footer .widget:first-child{margin:0}#footer-wrapper .footer .widget-content{float:left;width:100%}.footer .widget > .widget-title{position:relative;float:left;width:100%;height:29px;display:block;margin:0 0 20px;border-bottom:3px solid rgba(255,255,255,0.05)}.footer .widget > .widget-title > h3{position:relative;float:left;height:32px;font-size:16px;color:#ffffff;margin:0}.footer .widget > .widget-title > h3:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#ff3b30;margin:0}.footer .PopularPosts .post,.footer .custom-widget li,.footer .FeaturedPost .post-meta{border-color:rgba(255,255,255,0.05)}.footer .post-image-link{background-color:rgba(255,255,255,0.05)}.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{color:#ffffff}.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{color:#ff3b30}.footer .no-posts{color:#ffffff}.footer .FollowByEmail .widget-content > h3{color:#ffffff}.footer .FollowByEmail .widget-content{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05)}.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{color:#aaa}.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#111111}.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{background-color:rgba(255,255,255,0.05);color:#ffffff;border-color:rgba(255,255,255,0.05)}.footer #ArchiveList .flat li > a{color:#ffffff}.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{border-color:rgba(255,255,255,0.05)}.footer .list-label li:first-child{padding-top:0}.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{color:#ffffff}.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{color:#ff3b30}.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{background-color:rgba(255,255,255,0.05);color:#ffffff}.footer .cloud-label li a{background-color:rgba(255,255,255,0.05);color:#ffffff}.footer .cloud-label li a:hover{background-color:#ff3b30;color:#fff}.footer .BlogSearch .search-input{background-color:rgba(255,255,255,0.05);color:#ffffff;border-color:rgba(255,255,255,0.05)}.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{background-color:rgba(255,255,255,0.05);color:#ffffff;border-color:rgba(255,255,255,0.05)}.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{background-color:rgba(0,0,0,0.3)}#sub-footer-wrapper{color:#ffffff;display:block;padding:0;width:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05)}#sub-footer-wrapper .container{overflow:hidden;margin:0 auto;padding:10px 0}#menu-footer{float:right;position:relative;display:block}#menu-footer .widget > .widget-title{display:none}#menu-footer ul li{float:left;display:inline-block;height:34px;padding:0;margin:0}#menu-footer ul li a{font-size:12px;font-weight:400;display:block;color:#ffffff;line-height:34px;padding:0 5px;margin:0 0 0 10px;transition:color .17s ease}#menu-footer ul li:last-child a{padding:0 0 0 5px}#menu-footer ul li a:hover{color:#ff3b30}#sub-footer-wrapper .copyright-area{font-size:12px;float:left;height:34px;line-height:34px;font-weight:400}#sub-footer-wrapper .copyright-area a{color:#ffffff;transition:color .17s}#sub-footer-wrapper .copyright-area a:hover{color:#ff3b30}.hidden-widgets{display:none;visibility:hidden}.back-top{display:none;z-index:1010;width:34px;height:34px;position:fixed;bottom:25px;right:25px;cursor:pointer;overflow:hidden;font-size:20px;color:#fff;text-align:center;line-height:34px;border-radius:2px}.back-top:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ff3b30;opacity:.5;transition:opacity .17s ease}.back-top:after{content:'\f106';position:relative;font-family:FontAwesome;font-weight:400;opacity:.8;transition:opacity .17s ease}.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{opacity:1}.error404 #main-wrapper{width:100%!important;margin:0!important}.error404 #sidebar-wrapper{display:none}.errorWrap{color:#111111;text-align:center;padding:0px 0 0px}.errorWrap h3{font-size:160px;line-height:1;margin:0 0 30px}.errorWrap h4{font-size:25px;margin:0 0 20px}.errorWrap p{margin:0 0 10px}.errorWrap a{display:block;color:#ff3b30;padding:10px 0 0}.errorWrap a i{font-size:20px}.errorWrap a:hover{text-decoration:underline}@media screen and (max-width: 1100px) {#outer-wrapper{max-width:100%}.row{width:100%}#top-bar .container,.header-header .container,.header-menu .container,#hot-wrapper{box-sizing:border-box;padding:0 20px}#header-wrap{height:auto}.header-logo{max-width:30%}.header-ads{max-width:70%}.show-search,.hide-search{right:20px}#nav-search .search-input{padding:0 46px 0 20px}#content-wrapper{position:relative;padding:0 0px;margin:0px 0 0}#footer-wrapper .container{box-sizing:border-box;padding:25px 20px}#sub-footer-wrapper .container{box-sizing:border-box;padding:10px 20px}}@media screen and (max-width: 980px) {#content-wrapper > .container{margin:0}#top-bar,.header-logo,.header-menu{display:none}.mobile-header{display:block}#header-wrap{padding:0}.header-header{height:auto;padding:0}.header-header .container.row{width:100%}.header-ads{width:100%;max-width:100%;box-sizing:border-box;padding:0}.header-ads .widget .widget-content{position:relative;padding:20px 0;margin:0 auto}#header-inner a{display:inline-block!important}#main-wrapper,#sidebar-wrapper{width:100%;padding:0}}@media screen and (max-width: 880px) {.footer-widgets-wrap{display:block}#footer-wrapper .footer{width:100%;margin-right:0}#footer-sec2,#footer-sec3{margin-top:25px}}@media screen and (max-width: 680px) {#hot-section .show-hot .widget-content,#hot-section .hot-posts{height:auto}#hot-section .loader{height:200px}.hot-posts .hot-item{width:100%;height:180px;margin:4px 0 0}.hot-posts .item-0{margin:0}.featured-posts > .col-width,.grid-big li{width:100%}.feat-big li,.feat-big .item-0{width:100%}.feat-big .item-1{margin:20px 0 0}.grid-big li.item-big{margin:30px 0 0}.grid-big li.item-0{margin:0}.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-big .feat-inner .post-image-link,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{width:100%;height:180px;margin:0 0 10px}.index-post .post-info,.feat-big .item-big .post-info,.feat-list .post-info{float:left;width:100%}.post-snippet{margin:8px 0 0}#menu-footer,#sub-footer-wrapper .copyright-area{width:100%;height:auto;line-height:inherit;text-align:center}#menu-footer{margin:10px 0 0}#sub-footer-wrapper .copyright-area{margin:10px 0}#menu-footer ul li{float:none;height:auto}#menu-footer ul li a{line-height:inherit;margin:0 3px 5px}}@media screen and (max-width: 540px) {.hot-posts .hot-item,.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-big .feat-inner .post-image-link,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{height:160px}.share-links li a span{display:none}.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{width:30px}ul.related-posts{margin:0}.related-posts .related-item,.grid-small li,.feat-big .item-small{width:100%;padding:0;margin:20px 0 0}.feat-big .item-0{margin:0}.feat-big .item-small .post-info,.grid-small .post-info{float:none;overflow:hidden}.grid-small li:nth-child(3n+1){margin:20px 0 0}.grid-small li.item-1,.grid-small li.item-2{margin:20px 0 0}.related-posts .item-0,.grid-small li.item-0{padding:0;margin:0;border:0}.related-posts .related-item:first-child{padding:0}.related-posts .post-image-link,.feat-big .item-small .post-image-link,.grid-small .post-image-link{width:75px;height:65px;float:left;margin:0 12px 0 0}.related-posts .post-tag{display:none}.related-posts .post-title,.grid-small .post-title{font-size:13px;overflow:hidden;margin:0 0 5px}.inline-ad,.inline-ad > ins{height:auto;min-height:1px;max-height:250px}.item-post h1.post-title{font-size:25px}}@media screen and (max-width: 440px) {.hot-posts .post-title,.hot-posts .item-0 .post-title{font-size:15px}.queryMessage{text-align:center}.queryMessage a.show-more{width:100%;margin:10px 0 0}.item-post h1.post-title{font-size:21px}blockquote{padding:10px 15px}.about-author{text-align:center}.about-author .avatar-container{float:none;display:table;margin:0 auto 10px}#comments ol{padding:0}.errorWrap{padding:70px 0 100px}.errorWrap h3{font-size:130px}}@media screen and (max-width: 360px) {.about-author .avatar-container{width:60px;height:60px}} #dev_blogger{margin: 10px;text-align: center; color: #fff;background: linear-gradient(50deg,#ff4169,#8b41f6);border: 1px solid #007fa0;padding: 5px 19px;cursor: pointer;font-size: 14px;border-radius: 10px;} #dev_blogger:hover{color: #fff;background: #152536; } --> /*-------Typography and ShortCodes-------*/ .firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:"\f06e";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:"\f019";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:"\f09d";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:"\f14c";margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}.post-body ul li:before{content:"\f105";margin-right:5px;font-family:fontawesome}pre{font-family:Monaco, "Andale Mono", "Courier New", Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:'Code';display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:"\f058"}.fa-info-circle:before{content:"\f05a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-exclamation-circle:before{content:"\f06a"}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}} .FollowByEmail { clear: both; } .widget .post-body ol { padding: 0 0 0 15px; } .post-body ul li { list-style: none; } .laxman-search-container { max-width: 600px; margin: 20px auto; font-family: Arial, sans-serif; } .search-box-wrapper { position: relative; margin-bottom: 10px; } .search-input { width: 100%; padding: 12px 45px 12px 15px; border: 2px solid #ddd; border-radius: 4px; font-size: 16px; outline: none; transition: border-color 0.3s; } .search-input:focus { border-color: #2c3e50; } .search-btn { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: #2c3e50; color: white; border: none; border-radius: 4px; padding: 8px 15px; cursor: pointer; font-size: 14px; } .suggestions-container { background: white; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); max-height: 0; overflow: hidden; transition: max-height 0.3s; } .suggestions-container.active { max-height: 200px; overflow-y: auto; } .suggestions-header { display: flex; justify-content: space-between; padding: 8px 12px; background: #f5f5f5; border-bottom: 1px solid #eee; font-size: 12px; color: #666; } .clear-btn { background: none; border: none; color: #e74c3c; cursor: pointer; font-size: 12px; } .suggestions-list { list-style: none; margin: 0; padding: 0; } .suggestion-item { padding: 8px 12px; border-bottom: 1px solid #f1f1f1; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .suggestion-item:hover { background: #f9f9f9; } .suggestion-text { color: #333; } .suggestion-delete { background: none; border: none; color: #999; cursor: pointer; font-size: 12px; } /* Responsive design */ @media (max-width: 768px) { .laxman-search-container { margin: 15px 10px; } .search-input { padding: 14px 50px 14px 15px; font-size: 16px; /* Prevents zoom on iOS */ } .search-btn { padding: 10px 16px; } .suggestion-item { padding: 12px 15px; } } @media (max-width: 480px) { .search-input { font-size: 16px; padding: 16px 55px 16px 15px; } .search-btn { padding: 12px 18px; } } *{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif} body{background:#f8fafc;padding:15px} /* HERO SECTION */ .hero{ max-width:1000px; margin:auto; padding:40px 10px 30px; text-align:center } .hero h1{font-size:28px;margin-bottom:15px;color:#1e293b} .hero p{color:#555;line-height:1.7;max-width:800px;margin:auto} /* TOOLS SECTION */ .tools-container{max-width:1000px;margin:30px auto} .tools-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:14px } .tool-card{ display:flex; flex-direction:column; align-items:center; padding:16px 8px; border-radius:14px; background:#fff; border:1px solid #e2e8f0; text-decoration:none; transition:.2s; position:relative } .tool-card:hover{ transform:translateY(-4px); box-shadow:0 6px 15px rgba(0,0,0,.08) } .icon-container{ width:42px;height:42px;border-radius:12px; display:flex;align-items:center;justify-content:center; margin-bottom:10px;font-size:18px; background:#f1f5f9;border:1px solid #e2e8f0 } .tool-title{ font-size:.75rem; font-weight:600; text-align:center; color:#1e293b } .live-badge{ position:absolute; top:-6px;right:-6px; background:#e52e71; color:#fff; font-size:10px; padding:3px 7px; border-radius:12px } /* RECENT */ .recent-tools{ max-width:1000px; margin:20px auto; padding:18px; background:#fff; border-radius:14px; border:1px solid #e2e8f0 } .recent-tools h3{margin-bottom:12px;color:#1e293b} .recent-tools-grid{display:flex;gap:8px;flex-wrap:wrap} .recent-tool{ padding:6px 10px; background:#f1f5f9; border-radius:20px; font-size:.75rem; cursor:pointer } /* COLORS */ .icon-blue{color:#2563eb} .icon-purple{color:#7c3aed} .icon-red{color:#dc2626} .icon-teal{color:#0d9488} .icon-orange{color:#ea580c} .icon-green{color:#16a34a} .icon-indigo{color:#4f46e5} .icon-cyan{color:#0891b2} .icon-yellow{color:#ca8a04} .icon-pink{color:#db2777} @media(max-width:480px){ .tools-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))} } body { font-family: Arial, sans-serif; background-color: #ffffff; /* Background color */ margin: 0; padding: 0; } .menu-container { width: 100%; padding: 10px; /* Padding around the container */ text-align: center; /* Center the content */ } .menu-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* 4 buttons per row */ gap: 10px; /* Space between buttons */ padding: 40px 20px 20px; /* Increased padding on top for more space */ border: 1px solid #007BFF; /* Thin border around the grid */ border-radius: 8px; /* Rounded corners for the border */ background-color: #f9f9f9; /* Light background for contrast */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ position: relative; /* Position relative for title placement */ margin-top: 30px; /* Space above the box */ } .menu-title { font-size: 1.5em; /* Big title size */ color: #007BFF; /* Title color */ margin: 0; /* Remove default margin */ position: absolute; /* Position absolutely */ top: -10px; /* Adjusted position above the box for more space */ left: 20px; /* Align with left padding */ background-color: #f9f9f9; /* Match background color */ padding: 0 10px; /* Horizontal padding for title */ border: 1px solid #007BFF; /* Thin border around title */ border-radius: 8px; /* Rounded corners for title */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ z-index: 1; /* Ensure it is above the grid */ } .menu-button { background: linear-gradient(145deg, #007BFF, #0056b3); /* Gradient background */ color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer; text-decoration: none; /* Remove underline from links */ text-align: center; /* Center the text */ display: block; /* Make the link a block element */ box-shadow: 5px 5px 15px #b0b0b0, -5px -5px 15px #ffffff; /* 3D shadow effect */ transition: all 0.3s; /* Smooth transition for effects */ font-size: 1.1em; /* Slightly larger font size */ } .menu-button:hover { box-shadow: inset 5px 5px 15px #b0b0b0, inset -5px -5px 15px #ffffff; /* Change shadow on hover */ transform: translateY(2px); /* Move the button down */ } /* Responsive Styles */ @media (max-width: 600px) { .menu-button { padding: 8px; /* Adjust padding for small screens */ font-size: 1em; /* Smaller font size on mobile */ } } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0px; background-color: #f8fafc; } h1 { text-align: center; color: #2d3748; margin-bottom: 25px; font-weight: 600; font-size: 2.2rem; } #search-box { width: 86%; padding: 14px 20px; margin: 0 auto 30px; display: block; font-size: 16px; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } #search-box:focus { outline: none; border-color: #4299e1; box-shadow: 0 2px 12px rgba(66, 153, 225, 0.2); } ul#label_with_thumbs { width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; } ul#label_with_thumbs li { width: calc(33.33% - 14px); list-style: none; box-sizing: border-box; background-color: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; position: relative; } ul#label_with_thumbs li:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); } ul#label_with_thumbs li::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #4299e1, #38b2ac); opacity: 0; transition: opacity 0.3s ease; } ul#label_with_thumbs li:hover::before { opacity: 1; } #label_with_thumbs a { text-decoration: none; color: #2d3748; display: flex; flex-direction: column; align-items: center; padding: 25px 15px; height: 100%; } .pdf-icon { width: 80px; height: 80px; margin-bottom: 20px; background-color: #f0f9ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; position: relative; } .pdf-label { position: absolute; bottom: -10px; background: #4299e1; color: white; padding: 2px 10px; border-radius: 15px; font-size: 12px; font-weight: 500; } ul#label_with_thumbs li:hover .pdf-icon { transform: scale(1.1); background-color: #ebf8ff; } .pdf-icon img { width: 40px; height: 40px; transition: all 0.3s ease; } ul#label_with_thumbs li:hover .pdf-icon img { transform: scale(1.05); } .post-title { font-size: 16px; font-weight: 500; text-align: center; color: #4a5568; margin-top: 10px; line-height: 1.4; transition: all 0.3s ease; } ul#label_with_thumbs li:hover .post-title { color: #2b6cb0; } .count-highlight { color: #4299e1; font-weight: 700; font-size: 2.4rem; padding: 0 8px; } @media (max-width: 900px) { ul#label_with_thumbs li { width: calc(50% - 10px); } } @media (max-width: 600px) { ul#label_with_thumbs li { width: 100%; } .container { padding: 15px; } h1 { font-size: 1.8rem; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } ul#label_with_thumbs li { animation: fadeInUp 0.5s ease forwards; opacity: 0; } ]]>