<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> 404 - <data:blog.title/> </b:if> </b:if> */ /*===================================== = Main Template css =====================================*/ *{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{border:0;outline:0;vertical-align:baseline;background:0 0} ins{text-decoration:underline} del{text-decoration:line-through} blockquote{padding:10px;color:#999;font-style:italic;font-size:15px;line-height:27px;border-left:5px solid #EEE;padding-left:40px;margin-left:0} caption,th{text-align:center} img{border:none;position:relative} a,a:visited{text-decoration:none;font-weight:400} a{color:$(link.color);transition:color .4s ease-out} a:hover{color:$(link.color.hover)} q:after,q:before{content:''} abbr,acronym{border:0} .clear{clear:both} .section,.widget,.widget ul{margin:0;padding:0} ::-moz-selection{background-color:$(main.color);color:#fff} ::selection{background-color:$(main.color);color:#fff} .blog-feeds,.post-feeds,.quickedit{display:none} .status-msg-border{display:none} .status-msg-body{position:relative;padding:0} .status-msg-wrap{width:100%;background-color:#FFF;padding:30px 0;font-size:120%;margin-top:0} .status-msg-wrap a{display:none} p{font-weight:400} .menu li a,.post-home .author-info a,.sidebar .widget h2,.footer .widget h2,.loadmore a,.loadmore span,#clock,.post-labels a,.jump-link a,.slider-layout #slider .recent-title a,.popshow,.box-title h2 a,.item .post-share a,#copyrights,.author-info h4{font-family:Roboto Condensed} h,h1,h2,h3,h4,h5,h6,.PopularPosts .item-title a{font-family:Roboto Condensed} .post-body h1,.post-body h2,.post-body h3,.post-body h4{color:#333;margin-bottom:18px} .post-body h2{font-size:30px;line-height:40px} .post-body h3{font-size:25px;line-height:35px} .post-body h4{font-size:20px;line-height:30px} .post-body ul {padding-left:40px} body{background-color:#F2F2F2;line-height:25px;color:#555;margin:0;padding:0;font:normal normal 14px Merriweather;overflow-x:hidden} #pages-wrapper{background:#fff} .row{max-width:1150px;margin:0 auto} .wrapper{position:relative} .sideshad{-webkit-box-shadow:0 0 23px 2px rgba(0,0,0,0.25);-moz-box-shadow:0 0 23px 2px rgba(0,0,0,0.25);box-shadow:0 0 23px 2px rgba(0,0,0,0.25)} .content-wrapper{overflow:hidden;margin:0 auto;position:relative;background:#fff;padding:60px 0} .inside-content{overflow:hidden;position:relative} .main-wrapper{width:66%} .sidebar-wrapper{width:30%} .blogline{position:absolute;width:1px;height:100%;background:#E7E7E7} /*===================================== = Header css =====================================*/ .top-header{background-color:#E1E1E1;height:40px} .top-header-content{position:relative} .news-label span,.news .Label h2{display:none} .news-title{margin-top:8px} .news-title h2{margin-top:0;display:inline-block;float:left;position:relative;margin-right:25px;color:#fff;font-size:10px;line-height:12px;font-weight:700;text-transform:uppercase;padding:6px 14px;padding-right:17px;background:$(main.color);-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px} .news-title h2:after{content:'';position:absolute;width:18px;height:18px;background-color:$(main.color);-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:3px;right:-7px} .news{height:40px;overflow:hidden} .news ul{position:relative} .news li{list-style:none;display:block;padding:0;height:40px} .news .recent-date{font-size:10px;display:table-cell;vertical-align:middle;padding:0 15px;height:40px;color:#6A6A6A} .news .recent-title{font-size:13px;display:table-cell;vertical-align:middle;height:40px} .news .recent-title a{color:#333} .top-menu li{list-style:none;padding:0} .top-menu li a{line-height:40px;color:#333;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:8px} .top-menu li a:hover{color:$(main.color)} .top-menu{position:absolute;top:0} .header-wrapper{background-color:#FEFEFE;color:#484848} .header img{width:auto;height:90px} .header-widget-wrapper,.header-ad-wrapper{display:table-cell;vertical-align:middle} .inside-header{display:table;width:100%;padding:30px 0} .header-ad-wrapper{width:728px;height:90px} .header-ad .widget{line-height:0} .Header h1{color:#201F1F;line-height:1;font-size:55px;font-family:'Yanone Kaffeesatz',sans-serif;padding:0} .Header h1 a{color:#201F1F;font-weight:700} .Header .description{font-size:10px;margin-bottom:0} .slicknav_menu{background:$(main.color);overflow:hidden} .menu li.home-icon:hover a:hover{color:$(main.color);background:#FFF} .menu li.home-icon:hover a{color:#FFF} .menu li.home-icon a{background-color:rgba(0,0,0,0.21);color:#fff;font-size:20px;line-height:45px;height:45px;width:45px;text-align:center;padding:0;margin-top:8px;border-radius:50%} .home-icon{height:60px} .menu-icons ul li{list-style:none;display:inline-block;font-size:12px;line-height:30px} .menu-icons{text-align:center;height:30px;padding:0 10px} .menu-icons ul li a{color:#FFF;padding:0 10px;font-size:inherit;letter-spacing:0;text-transform:none} .menu-icons ul li a:hover{color:#E2E2E2} .search-button{float:right;height:60px;line-height:60px;width:50px;text-align:center;background:rgba(0,0,0,0.21)} .search-button a{display:block;color:#FFF} .search-button a:hover{color:$(main.color);background-color:#FFF} .search-box-overlay.search-box-overlay-show{visibility:visible;opacity:1} .search-box-overlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;visibility:hidden;z-index:999999;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);background-color:rgba(0,0,0,.94);text-align:center;-webkit-transition:all ease-in-out .25s;-moz-transition:all ease-in-out .25s;-ms-transition:all ease-in-out .25s;-o-transition:all ease-in-out .25s;transition:all ease-in-out .25s} .search-box-close{position:absolute;right:50px;top:70px;font-size:22px;-webkit-transition:transform ease-out .2s;-moz-transition:transform ease-out .2s;-ms-transition:transform ease-out .2s;-o-transition:transform ease-out .2s;transition:transform ease-out .2s;transform:rotate(0deg);color:#FFF} .search-box-close:hover{transform:rotate(90deg);color:#FFF} .search-box-wrapper p{font-size:14px;margin-bottom:40px;color:#fff;letter-spacing:2px;text-transform:uppercase} input.search-input{width:800px;background-color:transparent;-webkit-box-shadow:0 3px 0 0 rgba(255,255,255,.1);-moz-box-shadow:0 3px 0 0 rgba(255,255,255,.1);box-shadow:0 3px 0 0 rgba(255,255,255,.1);border:0;text-align:center;font-size:35px;padding:20px;color:#fff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} .search-box-wrapper .fa-search{font-size:25px;position:absolute;right:15px;top:30px;color:#fff;color:rgba(255,255,255,.2);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out} .search-box-wrapper form{position:relative} .search-box-wrapper{display:inline-block;max-width:1000px;vertical-align:middle;text-align:center;font-size:18px;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);ms-transform:scale(0.9);opacity:0;visibility:hidden;-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s} .search-box-overlay-show .search-box-wrapper{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);ms-transform:scale(1)} .search-box-wrapper input[type="submit"]{position:absolute;width:100px;height:100%;background-color:transparent;border:0;right:0;top:0;cursor:pointer;-webkit-appearance:button} .search-box-overlay:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em} input.search-input:focus{-webkit-box-shadow:0 3px 0 0 rgba(255,255,255,.2);-moz-box-shadow:0 3px 0 0 rgba(255,255,255,.2);box-shadow:0 3px 0 0 rgba(255,255,255,.2)} .search-box-wrapper .fa-search:hover{color:rgba(255,255,255,.3)} .menu-side{float:right;height:60px;border-left:1px solid rgba(0,0,0,0.07)} .menu-date{text-transform:uppercase;font-size:9px;text-align:center;letter-spacing:1px;color:#fff;line-height:30px;padding:0 10px;height:30px;border-bottom:1px solid rgba(0,0,0,0.07)} .menu{height:60px;position:relative;z-index:99;background:$(main.color)} .menu li{display:inline-block;line-height:60px;padding:0} .menu li a{display:block;padding:0 30px;color:#fff;text-transform:uppercase;font-size:13px} .menu li ul{margin-top:25px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;opacity:0;visibility:hidden;position:absolute;z-index:3;max-width:200px;width:100%;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);box-shadow:0 0 10px 0 rgba(0,0,0,0.15)} .menu li:hover a{color:#DDD} .menu li ul li{display:block;line-height:40px} .menu li ul li a{background-color:#FFF;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400;color:#555} .menu li:hover ul li a{color:#555} .menu li:hover ul li a:hover{background-color:$(main.color);color:#FFF} #nav ul,#nav li ul li{float:none} .hasub:after{content:'\f0d7';font-family:fontawesome;line-height:0;position:relative;top:-30px;font-size:10px;color:#DDD} .menu li ul li:last-child a{border-bottom:0} .hasub2{position:relative} li.hasub2:after{content:'\f0da';font-family:fontawesome;position:absolute;top:0;color:#555;font-size:11px} li.hasub2:hover:after{color:#fff} .menu li:hover ul ul{margin-top:25px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;opacity:0;visibility:hidden} .menu li ul ul{top:0} .menu li ul li:hover ul{margin-top:0;opacity:1;visibility:visible} .megaContent{margin-top:25px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;opacity:0;visibility:hidden;width:100%;height:100px;position:absolute;z-index:3;background-color:#fff;color:#FFF;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);box-shadow:0 0 10px 0 rgba(0,0,0,0.15)} .menu li:hover ul{margin-top:0;opacity:1;visibility:visible} .menu li:hover .megaContent{margin-top:0;opacity:1;visibility:visible} .megaBox{width:25%;height:220px;overflow:hidden;margin-top:15px;position:relative;display:table} .mega{overflow:hidden;line-height:1} .mega .recent-thumb{display:block;height:220px;width:100%;opacity:.6} .mega .imgc{background-color:#000} .mega .rthumbc{position:absolute;width:100%;top:0} .menu .mega .recent-title a{background-color:transparent!important;font-size:18px;line-height:26px;padding:0;text-transform:none;letter-spacing:0;color:#FFF} .mega .recent-content{position:relative;z-index:1;padding:15px;text-align:center;display:table-cell;vertical-align:middle} .mega .recent-date,.mega .recent-author{font-size:10px;line-height:21px;display:block;color:#EEE} .megaLoader{width:50px;height:50px;text-align:center;font-size:30px;position:absolute;top:50%;margin-top:-25px;color:#555} /*===================================== = Slider =====================================*/ .sliderTag a{background-color:$(main.color);padding:3px 15px;display:inline-block;font-size:11px;text-transform:uppercase;margin-bottom:30px;color:#FFF;border-radius:2px} .slidermeta{font-size:11px} .slider-layout h2{display:none} .smallheader{background-color:#E1E1E1;overflow:hidden;height:600px;padding:60px 0;position:relative} .slider-layout #slider .recent-incontent span{color:#E2E0E0;font-weight:400} .slider-layout #slider .recent-thumb{width:100%;height:480px;display:block;opacity:.5} .slider-layout #slider .recent-title a{color:#FFF;font-size:28px;line-height:36px} .slider-layout #slider .recent-title{margin-bottom:30px;margin-top:0} .slider-layout #slider .slides li{height:480px;background-color:#000;overflow:hidden} .slider-layout #slider .recent-incontent i{color:#EEE} .slider-layout #slider .recent-content{height:480px;position:absolute;top:0;width:70%;left:15%;text-align:center;display:table} .slider-layout #slider .recent-incontent{display:table-cell;vertical-align:middle;width:100%;text-align:center} .slider-layout #carousel .recent-thumb{width:60px;height:60px;display:table-cell;vertical-align:middle;border-radius:5px} .slider-layout #carousel .slides li{padding:10px;width:100%;height:80px} .slider-layout #carousel .slides li:last-child{margin-bottom:0;border-bottom:0} .slider-layout #carousel .slides li .recent-content{padding:0 15px;margin-right:50px;display:table-cell;vertical-align:middle} .slider-layout #carousel .slides li.flex-active{background-color:$(main.color);opacity:1} .slider-layout #carousel .slides li.flex-active .recent-title a{color:#FFF} .slider-layout .flexslider#slider{width:65%} .slider-layout #carousel{margin:0 auto;overflow:hidden;width:35%;background:#FFF;height:480px} .slider-layout #carousel .recent-title{margin:0} .slider-layout #carousel .recent-title a{font-size:15px;line-height:23px;font-weight:700;color:#333} .tp-loader{top:50%;z-index:10000;position:absolute} .tp-loader.spinner0{width:40px;height:40px;background:url(http://2.bp.blogspot.com/-nwP60qKqQcw/VbktCrEwg-I/AAAAAAAAE0c/N4rJlbx34_E/s1600/loader.gif) no-repeat center center;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.15);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.15);margin-top:-20px;margin-left:-20px;-webkit-animation:tp-rotateplane 1.2s infinite ease-in-out;animation:tp-rotateplane 1.2s infinite ease-in-out;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} @-webkit-keyframes tp-rotateplane { 0%{-webkit-transform:perspective(120px)} 50%{-webkit-transform:perspective(120px) rotateY(180deg)} 100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)} } @keyframes tp-rotateplane { 0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)} 50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)} } .flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus{outline:none} .slides,.slides > li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} .flex-pauseplay span{text-transform:capitalize} .flexslider{margin:0;padding:0} .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden} .flexslider .slides img{width:100%;display:block} .flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .flexslider .slides{display:block} * html .flexslider .slides{height:1%} .no-js .flexslider .slides > li:first-child{display:block} .flexslider{margin:0;position:relative;zoom:1} .flexslider .slides{zoom:1} .flexslider .slides img{height:auto} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .loading .flex-viewport{max-height:300px} .carousel li{margin-right:5px} .flex-direction-nav{*height:0} .flex-direction-nav a{text-decoration:none;display:block;width:50px;height:50px;line-height:50px;margin:-25px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;background-color:rgba(0,0,0,0.8);color:#FFF;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center} .flex-direction-nav a:before{font-family:"FontAwesome";font-size:15px;display:inline-block;content:'\f053';color:#FFF} .flex-direction-nav a.flex-next:before{content:'\f054'} .slider-layout .flex-direction-nav .flex-prev{right:-50px} .flex-direction-nav .flex-prev{left:-50px} .flex-direction-nav .flex-next{right:-50px} .slider-layout .flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px} .flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1} .flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px} .flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1} .flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default} .flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000} .flex-pauseplay a:before{font-family:"FontAwesome";font-size:20px;display:inline-block;content:'\f004'} .flex-pauseplay a:hover{opacity:1} .flex-pauseplay a.flex-play:before{content:'\f003'} .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center} .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline} .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px} .flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)} .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default} .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden} .flex-control-thumbs li{width:25%;float:right;margin:0} .flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .flex-control-thumbs img:hover{opacity:1} .flex-control-thumbs .flex-active{opacity:1;cursor:default} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev{opacity:1;right:10px} .flex-direction-nav .flex-next{opacity:1;left:10px} } /*===================================== = Sidebar =====================================*/ .sidebar .widget h2{color:#333;font-size:14px;margin-bottom:30px;text-transform:uppercase;letter-spacing:1px;padding-left:40px;position:relative} .sidebar .widget h2:before{font-family:'FontAwesome';content:'\f111';width:30px;text-align:center;font-size:11px;position:absolute;background-color:$(main.color);color:#FFF;border-radius:2px;height:30px;line-height:30px;top:-7px;left:0;z-index:8} .sidebar .widget h2:after{content:'';background-color:#E7E7E7;height:1px;width:100%;position:absolute;top:50%;margin-top:-1px;margin-left:8px} .sidebar .Label.widget h2:before{content:'\f02c'} .sidebar .PopularPosts.widget h2:before{content:'\f0e7';background-color:#4A6674} .sidebar .instawidget.widget h2:before{content:'\f16d';background-color:#3f729b} .sidebar .social-widget.widget h2:before{content:'\f234';background-color:#E8E8E8;color:#555} .sidebar .facewidget.widget h2:before{content:'\f09a';background-color:#3b5998} .sidebar .tweewidget.widget h2:before{content:'\f099';background-color:#55acee} .sidebar .flicwidget.widget h2:before{content:'\f16e';background-color:#0063dc} .sidebar .dribbwidget.widget h2:before{content:'\f17d';background-color:#ea4c89} .sidebar .FollowByEmail.widget h2:before{content:'\f003';background-color:#2D2D2D} .sidebar .weatherwidget.widget h2:before{content:'\f0c2';background-color:#87CEEB} .sidebar .FeaturedPost.widget h2:before{content:'\f02e';background-color:#00B488} .sidebar .widget{overflow:hidden;margin-bottom:40px;padding-top:7.5px} /*===================================== = Home Layout =====================================*/ .item .holay{display:none} .item .smallheader{display:none} .holay .flex-direction-nav li{width:auto} .holay .rthumbc a{width:100%;height:120px;display:block} .holay .rthumbc{overflow:hidden;width:100%;border:6px solid transparent} .holay .recent-content{border:6px solid transparent} .holay .recent-title a{font-size:15px;font-weight:700;color:#333} .holay .recent-title{margin-top:0;margin-bottom:5px;position:relative} .holay .recent-date,.holay .recent-author{font-size:11px;color:#888;font-weight:400} .holay .first .rthumbc .first-thumb{width:100%;height:180px} .holay .first .rthumbc{display:block;width:100%;height:180px} .holay li{padding:0;margin-bottom:15px;display:inline-block;vertical-align:top;width:33.333%;list-style:none;position:relative} .holay .first{margin-bottom:30px} .holay .recent-des{line-height:22px;font-size:13px;margin-top:10px;margin-bottom:0;color:#666} .holay .first .recent-title a{font-size:16px;line-height:25px} .holay .first-content{padding:15px 0} .holay .holay-layout{overflow:hidden} .holay .holay-layout .recenty{padding-top:0} .box-title{margin-bottom:20px;height:30px;line-height:30px} .box-title h2 a{font-size:15px;color:#FFF;display:block;padding:0 20px;background-color:#737373;line-height:30px} .box-title h2{display:inline-block;margin:0} .box-title h2 a:hover{color:#FFF;background-color:$(main.color)} .holay .recent-title a:hover{color:$(main.color)} .holay-layout .widget{margin-bottom:40px} .half-wrap .half{width:50%;display:inline-block;vertical-align:top;padding:0 7.5px;margin-bottom:0!important} .half-wrap{margin:0 -7.5px;margin-bottom:40px;overflow:hidden} .holay-layout .recenty ul{overflow:hidden;position:relative} .holay .list1 li{width:100%;overflow:hidden;margin-bottom:15px;border:6px solid transparent} .holay .list1 li .rthumbc{display:table-cell;vertical-align:middle;width:45%;border:0} .holay .list1 li .rthumbc a{height:180px} .holay .list1 li .recent-content{display:table-cell;vertical-align:middle;padding-left:20px} .holay .list1 li .recent-content .recent-title a{font-size:18px;line-height:25px} .holay .list1 li .recent-content .recent-des{font-size:12px;line-height:22px} .holay .list1 li .recent-content .recent-date{font-size:12px} .holay .list4 li{width:50%;overflow:hidden} .holay .list4 .rthumbc a{height:170px} .holay .list4 .recent-content{background-color:#FFF;position:relative;margin-top:-50px;margin-left:7%;border:0;padding:20px;padding-bottom:0;position:relative;z-index:99} .holay .list4.half li{width:100%} .holay .list4 li .recent-title a{font-size:17px;line-height:23px} .postsTag a{text-transform:uppercase;font-size:9px;color:#FFF;padding:2px 6px;font-weight:700} .holay .list3 .first .postsTag a,.holay .list5 .first .postsTag a,.holay .list6 .first .postsTag a,.holay .list8 .first .postsTag a,.holay .list_10 .postsTag a{font-size:12px} .postsTag {z-index:99} .postsTag{margin-bottom:10px} .list2 .postsTag,.list4 .postsTag{position:absolute;top:15px;left:15px} .holay .list3 .first,.holay .list3 li{position:relative} .holay .list3 .postsTag{position:absolute;top:15px;left:15px} .holay .list3 .first .rthumbc{border:0;height:auto} .holay .list3 .first .rthumbc a{height:320px} .holay .list3 .first .first-content{margin-top:-67px;background-color:#FFF;margin-left:50px;padding:35px;padding-bottom:0;position:relative;z-index:99} .holay .list3 .first .recent-title a{font-size:24px;line-height:35px} .holay .list3 .first .recent-des{color:#777;font-size:13px;line-height:25px;margin-top:15px;margin-bottom:0} .holay .list3 .first .recent-date{font-size:12px} .holay .list3 .first .recent-title{margin-bottom:15px} .holay .list5 .first .rthumbc{height:auto;border:0} .holay .list5 .first .rthumbc a{height:250px} .holay .list5 .first{position:relative} .holay .list5 .first .first-content{text-align:center;padding:30px;padding-bottom:0} .holay .list5 .first .recent-title{margin-bottom:10px} .holay .list5 .first .recent-title a{font-size:24px;line-height:35px} .holay .list5 .first .postsTag{margin-bottom:20px} .holay .list5 .first .recent-des{font-size:13px;line-height:25px;margin-top:20px;margin-bottom:0} .holay .list5 li .postsTag{position:absolute;top:15px;left:15px} .holay .list6 .first .rthumbc{height:auto;border:0;background-color:#111} .holay .list6 .first .rthumbc a{height:330px;opacity:.5} .holay .list6 .first{position:relative} .holay .list3 .ex-first,.holay .list5 .ex-first,.holay .list6 .ex-first,.holay .list1 ul,.holay .list2 ul,.holay .list4 ul,.holay .list7 ul{margin:-6px} .holay .list6 .first .first-content{text-align:center;position:absolute;top:0;width:100%;padding:0;height:330px;display:table} .holay .list6 .first .first-content .recent-content-in{display:table-cell;vertical-align:middle} .holay .list6 .first .recent-title{width:70%;left:15%} .holay .list6 .first .recent-title a{font-size:24px;line-height:35px;color:#FFF} .holay .list6 .first .postsTag{margin-bottom:20px} .holay .list6 .first .recent-des{font-size:12px;line-height:24px;margin-top:20px;margin-bottom:0;color:#CCC} .holay .list6 li .postsTag{position:absolute;top:15px;left:15px} .holay .list6 .first .recent-date{color:#DDD} .holay .list7 li{width:50%;float:left;margin-bottom:0;border:6px solid transparent} .holay .list7 .rthumbc{border:0;background-color:#000} .holay .list7 .rthumbc a{height:200px;opacity:.5} .holay .list7 .recent-content{position:absolute;top:0;text-align:center;width:100%;height:180px;display:table} .holay .list7 .recent-content-in{display:table-cell;vertical-align:middle} .holay .list7 .recent-title{width:80%;left:10%} .holay .list7 .recent-title a{color:#FFF;font-size:17px;line-height:25px} .holay .list7 .recent-date{color:#CCC} .holay .list8 .first{position:relative;margin-bottom:0} .holay .list8 .first li{margin-bottom:0;border:6px solid transparent} .holay .list8 .first .rthumbc{border:0;background-color:#000;height:auto} .holay .list8 .first .rthumbc a{height:500px;opacity:.5} .holay .list8 .first .first-content{position:absolute;top:0;text-align:center;width:100%;height:250px;display:table} .holay .list8 .first .recent-content-in{display:table-cell;vertical-align:middle} .holay .list8 .first .recent-title a{color:#FFF;font-size:24px;line-height:35px} .holay .list8 .first .postsTag{margin-bottom:20px} .holay .list8 .first .recent-title{margin-bottom:20px;width:70%;left:15%} .holay .list8 .first .recent-date{color:#CCC} .holay .list8 .first:before{content:"";width:50%;left:25%;display:block;position:absolute;top:250px;background-color:#CCC;height:1px} .list8 .ex-first{position:absolute;top:315px;width:90%;left:5%;text-align:center;height:125px;overflow:hidden} .holay .list8 .recent-title a{color:#FFF} .holay .list8 .recent-date{color:#CCC} .holay .list9 li{width:100%;padding-left:5px;margin-bottom:0} .holay .list9 .recent-date{margin-bottom:15px;display:block} .holay .list9 .recent-content{border:0;border-left:1px solid #CCC;padding-left:30px;margin-bottom:30px;position:relative} .holay .list9 .recent-title{margin-bottom:15px} .holay .list9 .recent-title a{font-size:20px;line-height:28px} .holay .list9 .recent-content:before{content:"\f017";font-family:"FontAwesome";position:absolute;font-size:10px;left:-5px;background-color:#FFF} .holay .list9.half .recent-title a { font-size: 17px; line-height: 25px; } .holay .list9 li:hover .recent-content:before{color:$(main.color)} .holay .list9 li:last-child .recent-content{padding-bottom:0;margin-bottom:0} .holay .list9 .recent-des{font-size:12px;margin-bottom:0} .holay .list9.half .recent-content{padding-left:15px} .holay .list_10 li{width:100%;float:none;margin-bottom:15px;border:0} .holay .list_10 .rthumbc{border:0;background-color:#000} .holay .list_10 .rthumbc a{height:350px;opacity:.5} .holay .list_10 .recent-content{position:absolute;top:0;text-align:center;width:100%;height:350px;display:table;border:0} .holay .list_10 .recent-content-in{display:table-cell;vertical-align:middle} .holay .list_10 .recent-title a{color:#FFF;font-size:24px;line-height:35px} .holay .list_10 .recent-date{color:#CCC} .holay .list_10 .postsTag{margin-bottom:20px} .holay .list_10 .recent-title{margin-bottom:20px;width:70%;left:15%} .holay .list_10.half .recent-title{width:80%;left:10%} .holay .list_10.half .rthumbc a{height:250px} .holay .list_10.half .recent-content{height:250px} .holay .list_10.half .recent-title a{font-size:18px;line-height:26px} .holay .list_10.half .postsTag a{font-size:9px} .holay .list_10.half li:last-child{margin-bottom:0} .holay .list_11 .first{width:50%;float:left;position:relative;padding-right:7.5px;margin-bottom:0} .holay .list_11 .ex-first li:last-child{margin-bottom:0} .holay .list_11 .ex-first{width:50%;float:right;padding-left:7.5px} .holay .list_11 .ex-first li{width:100%} .holay .list_11 .ex-first li .rthumbc{border:0;width:70px;height:70px;border-radius:3px;float:left;margin-right:15px;z-index:1;position:relative} .holay .list_11 .ex-first li .rthumbc .recent-thumb{height:70px;width:70px} .holay .list_11 .ex-first li .postsTag{display:none} .holay .list_11 .first .postsTag{position:absolute;top:15px;left:15px} .holay .list_11 .first .rthumbc{border:0;height:300px} .holay .list_11 .first .first-content{position:relative;border:0;padding:20px;background-color:$(main.color)} .holay .list_11 .first .recent-date{color:#EEE} .holay .list_11 .first .rthumbc .first-thumb{height:300px} .holay .list_11 .first .recent-title a{font-size:18px;line-height:27px;color:#FFF} .holay .list_11 .first .recent-des{color:#f8f8f8;font-size:10px;line-height:18px;margin-bottom:0} .holay .list_11.half .first{width:100%;padding-right:0;float:none;margin-bottom:15px} .holay .list_11.half .ex-first{width:100%;float:none;padding-left:0} .holay .list_11.half .first .first-content{position:absolute;bottom:0;background-color:transparent} .holay .list_11.half .first .recent-des{display:none} .holay .list_11.half .first .rthumbc .first-thumb:before{content:no-close-quote;position:absolute;bottom:0;width:100%;height:151px;background:url(http://2.bp.blogspot.com/-BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x;opacity:.9;background-size:250px 100%;height:250px} .holay-layout .widget.list1,.holay-layout .widget.list2,.holay-layout .widget.list3,.holay-layout .widget.list4,.holay-layout .widget.list5,.holay-layout .widget.list6,.holay-layout .widget.list7,.holay-layout .widget.list_10{margin-bottom:25px} .box-title:after{content:'';height:1px;width:100%;display:block;background-color:#E4E4E4;margin-top:-15px} .holay .Label h2,.holay .Label .widget-content{display:none} .holay-layout .recenty.slider .slides,.fullSlider,.holay .holay-layout .slider .slides li,.holay .slider .rthumbc,.holay .slider .rthumbc a{height:400px} .holay-layout .recenty.slider .slides{border:0;padding:0;overflow:hidden} .fullSlider{overflow:hidden} .holay .holay-layout .slider .slides li{width:100%;margin:0;overflow:hidden;text-align:center;background-color:#000;position:relative;z-index:9} .slider .slidercontent{display:table;width:100%;height:100%} .holay .slider .rthumbc{display:block;width:100%;position:absolute;top:0;z-index:8;border:0} .holay .slider .rthumbc a{width:100%} .holay .slider .recent-content{z-index:9;position:absolute;bottom:30px} .holay .slider .recent-title a{color:#FFF;font-size:25px;line-height:31px} .holay .slider .recent-title{margin-bottom:15px} .holay .slider .recent-date,.holay .slider .recent-author{color:#EEE} .holay .slider .recent-des{color:#d8d8d8;font-size:12px;line-height:21px;margin-top:15px;margin-bottom:0} .holay .slider .recent-thumb:before{content:no-close-quote;position:absolute;bottom:0;width:100%;height:151px;background:url(http://2.bp.blogspot.com/-BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x;opacity:.9;background-size:250px 100%;height:250px} .slider .flex-direction-nav a{position:relative;display:block;margin:0;opacity:.7} .holay-layout .slider .flex-direction-nav{position:absolute;top:15px;right:15px;z-index:9;border:0;padding:0;margin:0} .slider .flexslider .flex-direction-nav a{left:0;right:0} .slider .flex-control-nav{bottom:0;height:7px;z-index:9;padding:0 1px} .slider .flex-control-nav li{width:20%;margin:0;padding:0 1px} .slider .flex-control-nav li a{display:block;height:7px;width:100%;background-color:#EEE;opacity:.3;-webkit-box-shadow:inset 0 0 0 rgba(255,255,255,0.3);-moz-box-shadow:inset 0 0 0 rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 0 rgba(0,0,0,0.3);box-shadow:inset 0 0 0 rgba(0,0,0,0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:0} .slider .flex-control-nav li a.flex-active{background-color:$(main.color);opacity:1} .slider-layout .widget-content{display:none} .holay .Label{height:350px} .holay .Label:after{content:'\f110';font-family:FontAwesome;width:40px;height:40px;font-size:40px;text-align:center;line-height:40px;display:block;position:absolute;top:50%;right:50%;margin-right:-20px;margin-top:-20px;-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} @-webkit-keyframes fa-spin { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes fa-spin { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } /*===================================== = Posts =====================================*/ span.tagtext{font-size:11px;font-weight:700;letter-spacing:2px;color:#666;margin-right:10px} .item .post-labels{display:block} .item .post-labels a{background-color:#9D9D9D;color:#FFF;text-transform:uppercase;padding:2px 25px;font-size:11px;display:inline-block;text-align:center} .item .post-labels a:hover{background-color:$(main.color);color:#FFF} .underpost{border-top:1px solid #E7E7E7;padding-top:30px} .parallax-image .post-buttons{display:none} .post-buttons{float:right} .post-buttons a,.post-buttons a .fa{color:#C2C2C2} .post-buttons a .fa{margin-right:5px} .post-buttons a{margin-left:10px} .post-buttons a:hover,.post-buttons a:hover .fa{color:#555} .item .post-meta{font-size:12px} .item .post .post-meta{margin-bottom:30px} .post-meta abbr{border-bottom:0!important} .authorBox{overflow:hidden;border-bottom:1px solid #E7E7E7;padding-bottom:30px;margin-bottom:30px} .authorBox .author-img{width:130px;height:130px;border-radius:50%;float:left;overflow:hidden} .authorBox .author-img .img{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;display:block;width:100%;height:100%} .authorBox .author-info{color:#555;padding:15px 25px} .authorBox .author-info h4{margin-bottom:10px;font-size:20px;color:#333} .authorBox .author-soc{margin-top:10px} .authorBox .author-soc a{font-size:13px;color:#111} .authorBox .author-bio{font-size:12px;line-height:21px} .author-short img{max-width:100%;width:100%;height:auto;border-radius:0;display:block;margin:0 auto;margin-bottom:10px;background-color:#FFF;border:1px solid #EEE;padding:10px} .author-short{text-align:center;max-width:120px;float:right} .author-short .post-author{text-transform:uppercase;font-weight:700;font-family:Roboto Condensed} .post-wrapper{overflow:hidden} .share-buttons{overflow:hidden} .share-buttons a{background-color:#555;color:#FFF;width:20%;float:left;display:block;text-align:center;padding:5px 0;font-size:15px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:5px} .share-buttons a span{font-size:7px;vertical-align:middle;margin-left:5px} .share-buttons a:hover{background-color:#111} .share-buttons .facebook{background-color:#3b5998} .share-buttons .twitter{background-color:#55acee} .share-buttons .google-plus{background-color:#dc4e41} .share-buttons .linkedin{background-color:#0077b5} .share-buttons .pinterest{background-color:#bd081c} .related-title{background-color:#FFF;padding:15px;margin-top:-40px;margin-left:15px;position:relative;margin-bottom:0;padding-bottom:0} .related-item a h3:hover{color:$(main.color)} .related-posts{border-top:1px solid #E7E7E7;padding-top:30px;margin-bottom:30px} li.related-item{display:inline-block;vertical-align:top;width:33.3333333%;list-style:none;padding:10px} .related_img{display:block;width:100%;height:120px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;margin-bottom:15px} .related-posts ul{margin:-10px;overflow:hidden} .related-posts h2{font-size:14px;margin-bottom:30px;text-transform:uppercase;letter-spacing:1px;padding-left:40px;color:#222;position:relative} .related-posts h2:before{font-family:'FontAwesome';content:'\f087';width:30px;text-align:center;font-size:11px;position:absolute;background-color:#DD2F2F;color:#FFF;border-radius:2px;height:30px;line-height:30px;top:-7px;left:0;z-index:8} .bt-margin{margin-bottom:30px} .post-pager{overflow:hidden} .pager-link{position:relative;width:49%;height:110px;background-color:#F6F6F6} .pager-link:hover{background-color:$(main.color)} .pager-link.prev{float:left} .post-pager .next{text-align:right;float:right} .post-pager .img{width:110px;height:110px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;position:absolute;top:0} .pager-link:hover .img{opacity:.3} .post-pager a{display:block;width:100%;height:110px} .post-pager h3{display:inline-block;color:#333;line-height:23px;font-size:17px} .post-pager .prev h3{margin-left:130px;margin-right:20px} .post-pager .next h3{margin-right:130px;margin-left:20px} .post-pager .fa{line-height:110px;font-size:40px;vertical-align:middle;position:absolute;z-index:9;opacity:0} .post-pager .pager-link:hover h3,.post-pager .post-link:hover .fa{color:#FFF} .pager-link:hover .fa{opacity:1;color:#FFF} .post-pager .prev .img{left:0} .post-pager .next .img{right:0} .post-pager .prev .fa{left:35px} .post-pager .next .fa{right:35px} .item .post-footer{overflow:hidden;position:relative;float:left;width:120px;text-align:center;position:absolute!important;margin-top:0!important} .item .post-share{position:relative;top:0} .item .post-share a{color:#555;background-color:#EEE;border-radius:5px;font-size:16px;width:100%;height:50px;line-height:50px;margin-bottom:10px} .disqus-blogger-comment-link{display:none} .post-share{overflow:hidden;text-align:center;position:absolute;top:-60px;right:15px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .post-home:hover .post-share{top:15px} .post-share a{height:35px;width:35px;line-height:35px;display:inline-block;color:#FFF;border-radius:50%} .post-share a:hover{background-color:$(main.color);color:#FFF} .post-share .fa{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;line-height:35px} .item #blog-pager{display:none} .item .post{overflow:hidden;margin-top:0} .featured-contents h3{margin-top:0} .item .post-title{font-size:3em;line-height:1.4em;font-weight:700;margin-bottom:15px;color:#222;padding-top:0;margin-top:0} .item .page-title-content h1{font-size:3.45em;line-height:1.2em;font-weight:700;letter-spacing:-1px;margin-bottom:20px;color:#fff} .label-info{background:#FAFAFA;padding:20px 15px;color:#555;margin-bottom:30px;text-transform:uppercase;display:block;text-align:center;width:100%;border-radius:5px} .label-info .breadcum{float:right} .label-info .breadcum li{list-style:none;display:inline-block;font-size:9px} .breadcum li a{padding:0 5px;text-transform:uppercase} .label-info h1{float:left;font-size:15px;padding:0} .label-info{overflow:hidden} .post-body{line-height:27px;font-size:16px} .item .post-body{line-height:28px;font-size:16px;color:#555;font-family:'Open Sans',sans-serif;float:right;margin-bottom:30px;padding-left:150px} .item .post-body a{color:#38c} .item .post-body a:hover{color:#000;text-decoration:underline} .item .post-body img{max-width:100%} .post-thumb{line-height:0;position:relative;overflow:hidden;float:right;width:45%} .post-thumb a{display:block;width:100%;overflow:hidden} .item .post-thumb{width:100%;float:none} .post-thumb img{width:100%;height:auto} .index .widget.Blog .post-outer{overflow:hidden;margin-bottom:40px;border-bottom:0;padding-bottom:0} .index .post:first-child{margin-top:0} .index div.widget.Blog .post-footer{margin-top:0} .post-home .post-title{font-size:32px;line-height:42px;margin-bottom:15px;font-weight:700;padding-top:0;padding-bottom:0;margin-top:0} .post-home .post-title a{font-weight:700;color:#333} .post-home .post-title a:hover{color:$(main.color)} .post-info{overflow:hidden;padding:50px;background-color:#fff} .post-info,.post-thumb a{height:330px} .readingtime{margin-left:10px} .readingtime .fa{margin-right:5px} .post-timestamp{margin-left:10px} .post-timestamp i{color:#E8E8E8;font-size:13px} .post-meta{font-size:11px} .post-meta a{color:#777} .post-meta .fa{color:#777} .post-home .data-snippet{margin:15px 0 0;color:#666;font-size:13px;line-height:25px} .post-labels a{background-color:#F1F1F1;padding:5px 20px} .post-labels a:hover{color:#FFF;background-color:$(main.color)} .jump-link{width:100%;height:100%;display:table} .jump-link a{padding:0 10px;color:#FFF;border-radius:5px;display:table-cell;vertical-align:middle;text-align:center} .post-home .author-info{position:absolute;bottom:15px} .post-home .author-pic{border-radius:5px;width:35px;height:35px;vertical-align:middle} .post-home .author-info a{color:#EEE;font-size:13px} .post-home .author-info a:hover{color:#FFF} .blog-classic .post-home .author-info a:hover { color: $(main.color); } .overlay-bg{bottom:0;content:"";display:block;height:100%;width:100%;position:absolute;z-index:0;opacity:1;-webkit-transition:all 0 ease-in-out;-o-transition:all 0 ease-in-out;-ms-transition:all 0 ease-in-out;transition:all 0 ease-in-out;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.55)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0)} .post-home:hover .overlay-bg{background:rgba(0,0,0,0.55)} .loadmore{text-align:center;display:block;max-width:160px;margin:0 auto;border-radius:35px;overflow:hidden} .loadmore a{background-color:$(main.color);color:#fff;padding:15px 30px;display:block} .loadmore span{background-color:#C7C7C7;color:#fff;padding:15px 30px;display:block} .post-thumb{width:100%;float:none} .post-thumb a{height:450px} .post-home .author-info{top:300px;bottom:auto} .post-info{padding:40px;padding-bottom:0;height:auto;position:relative;margin-top:-100px} /*===================================== = Comments =====================================*/ #comments{margin:0;border-top:1px solid #DDD;padding-top:30px;display:none} .comments .comments-content .icon.blog-author:before{font-family:fontawesome;content:'\f058';margin-left:2px;color:#38c} .comments .comments-content .datetime a{float:right;color:#999;border-bottom:1px dotted;font-size:11px} .comments .comments-content .comment-header{display:block} .comments .comments-content .comment-content{font-weight:400} .comments .comments-content{color:#555} .comments .avatar-image-container{max-height:none;width:60px;height:60px;margin-top:15px} .comments .avatar-image-container img{border-radius:5px;max-width:60px;height:60px;z-index:22;position:relative} .comment-header{display:inline-block;padding:5px} .comments .comment-block{background-color:#FFF;padding:15px;margin-left:55px;padding-left:30px} .comments .comments-content .comment{border-bottom:1px solid #DDD} .comments .comments-content .comment-content{font-size:12px;line-height:21px} .comments .comments-content .user{text-transform:uppercase;font-family:Roboto Condensed} .comments .comment .comment-actions a{font-size:10px;font-weight:700} .comments .avatar-image-container{margin-right:15px} .comment-header{margin-right:15px!important} .comments .comments-content .datetime{float:right} .comments .comments-content .comment-header{padding-left:0} /*===================================== = Custom Widgets =====================================*/ .BlogArchive select{border:0;width:100%;height:45px;cursor:pointer} .BlogArchive select:hover{background-color:#555;color:#FFF} .twitter-widget li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0} .twitter-widget li:before{content:'\f099';font-family:fontawesome;font-size:15px;position:absolute;color:#55acee} .twitter-widget li .tweet{margin:0;line-height:16px} .twitter-widget li{position:relative;padding-bottom:15px;margin-bottom:15px;font-size:11px;font-weight:400;overflow:hidden} .twitter-widget .timePosted{font-size:8px;margin:0;margin-top:7px} .twitter-widget .tweet a:hover{text-decoration:underline} .twitter-widget li .tweet img{height:1.25em;width:1.25em;padding:0 .05em 0 .1em;vertical-align:-.2em} .sphoto-widget li{width:33.333%;overflow:hidden;position:relative;padding:0 5px;margin-bottom:10px;list-style:none} .sphoto-widget li img{width:100%;height:auto;border-radius:3px} .sphoto-widget li a{display:block;line-height:0} .sphoto-widget{overflow:hidden;margin:0 -5px} .sphoto-widget li img:hover{opacity:.5} .social-widget ul{margin:0 -5px} .social-widget li{padding:0;margin-bottom:10px;width:50%;padding:0 5px;float:left;list-style:none} .social-widget li a{display:block;height:50px;line-height:50px;background-color:#F6F6F6;margin-left:20px;color:#FFF;position:relative;-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s} .social-widget li a .fa{border-radius:2px;font-size:14px;line-height:40px;position:relative;width:40px;text-align:center;right:20px} .social-widget li a .icon_number{float:right;margin-right:20px;font-size:10px;color:#555} .social-widget li a:hover{background-color:#333} .social-widget li a:hover .icon_number{color:#fff} .social-widget li a.facebook .fa,.social-widget li a.facebook:hover{background-color:#3b5998} .social-widget li a.500px .fa,.social-widget li a.500px:hover{background-color:#0099e5} .social-widget li a.github .fa,.social-widget li a.github:hover{background-color:#333} .social-widget li a.instagram .fa,.social-widget li a.instagram:hover{background-color:#3f729b} .social-widget li a.linkedin .fa,.social-widget li a.linkedin:hover{background-color:#0077b5} .social-widget li a.soundcloud .fa,.social-widget li a.soundcloud:hover{background-color:#f50} .social-widget li a.vine .fa,.social-widget li a.vine:hover{background-color:#00b488} .social-widget li a.wordpress .fa,.social-widget li a.wordpress:hover{background-color:#21759b} .social-widget li a.yelp .fa,.social-widget li a.yelp:hover{background-color:#af0606} .social-widget li a.codepen .fa,.social-widget li a.codepen:hover{background-color:#000} .social-widget li a.flickr .fa,.social-widget li a.flickr:hover{background-color:#ff0084} .social-widget li a.google-plus .fa,.social-widget li a.google-plus:hover{background-color:#dc4e41} .social-widget li a.lastfm .fa,.social-widget li a.lastfm:hover{background-color:#d51007} .social-widget li a.reddit .fa,.social-widget li a.reddit:hover{background-color:#ff4500} .social-widget li a.skype .fa,.social-widget li a.skype:hover{background-color:#00aff0} .social-widget li a.spotify .fa,.social-widget li a.spotify:hover{background-color:#2ebd59} .social-widget li a.whatsapp .fa,.social-widget li a.whatsapp:hover{background-color:#43d854} .social-widget li a.youtube .fa,.social-widget li a.youtube:hover{background-color:#cd201f} .social-widget li a.yahoo .fa,.social-widget li a.yahoo:hover{background-color:#410093} .social-widget li a.xing .fa,.social-widget li a.xing:hover{background-color:#026466} .social-widget li a.vk .fa,.social-widget li a.vk:hover{background-color:#45668e} .social-widget li a.vimeo .fa,.social-widget li a.vimeo:hover{background-color:#1ab7ea} .social-widget li a.twitter .fa,.social-widget li a.twitter:hover{background-color:#55acee} .social-widget li a.pinterest .fa,.social-widget li a.pinterest:hover{background-color:#bd081c} .social-widget li a.dribbble .fa,.social-widget li a.dribbble:hover{background-color:#ea4c89} .social-widget li a.behance .fa,.social-widget li a.behance:hover{background-color:#1769ff} .social-widget li a.amazon .fa.social-widget li a.amazon:hover{background-color:#f90} .social-widget li a.tumblr .fa,.social-widget li a.tumblr:hover{background-color:#35465c} .social-widget li a.tripadvisor .fa,.social-widget li a.tripadvisor:hover{background-color:#589442} .social-widget li a.stumbleupon .fa,.social-widget li a.stumbleupon:hover{background-color:#eb4924} .social-widget li a.slack .fa,.social-widget li a.slack:hover{background-color:#6ecadc} .sidebar input.gsc-input{background-color:#EEE;border:0;height:37px;font-family:inherit;padding:2px 10px} .sidebar input.gsc-search-button{border:0;height:37px;padding:0 15px;cursor:pointer;background-color:#38c;color:#FFF;font-family:inherit} .sidebar form.gsc-search-box{margin:0} .sidebar .Profile .profile-name-link.g-profile{margin-bottom:8px;font-size:15px;text-transform:uppercase;font-weight:700} .sidebar .Profile .profile-data{vertical-align:middle;display:table-cell} .sidebar .Profile img{height:60px;width:auto} .sidebar .Profile .profile-textblock{margin-top:15px;font-weight:400;line-height:19px} .FollowByEmail p{font-size:12px;margin-top:0;margin-bottom:15px;color:#777} .follow-by-email-inner form{position:relative} .sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-address{border:0;height:45px;line-height:45px;padding:0 10px;padding-right:73px;font-family:inherit} .sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-submit{font-family:inherit;height:45px;border-radius:0;background-image:url(http://1.bp.blogspot.com/-Vv7-CpeBtZQ/VvTc9plEYpI/AAAAAAAAAEE/QY-ip1Dot68KMk-Gr8H_R_4-ulHynVMCA/envelope.png);border:medium none;margin-left:-4px;margin-top:0;width:63px;position:absolute;right:0;top:0} .sidebar .follow-by-email-inner .note{font-size:12px;margin-bottom:15px;line-height:22px} .sidebar .contact-form-name,.sidebar .contact-form-email,.sidebar .contact-form-email-message{max-width:none;border:0;padding:2px 10px;font-family:inherit;margin-bottom:6px} .sidebar .contact-form-widget{max-width:none} .sidebar .contact-form-email:hover,.sidebar .contact-form-name:hover,.sidebar .contact-form-email-message:hover{border:0;border-top:0;box-shadow:none} .sidebar .contact-form-email:focus,.sidebar .contact-form-name:focus,.sidebar .contact-form-email-message:focus{border:0;box-shadow:none} .sidebar .contact-form-name,.sidebar .contact-form-email{height:34px} .sidebar .contact-form-email-message{height:100px;margin-bottom:10px;padding:10px} .sidebar .contact-form-button-submit{background-color:$(main.color);background-image:none;border:0;font-family:inherit;width:100%;cursor:pointer;height:29px} .PopularPosts .widget-content ul li:first-child{padding-top:0} .PopularPosts .widget-content ul li:last-child{margin-bottom:0} .PopularPosts .item-content,.PopularPosts .item-thumbnail-only{padding:20px;background:#FFF;margin-top:-35px;position:relative;padding-bottom:0} .PopularPosts .item-thumbnail{float:none;margin:0;line-height:0} .item-thumbnail a{position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:100%;height:150px;display:block} .PopularPosts .widget-content ul li{margin-bottom:30px;padding:0;list-style:none} .PopularPosts .item-snippet{font-weight:400;font-size:10px;line-height:16px;margin-top:10px} .PopularPosts .widget-content ul li .post-meta{font-size:11px;margin-top:10px} .PopularPosts .item-title{font-size:17px;line-height:22px;font-weight:700;color:#333;padding-bottom:0} .sidebar .PopularPosts .item-title a:hover{color:$(main.color)} .PopularPosts .item-title a{color:#333;font-weight:700} .PopularPosts .item-title a:hover{color:$(main.color)} .sidebar .list-label-widget-content ul li{list-style:none;padding:0;overflow:hidden;position:relative} .sidebar .list-label-widget-content ul{padding:0} .sidebar .list-label-widget-content ul li a{display:block;padding:7px 15px;font-size:13px} .sidebar .list-label-widget-content ul li a:hover{background-color:$(main.color);color:#FFF!important;text-decoration:none} .sidebar .list-label-widget-content ul li a:before{content:"\f07c";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .sidebar .list-label-widget-content ul li span{font-weight:400;position:absolute;top:6px} .sidebar .list-label-widget-content ul li:hover span{color:#FFF} .cloud-label-widget-content{margin-top:20px} .cloud-label-widget-content span{position:relative;margin:4px 8px;display:inline-block;font-size:100%!important;line-height:2em;float:left} .cloud-label-widget-content span:before{content:"\f111";font-family:FontAwesome;color:#fff;font-size:6px;position:absolute;right:0;z-index:12;line-height:25px} span.widget-item-control{display:none} .cloud-label-widget-content span:after{content:"";height:19px;width:19px;border-radius:4px;position:absolute;right:-8px;transform:rotate(45deg);top:3px;background-color:#8F8989} .cloud-label-widget-content span span{display:none} .cloud-label-widget-content span a{border-radius:4px;background-color:#8F8989;color:#FFF;padding:0 15px;height:25px;line-height:25px;display:block;font-size:9px;text-transform:uppercase;font-weight:700} .cloud-label-widget-content span:hover a,.cloud-label-widget-content span:hover:after{background-color:#333} .recent-widget .recent-title a:hover{color:$(main.color)} .recent-widget li .recent-thumb{width:70px;height:70px;display:block;border-radius:3px} .recent-widget li .recent-thumb:hover{opacity:.5} .recent-widget .recent-title a{color:#333;font-size:15px;font-weight:700} .recent-widget .recent-date{font-size:11px;color:#999} .recent-widget .recent-title{margin-bottom:5px} .recent-widget li{padding:0;margin-bottom:15px;list-style:none} .recent-widget li:last-child{margin-bottom:0} .FeaturedPost .post-summary{padding:0} .FeaturedPost .post-summary h3 a{font-size:18px} .FeaturedPost .post-summary h3 a:hover{color:$(main.color)} .FeaturedPost .post-summary p{font-size:12px;line-height:20px;color:#777;margin-top:15px} .featured-contents{margin-top:-40%;margin-left:20px;margin-right:20px;background-color:#FFF;overflow:hidden;position:relative;padding:25px;padding-bottom:0} .sidebar input::-webkit-input-placeholder{color:#999;font-size:10px} .sidebar input:-moz-placeholder{color:#999;font-size:10px} .sidebar input::-moz-placeholder{color:#999;font-size:10px} .sidebar input:-ms-input-placeholder{color:#999;font-size:10px} .sidebar textarea::-webkit-input-placeholder{color:#999;font-size:10px} .sidebar textarea:-moz-placeholder{color:#999;font-size:10px} .sidebar textarea::-moz-placeholder{color:#999;font-size:10px} .sidebar textarea:-ms-input-placeholder{color:#999;font-size:10px} .twitter-widget .tweet a{color:#888} .sidebar .contact-form-name,.sidebar .contact-form-email,.sidebar .contact-form-email-message,.sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-address{background-color:#f6f6f6} .sidebar-inner .widget h2,.twitter-widget li{border-bottom:1px solid #EEE} .sidebar-wrapper,.sidebar .contact-form-name,.sidebar .contact-form-email,.sidebar .contact-form-email-message,.sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-address,.sidebar .list-label-widget-content ul li a,.sidebar .PopularPosts .item-title a{color:#333} .sidebar .contact-form-button-submit,.sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-submit{background-color:#2D2D2D} .sidebar .follow-by-email-inner .note,.sidebar .PopularPosts .item-snippet{color:#777} /*===================================== = Footer =====================================*/ .footer-section{width:31%} #footer-section-2{margin:0 3.5%} .footer{overflow:hidden;background-color:#222;padding:60px 0;color:#C2C2C2} .footer-description span.caption{line-height:21px;font-size:12px;margin-top:10px;display:block} .footer-description img{max-width:220px;width:100%} .footer .widget h2{color:#FFF;font-size:14px;margin-bottom:30px;text-transform:uppercase;letter-spacing:1px;overflow:hidden;padding-left:15px;position:relative} .footer .widget h2:before{content:'';width:5px;position:absolute;background-color:$(main.color);border-radius:5px;height:100%;left:0;z-index:8} .footer .widget h2:after{content:'';background-color:#2F2D2D;height:1px;width:100%;position:absolute;top:50%;margin-top:-1px;margin-left:8px} .footer .PopularPosts .item-content,.footer .PopularPosts .item-thumbnail-only{background:#222} .footer a{color:#EEE} .footer a:hover{color:$(main.color)} .footer .PopularPosts .item-title a{color:#EEE} .footer .PopularPosts .item-title a:hover{color:$(main.color)} .footer .post-meta .fa{color:#999} .footer .post-meta a{color:#999} .footer .recent-widget .recent-title a{color:#EEE} .footer .recent-widget .recent-title a:hover{color:$(main.color)} .footer-wrapper{background-color:#222} .footer-credits{text-align:center;padding:60px 0;font-size:12px;color:#EEE;background-color:$(main.color);position:relative} .footer-credits a{color:#FFF} .footer-credits a:hover{color:#2FDD82} .social-icons li{display:inline-block} .social-icons li a{width:40px;height:40px;line-height:40px;display:block;border-radius:5px;font-size:14px;background-color:rgba(255,255,255,0.15);color:#FFF} .social-icons li a:hover{background-color:$(main.color);color:#FFF} .social-icons li a i{line-height:40px} .social-icons{margin-bottom:30px} .bt-top:before{content:"";position:absolute;border-color:transparent transparent $(main.color);border-style:solid;border-width:28px 60px;left:-25px;top:-30px} .bt-top{top:-25px;left:50%;margin-left:-30px;position:absolute} .footer-credits p:last-child{margin-bottom:0} .footer-credits p{margin-top:0} /*===================================== = Animatation wow.css =====================================*/ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} .animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes fadeInUp { from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUp { from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig { from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @-webkit-keyframes fadeIn { from{opacity:0} to{opacity:1} } @keyframes fadeIn { from{opacity:0} to{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes zoomIn { from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes zoomIn { from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInLeft { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInLeft { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInRight { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes flipInX { from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInX { from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} @-webkit-keyframes flipInY { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInY { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} /*===================================== = Classic blog style =====================================*/ .blog-classic .index .post-outer{border-bottom:1px solid #E7E7E7;padding-bottom:60px} .blog-classic .post-labels{text-align:center;display:block;font-size:12px;color:#777;margin-bottom:15px} .blog-classic .post-labels a{margin-right:2px;color:#777;text-transform:uppercase;background-color:transparent;padding:0} .post-labels .split{display:none} .blog-classic .post-labels .split{display:inline-block} .blog-classic .post-home .post-title{font-size:40px;line-height:55px;text-align:center} .blog-classic .post-home .author-info{text-align:center;margin-bottom:30px;left:auto;top:auto;position:relative} .blog-classic .post-home .author-pic{margin-right:2px;border-radius:50%;width:15px;height:15px;vertical-align:middle} .blog-classic .post-home .author-info a{font-size:13px} .blog-classic .author-info a{color:#777} .blog-classic .post-timestamp i{margin-right:5px;color:#777;font-size:13px} .blog-classic .post-thumb a{height:400px} .blog-classic .post-home .overlay-bg{display:none} .blog-classic .post-share{background-color:#EEE;padding:15px 0;position:relative;top:auto;right:auto} .blog-classic .post-share a{margin-right:10px;border-radius:50%;color:#555} .blog-classic .post-share .fa{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;line-height:35px} .blog-classic .post-info{overflow:hidden;background-color:#fff;height:auto;position:relative;margin-left:0;margin-top:0;padding:0} .blog-classic .post-home .data-snippet{margin:30px 0 0;color:#777;font-size:12px;line-height:26px;text-align:center} .blog-classic .post-labels i{display:none} .blog-classic .post-labels a:hover{color:#FFF;background-color:$(main.color)} .blog-classic .post-home:hover .post-share{top:0} .blog-classic .post-share a:hover{color:#FFF} .blog-classic .index .widget.Blog .post-outer { margin-bottom: 30px; border-bottom: 1px solid #EEE; padding-bottom: 30px; } /*===================================== = Post Formats =====================================*/ .no-js .item .sidebar-wrapper{visibility:hidden} .parallax-image{display:table;overflow:hidden;position:relative;-webkit-background-size:cover;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;width:100%} .overlay{background:url(http://4.bp.blogspot.com/-xaSAYDTCql4/U1AO14YolTI/AAAAAAAAD94/Lenz-oZ0o2c/s1600/pattern-1.png) #000} .parallax-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5} .parallax-contents{display:table-cell;vertical-align:middle;width:100%;text-align:center} .parallax-contents h1.post-title{color:#FFF;font-size:4em;position:relative} .parallax-contents .post-meta a,.parallax-contents .post-meta .fa,.parallax-contents span{color:#ccc} .parallax-contents .post-meta{position:relative;font-size:12px} .parallax-contents-inner{max-width:900px;margin:auto} .no-js .post-outer{visibility:hidden} .post-format-info{visibility:hidden;height:0;overflow:hidden} .js-format{margin-bottom:30px;line-height:0;overflow:hidden} .image-format img{width:100%;height:auto} .full-post .main-wrapper{float:none;width:100%} .left-post .main-wrapper{float:right} .left-post .sidebar-wrapper{float:left} .left-post .blogline{right:68%;left:auto} .grid-format{margin:0 -3px;margin-bottom:27px} .grid-image{width:25%;float:left;padding:3px} .grid-image-content{width:100%;height:200px;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative} /*===================================== = weather widget =====================================*/ @font-face{font-family:'weather';src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot);src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix) format("embedded-opentype"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff) format("woff"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf) format("truetype"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format("svg");font-weight:400;font-style:normal} .weather .weather-inner{overflow:hidden;padding:30px;background-color:#F6F6F6;color:#333} .weather .fiveDays{list-style:none;padding:0;margin:0;clear:both;padding:30px;background-color:#333} .weather .fiveDays li{width:25%;padding:0;display:inline-block;text-align:center} .weather .fiveDays li span{display:block} .weather .fiveDays li .day{color:#87CEEB;margin-top:5px;font-size:11px;margin-bottom:0} .weather .fiveDays li .degree{font-size:11px} .weather .fiveDays i{font-size:50px;height:40px;line-height:40px} .weather .weather-content .content-2{float:right;text-align:center} .humidity,.wind-speed,.low_high{font-size:9px;margin-bottom:5px} .weather .date{margin-bottom:15px} .weather i{font-family:weather;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:80px;line-height:70px;height:70px;color:#87CEEB} .weather .weather-content{color:#FFF;overflow:hidden;border-radius:5px} .weather .degree{font-size:23px;font-weight:700} .weather .city{font-size:30px;font-weight:700;letter-spacing:2px;display:block} .content-1 span{display:block} .weather .day{text-transform:uppercase;font-weight:700;display:inline-block;margin-bottom:6px} .content-1{float:left;width:50%} .weather .day,.weather .date{font-size:11px} .weather .currently{font-size:11px} .icon-0:before{content:":"} .icon-1:before{content:"p"} .icon-2:before{content:"S"} .icon-3:before{content:"Q"} .icon-4:before{content:"S"} .icon-5:before{content:"W"} .icon-6:before{content:"W"} .icon-7:before{content:"W"} .icon-8:before{content:"W"} .icon-9:before{content:"I"} .icon-10:before{content:"W"} .icon-11:before{content:"I"} .icon-12:before{content:"I"} .icon-13:before{content:"I"} .icon-14:before{content:"I"} .icon-15:before{content:"W"} .icon-16:before{content:"I"} .icon-17:before{content:"W"} .icon-18:before{content:"U"} .icon-19:before{content:"Z"} .icon-20:before{content:"Z"} .icon-21:before{content:"Z"} .icon-22:before{content:"Z"} .icon-23:before{content:"Z"} .icon-24:before{content:"E"} .icon-25:before{content:"E"} .icon-26:before{content:"3"} .icon-27:before{content:"a"} .icon-28:before{content:"A"} .icon-29:before{content:"a"} .icon-30:before{content:"A"} .icon-31:before{content:"6"} .icon-32:before{content:"1"} .icon-33:before{content:"6"} .icon-34:before{content:"1"} .icon-35:before{content:"W"} .icon-36:before{content:"1"} .icon-37:before{content:"S"} .icon-38:before{content:"S"} .icon-39:before{content:"S"} .icon-40:before{content:"M"} .icon-41:before{content:"W"} .icon-42:before{content:"I"} .icon-43:before{content:"W"} .icon-44:before{content:"a"} .icon-45:before{content:"S"} .icon-46:before{content:"U"} .icon-47:before{content:"S"} /*===================================== = recommended posts =====================================*/ .recomlabel{display:none} .recommended{position:fixed;right:-100%;bottom:0;z-index:99999;height:100%;background:rgba(239,239,239,0.92);padding:30px;max-width:450px;width:100%;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .reclose{cursor:pointer;position:absolute;top:45px;right:40px;font-size:18px} .recommended .recotitle{margin-bottom:30px;font-size:17px;border-bottom:1px solid #DDD;padding-bottom:30px} .recommended li{background:rgba(254,254,254,0.97);list-style:none;margin-bottom:20px;border-radius:5px;display:table} .recommended .recent-thumb{display:table-cell;vertical-align:middle;width:120px;height:100px;float:left;margin-right:15px} .recommended .recent-date{font-size:11px} .recommended .recent-date .fa{margin-right:5px} .recommended .recent-content{display:table-cell;vertical-align:middle} .recommended .recent-title{margin:0;margin-bottom:10px} ]]>
<div id="pages-wrapper" class=" home item index">

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

  • ()
()

Start typing and press Enter to search

</div>