GitLab

<b:skin version='1.0.0'><![CDATA[/*

Blogger Template Style Name: Vé máy bay PQ License: Free Version Version: 1.0 Author: Vé máy bay PQ Author Url: https://www.vemaybaypq.com/ ----------------------------------------------- */

/*

*/

/-- Reset CSS --/ 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,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{ padding:0; border:0; outline:0; vertical-align:baseline; background:0 0; text-decoration:none } form,textarea,input,button{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0 } dl,ul{ list-style-position:inside; font-weight:400; list-style:none } ul li{ list-style:none } caption,th{ text-align:center } img{ border:none; position:relative } a,a:visited{ text-decoration:none } .clearfix{ clear:both } .section,.widget,.widget ul{ margin:0; padding:0 } a{ color:$(body.link.color) } a img{ border:0 } abbr{ text-decoration:none } .CSS_LIGHTBOX{ z-index:999999!important } .separator a{ clear:none!important; float:none!important; margin-left:0!important; margin-right:0!important } #navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{ display:none!important } .center{ display:table; margin:0 auto; position:relative } .widget > h2,.widget > h3{ display:none } /-- Body Content CSS --/ body{ background:$(body.background); background-color:$(body.background.color); font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:400; color:$(body.text.color); word-wrap:break-word; margin:0; padding:0 } #outer-wrapper{ margin:0 auto; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.1) } .row{ margin: 0 auto; width:1170px } #content-wrapper{ margin:40px auto 0; overflow:hidden } #content-wrapper > .container{ margin:0 -15px } #main-wrapper{ float:left; overflow:hidden; width:66.66666667%; box-sizing:border-box; word-wrap:break-word; padding:0 15px; margin:0 } .item #main-wrapper {

} #sidebar-wrapper{ float:right; overflow:hidden; width:33.33333333%; box-sizing:border-box; word-wrap:break-word; padding:0 15px } .item #sidebar-wrapper{

} .post-image-wrap{ position:relative; display:block } .post-image-link,.about-author .avatar-container,.comments .avatar-image-container{ background-color:rgba(155,155,155,0.07); color:transparent!important } .post-thumb{ display:block; position:relative; width:100%; height:100%; object-fit:cover; z-index:1; border-radius: 2px; transition:opacity .17s 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{ opacity:.9 } .post-title a{ display:block }

/* ######## Top-bar Css ######################### */

#top-bar{height:72px;text-align:center;width:100%;margin:0;border-bottom:1px solid #eee} #top-bar .container{height:72px;position:relative;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:#000;font-size:12px;font-weight:600;line-height:34px;text-transform:uppercase;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:$(title.color)} .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:$(main.color);text-decoration:none;font-size:14px;text-align:center;padding:0 7px;margin:0 0 0 10px;transition:color .17s} .top-bar-social ul > li:last-child > a{padding:0 0 0 7px} .top-bar-social ul > li:hover > a{color:$(title.color)} .social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400} .social .blogger a:before{content:"\f37d"} .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:"\f167"} .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 .blogger a{background-color:#ff5722} .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:#f50000} .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:$(main.dark.color)} #header-wrap{position:relative;margin:0} .header-header{display:inline-block;float:left;background-color:#fff;height:75px;position:relative;overflow:hidden;padding:0} .header-header .container{position:relative;margin:0 auto;padding:0} .header-logo{float:left;display:inline-block;position:relative;width:auto;max-height:60px;margin:0;padding:13px 0} .header-logo .header-image-wrapper{display:block} .header-logo img{max-width:100%;max-height:75px;margin:0} .header-logo h1{color:$(title.color);font-size:20px;line-height:1.4em;margin:0} .header-logo p{font-size:12px;margin:5px 0 0} #add-wrapper{margin:40px auto} .header-ads .widget > .widget-title{display:none} .header-ads .widget{max-width:100%} .header-ads .widget .widget-content{text-align:center}

/* ######## Menu Css ######################### */

.header-menu{display:inline-block;text-align:center;height:72px;z-index:10;font-size:13px;margin:0} #main-menu .widget,#main-menu .widget > .widget-title{display:none} #main-menu .show-menu{display:block} #main-menu{display:inline-block;height:72px;z-index:15} #main-menu ul > li{float:left;position:relative;margin:0;padding:0;transition:background .17s} #main-menu ul > li > a{letter-spacing:.2px;font-family:'Rubik',sans-serif;position:relative;color:#000;font-size:13px;font-weight:500;text-transform:uppercase;line-height:72px;display:inline-block;margin:0;padding:0 13px;transition:color .17s ease} #main-menu ul > li > ul{position:absolute;float:left;left:0;top:72px;width:185px;background-color:#fff;z-index:99999;margin:0;padding:0;box-shadow:0 3px 5px rgba(0,0,0,0.2);visibility:hidden;opacity:0} #main-menu ul > li > ul > li > ul{position:absolute;float:left;top:0;left:100%;margin:0} #main-menu ul > li > ul > li{text-align:left;display:block;float:none;position:relative;transition:all .17s ease} #main-menu ul > li > ul > li a{font-weight:500;letter-spacing:.2px;font-family:'Rubik',sans-serif;display:block;height:36px;font-size:13px;color:#000;line-height:36px;box-sizing:border-box;margin:0;padding:0 15px;transition:all .17s ease} #main-menu ul > li > ul > li:hover{background-color:$(main.color)} #main-menu ul > li > ul > li:hover > a{color:#fff} #main-menu ul > li.has-sub > a:after{content:'\f107';float:right;font-family:FontAwesome;font-size:14px;font-weight:400;margin:0 0 0 3px} #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 .17s 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;overflow:hidden} .mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden} .mega-content .post-title{position:relative;font-size:14px;font-weight:600;line-height:1.5em;margin:7px 0 5px} .mega-content .post-title a{display:block;color:#000;transition:color .17s} .mega-content:hover .post-title a{color:$(title.hover)} .mega-content .post-meta{color:#aaa} .no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center} .mega-menu .no-posts{line-height:60px;color:$(title.color)} .show-search,.hide-search{position:absolute;right:0;top:0;display:block;width:48px;height:72px;line-height:72px;z-index:20;color:#000;font-size:15px;text-align:center;cursor:pointer;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} #nav-search{display:none;position:absolute;left:0;top:0;width:100%;height:72px;z-index:99;background-color:$(main.color);box-sizing:border-box;padding:0} #nav-search .search-form{width:100%;height:72px;background-color:#fff;line-height:72px;overflow:hidden;padding:0} #nav-search .search-input{width:100%;height:72px;font-family:inherit;color:$(menu.color);margin:0;padding:0 70px 0 15px;background-color:rgba(0,0,0,0);font-size:14px;font-weight:400;box-sizing:border-box;border:0} #nav-search .search-input:focus{color:$(menu.color);outline:none} .slide-menu-toggle{display:none;position:absolute;line-height:72px;height:72px;width:48px;top:0;left:0;font-family:FontAwesome;color:#000;font-size:17px;font-weight:400;text-align:left;cursor:pointer;z-index:4;padding:0} .slide-menu-toggle:before{content:"\f0c9"} .nav-active .slide-menu-toggle:before{content:"\f00d"} .mobile-menu{z-index:10;display:none;position:absolute;top:72px;left:0;width:100%;background-color:$(main.dark.color);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{z-index:1;text-align:left;position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:13px;font-weight:500;text-transform:uppercase;line-height:38px;margin:0;padding:0} .mobile-menu > ul li ul{overflow:hidden} .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{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 a:hover,.mobile-menu ul > li > .submenu-toggle:hover{color:$(main.color)} .post-meta{overflow:hidden;font-size:11px;font-weight:500;text-transform:uppercase;padding:0 1px} .post-meta .post-author,.post-meta .post-date{font-weight:600;color:#a0a0a0;display:inline-block;margin:0 10px 0 0} .post-meta .post-author:before,.post-meta .post-date:before{color:$(main.color);font-family:FontAwesome;font-weight:400;margin:0 3px 0 0} .post-meta .post-author:before{content:'\f007'} .post-meta .post-date:before{content:'\f017'} .post-meta a{color:#a0a0a0;transition:color .17s} .post-meta a:hover{color:$(title.color)}

/* ######## Slider Css ######################### */

.slider-item-inner:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;-webkit-transition:.35s;-o-transition:.35s;transition:.35s;z-index:1;pointer-events:none} #slider-wrapper .post-tag{position: unset;top: 0px;right: 0px;color:#fff} #slider-wrapper .post-snippet{display:none} #slider-wrapper .row {width:1170px} #slider-wrapper .no-items{margin:0;border-bottom:1px solid #ebebeb} #slider-section{margin:0 auto} #slider-section .widget,#slider-section .widget > .widget-title{display:none} #slider-section .show-slider{display:block!important} #slider-section .show-slider .widget-content{height:160px;overflow:hidden} .loader{position:relative;height:100%;overflow:hidden;display:block;margin:0} .loader:after{content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-16px 0 0 -16px;border:2px solid $(main.color);border-right-color:rgba(155,155,155,0.2);border-radius:100%;animation:spinner 1.1s 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)} } .index-post-wrap .social{margin-top:0} .index-post-wrap .social ul:before{border-top:1px solid #e1e1e1;bottom:50%;margin-bottom:-1px;content:"";right:185px;position:absolute;width:100%} .index-post-wrap .social ul:after{border-top:1px solid #e1e1e1;bottom:50%;margin-bottom:-1px;content:"";left:185px;position:absolute;width:100%} .index-post-wrap .social ul{position:relative;display:inline-block} .index-post-wrap .social ul li{display:inline-block} .index-post-wrap .social ul li a{margin:0 0 0 2px;display:block;border-radius:50%;width:25px;height:25px;line-height:24px;border:1px solid #d2d2d2;color:#d2d2d2;-webkit-transition:all .3s ease;transition:all .3s ease} .index-post-wrap .social ul li a:hover{color:#fff;background:#9272ce} #slider-wrapper{} .main-slider{position:relative;overflow:hidden;height:160px} .ak p{background: #ff749f;padding: 10px 24px;border-radius: 25px;margin-bottom:0;color:#fff;margin-top:15px;font-size:13px;font-weight:500;display:inline-block} .ak {display: block} .main-slider .slider-item{position:relative;float:left;width:100%;overflow:hidden;box-sizing:border-box} .slider-item-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block} .main-slider .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important} .main-slider .post-info-wrap{opacity:0;position: absolute;left:0;top:90px;text-align:center;overflow:hidden;z-index:5;width:100%;padding: 25px 25px;box-sizing:border-box;transition:all ease 0.2s} .slider-item-inner:hover .post-image-link{-webkit-transform:scale(1.1) rotate(-1.5deg)!important;-moz-transform:scale(1.1) rotate(-1.5deg)!important;transform:scale(1.1) rotate(-1.5deg)!important;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important} .slider-item-inner:hover .post-info-wrap{visibility:visible;opacity:1;top:0px} .main-slider .post-info{position:relative;overflow:hidden;display:block;z-index:10} .main-slider .post-date{font-size:11px;color:#fff;margin:0} .main-slider .post-title{font-size: 15px;font-weight:500;line-height:1.5em;margin-top:5px;margin-bottom:5px;position:relative;z-index:100;overflow:hidden} .main-slider .post-title a{color:#fff;display:block} .main-slider .post-snippet{color:#fff} .show-slider .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%;text-align:center} .slick-slider{display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{display:block;overflow:hidden;margin:0 -9px;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;padding:0 0px;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{height: 160px;display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-arrow{border: 2px solid;position: absolute;top: calc(50% - 25px);width: 25px;height: 30px;font-size: 20px;color: #fff;text-align: center;line-height: 30px;cursor: pointer;z-index: 1;margin: 0;transition: all .17s ease} .slick-arrow:before{font-family:FontAwesome;font-weight:400} .slick-prev{padding:0;left:0px} .slick-prev:before{content:'\f104'} .slick-next{padding:0;right:0px} .slick-next:before{content:'\f105'} .main-slider:hover .slick-arrow{visibility:visible;opacity:1} .main-slider .post-info .post-tag{text-transform:uppercase;color:#b3b3b3;font-size:10px;letter-spacing:.04em} .main-slider .post-date{text-transform:capitalize;color:#fff;font-size:11px;letter-spacing:.04em} .widget ul.slick-dots{position:absolute;bottom:0;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;display:table!important;margin:0} .slick-dots li{position:relative;display:table-cell;height:10px;margin:0 5px;padding:1px 1px 1px 0;cursor:pointer;background:#fff;text-align:center} .slick-dots li:last-child{padding:0} .slick-dots li button{font-size:0;line-height:0;display:block;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;width:100%;background:$(main.dark.color)} .slick-dots li button:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li.slick-active button{background:$(main.color)}

.social-color .blogger a{background-color:#ff5722} .top-bar-social ul > .facebook > a {color:#3b5999} .top-bar-social ul > .twitter > a {color:#00acee} .top-bar-social ul > .youtube > a {color:#f50000} .top-bar-social ul > .instagram > a {color:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .top-bar-social ul > .pinterest > a {color:#ca2127} .top-bar-social ul > .dribbble > a {color:#ea4c89} .top-bar-social ul > .tumblr > a {color:#365069} .top-bar-social ul > .rss > a {color:#ffc200} .top-bar-social ul > .whatsapp > a {color:#3fbb50} .social-counter .facebook a{background-color:#3b5999} .social-counter .twitter a{background-color:#00acee} .social-counter .gplus a{background-color:#db4a39} .social-counter .youtube a{background-color:#f50000} .social-counter .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .social-counter .pinterest a{background-color:#ca2127} .social-counter .dribbble a{background-color:#ea4c89} .social-counter .linkedin a{background-color:#0077b5} .social-counter .tumblr a{background-color:#365069} .social-counter .twitch a{background-color:#6441a5} .social-counter .rss a{background-color:#ffc200} .social-counter .skype a{background-color:#00aff0} .social-counter .stumbleupon a{background-color:#eb4823} .social-counter .vk a{background-color:#4a76a8} .social-counter .stack-overflow a{background-color:#f48024} .social-counter .github a{background-color:#24292e} .social-counter .soundcloud a{background:linear-gradient(#ff7400,#ff3400)} .social-counter .behance a{background-color:#191919} .social-counter .digg a{background-color:#1b1a19} .social-counter .delicious a{background-color:#0076e8} .social-counter .codepen a{background-color:#000} .social-counter .reddit a{background-color:#ff4500} .social-counter .whatsapp a{background-color:#3fbb50} .social-counter .snapchat a{background-color:#ffe700} .social-counter .email a{background-color:#888} .social-counter .external-link a{background-color:#202020}

/* ######## Hot-wrapper Css ######################### */

#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;margin: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 #ddd;border-left-color:$(main.color);border-top-color:$(main.color);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;margin:0 -5px} .hot-posts .hot-item{position:relative;float:left;width:50%;height:185px;overflow:hidden;box-sizing:border-box;padding:0 5px} .hot-posts .hot-item.item-0{width:50%;height:380px} .hot-posts .hot-item.item-1,.hot-posts .hot-item.item-2{margin:0 0 10px} .hot-item-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block} .hot-item-inner:before{content:'';display:block;position:absolute;width:100%;top:0;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 65%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 65%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 65%,rgba(0,0,0,1) 100%);opacity:.6;z-index:2} .hot-posts .post-tag{position:unset} .hot-posts .post-image-link{width:100%;height:100%;position:relative;overflow:hidden;display:block} .hot-posts .post-info{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;z-index:5;box-sizing:border-box;padding:20px;text-align:left} .hot-posts .post-title{font-size:18px;font-weight:600;display:block;line-height:1.5em;margin:10px 0 5px} .hot-item.item-1{height:185px;width:50%} .hot-posts .item-0 .post-title{font-size:22px;margin:10px 0} .hot-posts .post-title a{color:#fff;display:block} .hot-posts .post-meta,.hot-posts .post-meta a{color:#aaa;display:inline-block} .show-hot .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%} .queryMessage{overflow:hidden;background-color:#f2f2f2;color:$(title.color);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:$(title.hover);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}

/* ######## Custom-widget Css ######################### */

.title-wrap{position:relative;float:left;width:100%;height:32px;background-color:$(main.color);display:block;margin:0 0 20px} .title-wrap > h3{position:relative;display:block;height:32px;font-size:12px;color:#fff;font-weight:500;line-height:32px;text-align:center;text-transform:uppercase;padding:0;margin:0} .custom-widget li{overflow:hidden;margin:20px 0 0} .custom-widget li:first-child{padding:0;margin:0;border:0} .custom-widget .post-image-link{position:relative;width:80px;height:70px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} #sidebar-wrapper .custom-widget .post-image-link{float:none;width:100%;height:175px} #footer-wrapper .custom-widget .post-tag{display:none} .custom-widget .post-info{overflow:hidden} #sidebar-wrapper .custom-widget .post-info{margin-top:8px} .custom-widget .post-title{overflow:hidden;font-size:14px;font-weight:600;line-height:1.5em;margin:0 0 3px} .custom-widget .post-title a{display:block;color:#000;transition:color .17s} .custom-widget li:hover .post-title a{color:$(title.hover)}

/* ######## index-Post Css ######################### */

.index-post-wrap{position:relative;float:left;width:100%} .blog-post{display:block;overflow:hidden;word-wrap:break-word} .grid-posts{display:flex;flex-wrap:wrap;margin:0 -15px} .index-post{display:block;width:100%;box-sizing:border-box;padding:0 15px;margin:0 0 40px} .index-post .post-image-wrap{float:left;width:48%;height:255px;overflow:hidden;margin:0 30px 10px 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:20px;left:20px;height:18px;z-index:5;background-color:$(main.color);color:#fff;font-size:10px;line-height:18px;font-weight:600;text-transform:uppercase;padding:3px 8px} .index-post .post-info{overflow:hidden} .index-post .post-info > h2{font-size:22px;font-weight:600;line-height:1.5em;text-decoration:none;margin:0} .index-post .post-info > h2 > a{display:block;color:#000;transition:color .17s} .index-post .post-info > h2:hover > a{color:$(title.hover)} .widget iframe,.widget img{max-width:100%} .date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0} .index-post .post-meta{margin:10px 0 0} .post-snippet{position:relative;display:none;overflow:hidden;font-size:13px;line-height:1.6em;font-weight:400;margin:10px 0 0} a.read-more{border-radius:3px;border:1px solid #9e9e9e96;padding:6px 18px;display:none;color:#333;font-size:12px;font-weight:600;text-transform:uppercase;margin:15px 0 0;transition:color .17s ease} a.read-more:hover{color:#fff;background-color:$(main.color)}

/* ######## Breadcrumb Css ######################### */

#breadcrumb{font-size:12px;font-weight:400;color:#aaa;margin:0 0 15px} #breadcrumb a{color:#aaa;transition:color .17s} #breadcrumb a:hover{color:$(title.hover)} #breadcrumb a,#breadcrumb em{display:inline-block} #breadcrumb .delimiter:after{content:'\f054';font-family:FontAwesome;font-size:8px;font-weight:400;font-style:normal;vertical-align:middle;margin:0 3px}

/* ######## Item-post Css ######################### */

.item-post h1.post-title{color:#000;font-size:27px;line-height:1.5em;font-weight:600;position:relative;display:block;margin:0 0 15px;padding:0} .static_page .item-post h1.post-title{text-align:center;margin:0} .static_page .item-post .post-body{border-top:none} .static_page .title-wrap{display:none} .item-post .post-body{width:100%;font-size:15px;line-height:1.5em;overflow:hidden;padding:0;margin:20px 0 0;border-top:1px solid #eee} .item-post .post-outer{padding:0} .item-post .post-body img{max-width:100%} .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;margin:0 0 20px;padding:0} .post-labels span,.post-labels a{float:left;height:22px;background-color:#f2f2f2;color:$(title.color);font-size:12px;line-height:22px;font-weight:400;margin:0;padding:0 10px} .post-labels span{background-color:$(main.color);color:#fff} .post-labels a{margin:0 0 0 5px;transition:all .17s ease} .post-labels a:hover{background-color:$(main.color);color:#fff;border-color:$(main.color)} .post-reactions{height:28px;display:block;margin:0 0 15px} .post-reactions span{float:left;color:$(title.color);font-size:11px;line-height:25px;text-transform:uppercase;font-weight:500} .reactions-inner{float:left;margin:0;height:28px} .post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 30px} ul.share-links{position:relative} .share-links li{width:70px;float:left;box-sizing:border-box;margin:0 5px 0 0} .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:15px;text-align:center;box-sizing:border-box;opacity:1;transition:all .17s ease} .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:$(title.color);line-height:1.4em;display:block;overflow:hidden;transition:color .17s} .post-nav li:hover a{color:$(title.hover)} .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:10px;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:10px;font-weight:400;text-transform:none;margin:0 0 0 2px} .post-nav p{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;background-color:#f9f9f9;padding:20px;margin:0 0 30px} .about-author .avatar-container{position:relative;float:left;width:80px;height:80px;background-color:rgba(255,255,255,0.05);overflow:hidden;margin:0 15px 0 0} .about-author .author-avatar{float:left;width:100%;height:100%} .author-name{overflow:hidden;display:inline-block;font-size:12px;font-weight:500;text-transform:uppercase;line-height:14px;margin:7px 0 3px} .author-name span{color:$(title.color)} .author-name a{color:$(main.color);transition:opacity .17s} .author-name a:hover{opacity:.8} .author-description{display:block;overflow:hidden;font-size:12px;font-weight:400;line-height:1.6em} .author-description a:hover{text-decoration:underline}

/* ######## related-wrap Css ######################### */

#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:130px;position:relative;overflow:hidden;display:block} .related-posts .post-title{font-size:13px;font-weight:600;line-height:1.5em;display:block;margin:7px 0 5px} .related-posts .post-title a{color:#000;transition:color .17s} .related-posts .related-item:hover .post-title a{color:$(title.hover)}

/* ######## Blog-pager Css ######################### */

#blog-pager{ float:left; width:100%; font-size:15px; font-weight:500; text-align:center; clear:both; box-sizing:border-box; margin:10px 0 10px; border-top:1px solid rgba(155,155,155,0.1) } #blog-pager .load-more{ display:inline-block; height:34px; background-color:$(main.color); font-size:14px; color:#ffffff; font-weight:400; line-height:34px; box-sizing:border-box; padding:0 30px; margin:0; border:1px solid rgba(0,0,0,.1); border-bottom-width:2px; border-radius:2px } #blog-pager #load-more-link{ color:#fff; cursor:pointer } #blog-pager #load-more-link:hover{ background-color:$(main.color); color:#fff } #blog-pager .load-more.no-more{ background-color:rgba(155,155,155,0.05); color:$(main.color) } #blog-pager .loading,#blog-pager .no-more{ display:none } #blog-pager .loading .loader{ position:relative; height:100%; overflow:hidden; display:block; margin:0 } #blog-pager .loading .loader{ height:34px } #blog-pager .no-more.show{ display:inline-block } #blog-pager .loading .loader:after{ width:26px; height:26px; margin:-15px 0 0 -15px } #blog-pager .loading .loader:after{ content:''; position:absolute; top:50%; left:50%; width:28px; height:28px; margin:-16px 0 0 -16px; border:2px solid $(main.color); border-right-color:rgba(155,155,155,0.2); border-radius:100%; animation:spinner 1.1s 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) } }

.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{ display:none } .post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @keyframes fadeIn { from{opacity:0} to{opacity:1} } .post-fadeIn{animation-name:fadeIn} @keyframes fadeInUp { from{opacity:0;transform:translate3d(0,5px,0)} to{opacity:1;transform:translate3d(0,0,0)} } .post-fadeInUp{animation-name:fadeInUp} .post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @keyframes fadeIn { from{opacity:0} to{opacity:1} } .post-fadeIn{animation-name:fadeIn} @keyframes fadeInUp { from{opacity:0;transform:translate3d(0,5px,0)} to{opacity:1;transform:translate3d(0,0,0)} } .post-fadeInUp{animation-name:fadeInUp} .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:$(title.color) } .comments .comment-thread > ol{ padding:0 } .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:35px; max-height:35px; width:35px; max-width:35px; border-radius:100% } .comments .comment-block{ overflow:hidden; padding:0 0 10px } .comments .comment-block,.comments .comments-content .comment-replies{ margin:0 0 0 50px } .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:15px; display:block; overflow:hidden; clear:both; margin:0 0 3px; padding:0 0 5px; border-bottom:1px dashed #d6d6d6 } .comments .comments-content .comment-header a{ color:$(title.color); transition:color .17s } .comments .comments-content .comment-header a:hover{ color:$(title.hover) } .comments .comments-content .user{ font-style:normal; font-weight:500; 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:$(title.color); font-weight:400; background-color:#f2f2f2; font-size:10px; transition:all .17s ease } .comments .comment .comment-actions a:hover{ color:#fff; background-color:$(main.color); border-color:$(main.color); 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 .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:$(title.color); 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 .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 } #comment-editor{ margin:0 0 20px } .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{ color:$(title.color); font-weight:700; 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 $(main.color) } 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 35px } .sidebar .widget-title{ position:relative; float:left; height:32px; display:block; margin:0 0 20px } .sidebar .widget-title > h3{ font-family: 'Rubik', sans-serif; position:relative; display:block; height:32px; font-size:18px; color:#1e0b0f; font-weight:600; line-height:32px; text-align:left; text-transform:uppercase; padding:0 0px; margin:0; border-radius:2px 2px 0 0 } h3.home-title { margin: 0 0 20px; text-transform: uppercase; font-family: 'Rubik', sans-serif; font-size: 18px; color: #1e0b0f; font-weight: 600; } h3.home-title:after { margin-left: 3px; color: #ff6a00; font-size: 5px; content: "\f111"; font-family: fontawesome; } .sidebar .widget-title > h3:after { color:$(main.color); font-size: 5px; content: "\f111"; font-family: fontawesome; } .sidebar .widget-content{ float:left; width:100%; margin:0 } ul.social-counter{ margin:0 -5px } .social-counter li{ float:left; width:25%; box-sizing:border-box; padding:0 5px; margin:10px 0 0 } .social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4){ margin-top:0 } .social-counter li a{ display:block; height:40px; font-size:22px; color:#fff; text-align:center; line-height:40px; border:1px solid #eee; transition:color .17s } .social-counter li a:hover{ color:$(title.color) } .list-label li{ position:relative; display:block; padding:7px 0; border-top:1px dotted #ebebeb } .list-label li:first-child{ padding-top:0; border-top:0 } .list-label li:last-child{ padding-bottom:0; border-bottom:0 } .list-label li a{ display:block; color:$(title.color); font-size:14px; font-weight:400; text-transform:capitalize; transition:color .17s } .list-label li a:before{ content:"\f054"; float:left; color:$(title.color); font-weight:400; font-family:FontAwesome; font-size:6px; margin:6px 3px 0 0; transition:color .17s } .list-label li a:hover{ color:$(title.hover) } .list-label .label-count{ position:relative; float:right; width:16px; height:16px; background-color:$(main.color); color:#fff; font-size:11px; font-weight:400; text-align:center; line-height:16px } .cloud-label li{ position:relative; float:left; margin:0 5px 5px 0 } .cloud-label li a{ display:block; height:26px; color:$(main.color); font-size:12px; line-height:26px; font-weight:400; padding:0 10px; border:1px solid #eee; transition:all .17s ease } .cloud-label li a:hover{ color:#fff; background-color:$(main.color); border-color:$(main.color) } .cloud-label .label-count{ display:none } .sidebar .FollowByEmail > .widget-title > h3{ margin:0 } .FollowByEmail .widget-content{ position:relative; overflow:hidden; background-color:#fff; text-align:center; font-weight:400; box-sizing:border-box; padding:20px; border-radius:2px; border:1px solid #eee } .FollowByEmail .widget-content > h3{ font-size:18px; color:$(title.color); font-weight:500; text-transform:uppercase; margin:0 0 13px } .FollowByEmail .before-text{ font-size:13px; line-height:1.5em; margin:0 0 15px; display:block; padding:0 10px; overflow:hidden } .FollowByEmail .widget-content:after{ content:'\f0e0'; position:absolute; right:-15px; top:-15px; font-family:FontAwesome; font-size:50px; color:$(main.color); opacity: .5; transform:rotate(21deg) } .FollowByEmail .follow-by-email-inner{ position:relative } .FollowByEmail .follow-by-email-inner .follow-by-email-address{ width:100%; height:32px; color:$(title.color); font-size:11px; font-family:inherit; padding:0 10px; margin:0 0 10px; box-sizing:border-box; border:1px solid #eee; transition:ease .17s } .FollowByEmail .follow-by-email-inner .follow-by-email-submit{ width:100%; height:32px; font-family:inherit; font-size:11px; color:#fff; background-color:$(main.color); text-transform:uppercase; text-align:center; font-weight:500; cursor:pointer; margin:0; border:0; transition:opacity .17s ease } .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{ opacity:.85 } #ArchiveList ul.flat li{ color:$(title.color); font-size:13px; font-weight:400; padding:7px 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:$(title.color); transition:color .17s } #ArchiveList .flat li > a:hover{ color:$(title.hover) } #ArchiveList .flat li > a:before{ content:"\f054"; float:left; color:#161619; font-weight:400; font-family:FontAwesome; font-size:6px; margin:6px 3px 0 0; display:inline-block; transition:color .17s } #ArchiveList .flat li > a > span{ position:relative; float:right; width:16px; height:16px; background-color:$(main.color); 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{ padding:0; margin:0; border:0 } .PopularPosts .post-image-link{ position:relative; width:80px; height:70px; float:left; overflow:hidden; display:block; vertical-align:middle; margin:0 12px 0 0 } .PopularPosts .post-info{ overflow:hidden } .PopularPosts .post-title{ font-size:14px; font-weight:600; line-height:1.5em; margin:0 0 3px } .PopularPosts .post-title a{ display:block; color:#000; transition:color .17s } .PopularPosts .post:hover .post-title a{ color:$(title.hover) } .PopularPosts .post-date:before{ font-size:10px } .FeaturedPost .post-image-link{ display:block; position:relative; width:100%; height:180px; overflow:hidden; margin:0 0 10px } .FeaturedPost .post-title{ font-size:16px; overflow:hidden; font-weight:400; line-height:1.5em; margin:0 0 5px } .FeaturedPost .post-title a{ color:$(title.color); display:block; transition:color .17s ease } .FeaturedPost .post-title a:hover{ color:$(title.hover) } .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 #ebebeb; 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 #ebebeb; 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 #ebebeb; border-radius:2px } .contact-form-button-submit{ float:left; width:100%; height:30px; background-color:$(main.color); 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:$(main.dark.color) } .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 #ebebeb; border-right-width:0; border-radius:2px 0 0 2px } .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:$(main.color); color:#fff; padding:0 5px; border:0; border-radius:0 2px 2px 0; transition:background .17s ease } .BlogSearch .search-action:hover{ background-color:$(main.dark.color) } .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:18px; color:$(title.color); font-weight:700; margin:0 0 5px; transition:color .17s ease } .Profile .profile-data .g-profile:hover{ color:$(title.hover) } .Profile .profile-info > .profile-link{ color:$(title.color); font-size:11px; margin:5px 0 0; transition:color .17s ease } .Profile .profile-info > .profile-link:hover{ color:$(title.hover) } .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:$(title.color); 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:$(title.hover) } .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:$(main.dark.color) } #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 .widget > .widget-title > h3{ font-family: 'Rubik', sans-serif; position: relative; color: #fff; font-size: 18px; line-height: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 25px; } .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:$(footer.color) } .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:$(title.hover) } .footer .no-posts{ color:$(footer.color) } .footer .post-meta{ color:#aaa } .footer .FollowByEmail .widget-content > h3{ color:$(footer.color) } .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:$(main.dark.color) } .footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{ background-color:rgba(255,255,255,0.05); color:$(footer.color); border-color:rgba(255,255,255,0.05) } .footer #ArchiveList .flat li > a{ color:$(footer.color) } .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:$(footer.color) } .footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{ color:$(title.hover) } .footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{ color:$(footer.color) } .footer .cloud-label li a{ border-color:rgba(255,255,255,0.05); color:$(footer.color) } .footer .cloud-label li a:hover{ background-color:$(main.color); color:#fff } .footer .BlogSearch .search-input{ background-color:rgba(255,255,255,0.05); color:$(footer.color); 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:$(footer.color); 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{ background-color:rgba(0,0,0,0.2); color:$(footer.color); display:block; padding:0; width:100%; overflow:hidden } #sub-footer-wrapper .container{ overflow:hidden; margin:0 auto; padding:10px 0 } #sub-footer-wrapper .copyright-area{ float:left; font-size:12px; display:inline-block; height:34px; line-height:34px; text-align:center; text-transform:uppercase; font-weight:400 } #sub-footer-wrapper .lower-menu ul li { display: inline-block; } #sub-footer-wrapper .lower-menu ul li a { text-transform: uppercase; font-size: 13px; color:#fff; height: 34px; line-height: 34px; display: block; margin-left: 8px; } #sub-footer-wrapper .lower-menu { display: inline-block; float: right; } #sub-footer-wrapper .copyright-area a{ color:$(main.color); transition:color .17s } .hidden-widgets{ display:none; visibility:hidden } .back-top{ display:none; z-index:1010; width:32px; height:32px; position:fixed; bottom:25px; right:25px; cursor:pointer; overflow:hidden; font-size:13px; color:#fff; text-align:center; line-height:32px } .back-top:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:$(main.color); opacity:.5; transition:opacity .17s ease } .back-top:after{ content:'\f077'; 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:$(title.color); text-align:center; padding:80px 0 100px } .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:$(main.color); padding:10px 0 0 } .errorWrap a i{ font-size:20px } .errorWrap a:hover{ text-decoration:underline } @media screen and (max-width: 1100px) {

#main-menu ul > li > a{ padding: 0 8px; } #slider-wrapper .row { width:100%; } #outer-wrapper{ max-width:100% } .row{ width:100% } #top-bar .container{ box-sizing:border-box; padding:0 20px } #hot-wrapper{ box-sizing:border-box; padding:0 20px } #header-wrap{ height:auto } .header-header{ height:auto; box-sizing:border-box; padding:25px 20px } .header-logo{ max-width:30% } .header-ads{

}
 .header-menu{
    box-sizing:border-box;
    padding:0 20px;
}
 #content-wrapper{
    position:relative;
    box-sizing:border-box;
    padding:0 20px;
    margin:30px 0 0
}
 #footer-wrapper .container{
    box-sizing:border-box;
    padding:30px 20px
}
 #sub-footer-wrapper .container{
    text-align: center;
    box-sizing:border-box;
    padding:10px 20px
}

} @media screen and (max-width: 980px) { #content-wrapper > .container{ margin:0 } .header-logo{ max-width:100%; width:100%; text-align:center; padding:20px 0 } .header-logo .header-image-wrapper{ display:inline-block } #main-menu{ display:none } .slide-menu-toggle,.mobile-menu{ display:block; } .slide-menu-toggle{ left: 10px; } #header-wrap{ padding:0 } .header-header{ background-color:#fff; padding:0 } .header-header .container.row{ width:100% } .header-ads{ width:100%; max-width:100%; box-sizing:border-box; padding:0 20px } .header-ads .widget .widget-content{ position:relative; padding:0 0 20px; margin:0 auto } #header-inner a{ display:inline-block!important } #main-wrapper,#sidebar-wrapper{ width:100%; padding:0 } .item #sidebar-wrapper{ margin-top:20px } } @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 .hot-loader{ height:200px } .hot-posts .hot-item{ width:100%; height:220px; margin:10px 0 0 } .hot-posts .hot-item.item-0{ width:100%; height:250px; margin:0 } .hot-posts .hot-item.item-1,.hot-posts .hot-item.item-2{ margin:10px 0 0 } .hot-posts .post-title{ font-size:18px } .index-post{ width:100% } } @media screen and (max-width: 560px) { .top-bar-nav{ display:none } .top-bar-social{ width:100%; text-align:center } #sub-footer-wrapper .lower-menu { float:none; } #sub-footer-wrapper .copyright-area { float:none; }

 .top-bar-social ul > li{
    float:none
}
 .top-bar-social ul > li > a{
    margin:0 5px
}
 .top-bar-social ul > li:last-child > a{
    padding:0 5px
}
 .hot-posts .hot-item{
    height:180px
}
 .index-post .post-image-wrap{
float: none;
margin: 0 0 15px;
width: 100%;
}
 ul.related-posts{
    margin:0
}
 .related-posts .related-item{
    width:100%;
    padding:0;
    margin:20px 0 0
}
 .related-posts .item-0{
    margin:0
}
 .related-posts .post-tag{
    display:none
}
 .related-posts .post-image-link{
    width:80px;
    height:70px;
    float:left;
    margin:0 12px 0 0
}
 .related-posts .post-title{
    font-size:13px;
    overflow:hidden;
    margin:0 0 5px
}
 .post-reactions{
    display:none
}

} @media screen and (max-width: 440px) { .hot-posts .hot-item.item-0{ height:200px } .hot-posts .item-0 .post-title{ font-size:19px } .queryMessage{ text-align:center } .queryMessage a.show-more{ width:100%; margin:10px 0 0 } .item-post h1.post-title{ font-size:24px } .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:120px } } @media screen and (max-width: 360px) { .about-author .avatar-container{ width:60px; height:60px } }

]]></b:skin>

/*-------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:&#39; \f10d&#39; ; 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:&#39; \f10e&#39; ; 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:&quot; \f06e&quot; ; 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:&quot; \f019&quot; ; 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:&quot; \f09d&quot; ; 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:&quot; \f14c&quot; ; 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:&quot; \f105&quot; ; margin-right:5px; font-family:fontawesome } pre{ font-family:Monaco, &quot; Andale Mono&quot; , &quot; Courier New&quot; , 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:&#39; Code&#39; ; 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:&quot; \f058&quot; } .fa-info-circle:before{ content:&quot; \f05a&quot; } .fa-exclamation-triangle:before{ content:&quot; \f071&quot; } .fa-exclamation-circle:before{ content:&quot; \f06a&quot; } .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; }

<b:if cond='data:view.isLayoutMode'> <b:template-skin>

.container{ display:flex; margin:0 } body#layout #main-wrapper{ width:66.66%; padding:0 } body#layout #sidebar-wrapper{ width:33.33%; padding:0; display:block; } body#layout .sidebar .widget,body#layout .sidebar .widget-content{ float:none; overflow:visible } body#layout .footer-widgets-wrap{ display:flex } body#layout .footer-widgets-wrap div.footer{ width:100% } /*------Layout (end)----------*/ ]]>

</b:if>

<b:defaultmarkups> <b:defaultmarkup type='Common'> <b:includable id='widget-title'> <b:if cond='data:defaultTitle or data:title'>

data:title/

</b:if> </b:includable> <b:includable id='translate'> <b:switch var='data:blog.locale.language'> <b:case value='en'/><b:include name='customLang'/> <b:default/><b:include name='customLang'/> </b:switch> </b:includable> <b:includable id='customLang'> <b:switch var='data:message'> <b:case value='prevPost'/> <b:if cond='data:blog.locale.language == "en"'>Previous Post<b:else/>data:messages.newer/</b:if> <b:case value='nextPost'/> <b:if cond='data:blog.locale.language == "en"'>Next Post<b:else/>data:messages.older/</b:if> <b:case value='loadMorePosts'/> <b:if cond='data:blog.locale.language == "en"'>Load More<b:else/>data:messages.loadMorePosts/</b:if> <b:case value='noMorePosts'/> <b:if cond='data:blog.locale.language == "en"'>That is All<b:else/>data:messages.noResultsFound/</b:if> </b:switch> </b:includable>
</b:defaultmarkup> <b:defaultmarkup type='PopularPosts'> <b:includable id='main' var='this'> <b:include name='widget-title'/>

<b:loop values='data:posts' var='post'> <b:include data='post' name='postContent'/> </b:loop>

</b:includable> <b:includable id='postContent' var='post'>

<b:if cond='data:post.featuredImage'> <b:else/> </b:if>

data:post.title/

data:post.date/

</b:includable> </b:defaultmarkup> <b:defaultmarkup type='Header'> <b:includable id='main' var='this'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/> <b:include cond='data:imagePlacement == "BEHIND"' name='title'/>

</b:includable> <b:includable id='image'> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='FeaturedPost'> <b:includable id='main' var='this'> <b:include name='widget-title'/>

<b:loop values='data:posts' var='post'> <b:include data='post' name='postContent'/> </b:loop>

</b:includable> <b:includable id='postContent' var='post'>

<b:if cond='data:post.featuredImage'> <b:else/> </b:if> data:post.labels.last.name/

data:post.title/

data:post.date/

</b:includable> </b:defaultmarkup> <b:defaultmarkup type='Label'> <b:includable id='main' var='this'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='content'>

<b:class expr:name='data:this.display + "-label"'/> <b:include cond='data:this.display == "list"' name='list'/> <b:include cond='data:this.display == "cloud"' name='list'/>

</b:includable> <b:includable id='list'>

<b:loop values='data:labels' var='label'>
• data:label.name/ <b:if cond='data:this.showFreqNumbers'> data:label.count/ </b:if>
</b:loop>

</b:includable> </b:defaultmarkup> <b:defaultmarkup type='FollowByEmail'> <b:includable id='main' var='this'> <b:include name='content'/> </b:includable> <b:includable id='content'>

<b:if cond='data:defaultTitle or data:title'>

data:title/

</b:if> data:skin.vars.followByEmail/

</b:includable> </b:defaultmarkup> <b:defaultmarkup type='BlogSearch'> <b:includable id='main' var='this'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='content'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/> <b:include name='urlParamsAsFormInput'/>

</b:includable> </b:defaultmarkup> <b:defaultmarkup type='BlogArchive'> <b:includable id='main' var='this'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='content'>

<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>

</b:includable> <b:includable id='flat'>

<b:loop values='data:data' var='i'>
• data:i.name/data:i.post-count/
</b:loop>

</b:includable> </b:defaultmarkup> </b:defaultmarkups>

<!-- Google Analytics -->
<b:include data='blog' name='google-analytics'/>

NONE boxedVersion false postSnippet true <style type='text/css'> #outer-wrapper{max-width:1170px} .row{padding:0 10px;box-sizing: border-box} #footer-wrapper{padding:0 10px;box-sizing: border-box} #sub-footer-wrapper .container { width: 100%; overflow: hidden; margin: 0 auto; padding: 10px 10px; } .post-snippet {display: block;} a.read-more { display: inline-block;} </style> 9 NONE commentsSystem blogger disqusShortname true postPerPage soratemplates fixedSidebar <script type='text/javascript'> //<![CDATA[ var postPerPage = ; var fixedSidebar = ; var commentsSystem = ""; var disqusShortname = ""; //]]> </script>

https://vemaybaypq.com/wp-content/uploads/2020/10/ve-may-bay.jpg 42 412 true false REPLACE 180

.header-widget { background-position: <data:blog.locale.languageAlignment/>; background-repeat: no-repeat; }

Các chuyến bay NONE https://vemaybaygiarevi.blogspot.com/ https://vemaybaypq.com https://candientupce.blogspot.com/ https://huatecvi.blogspot.com/ / https://banvemaybayvietnamairline.blogspot.com/ https://banmaydotocdovongquay.blogspot.com/ Vé trong nước https://vemaybaypq.com/ve-may-bay-noi-dia/ _Vé máy bay quốc tế https://vemaybayquoctere.blogspot.com/ https://vemaybayquoctere.blogspot.com/ https://vemaybayquoctere.blogspot.com/ https://vemaybaygiare0dong.blogspot.com/ https://bookvemaybayvietjet.blogspot.com/ https://thuocdolaser.blogspot.com/ Vé máy bay Home __Book vé may bay Vietjet _Vé máy bay __Vé máy bay quốc tế __Thước đo laser _Vé máy bay quốc tế _Vé máy bay 0 đồng _bán vé máy bay VietNam Airline _Huatec Viet Nam vé máy bay vietjet

<b:if cond='data:blog.pageType == "index"'>

8/recent/slider

<b:if cond='data:view.isHomepage'>

]]>

<b:if cond='data:view.isHomepage'>

recent/hot-posts

  <!-- Main Wrapper -->
  <div id='main-wrapper'>
    <b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>
      <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='commentLabel'>Comments</b:widget-setting>
          <b:widget-setting name='showShareButtons'>true</b:widget-setting>
          <b:widget-setting name='authorLabel'>by</b:widget-setting>
          <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
          <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
          <b:widget-setting name='timestampLabel'/>
          <b:widget-setting name='reactionsLabel'>Reactions</b:widget-setting>
          <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
          <b:widget-setting name='style.layout'>1x1</b:widget-setting>
          <b:widget-setting name='showLocation'>false</b:widget-setting>
          <b:widget-setting name='showTimestamp'>true</b:widget-setting>
          <b:widget-setting name='postsPerAd'>1</b:widget-setting>
          <b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
          <b:widget-setting name='backlinksLabel'>Related Posts</b:widget-setting>
          <b:widget-setting name='showDateHeader'>false</b:widget-setting>
          <b:widget-setting name='style.textcolor'>#00c8d7</b:widget-setting>
          <b:widget-setting name='showCommentLink'>true</b:widget-setting>
          <b:widget-setting name='style.urlcolor'>#00c8d7</b:widget-setting>
          <b:widget-setting name='showAuthor'>true</b:widget-setting>
          <b:widget-setting name='style.linkcolor'>#00c8d7</b:widget-setting>
          <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
          <b:widget-setting name='showLabels'>true</b:widget-setting>
          <b:widget-setting name='postLabelsLabel'>Tags</b:widget-setting>
          <b:widget-setting name='showBacklinks'>true</b:widget-setting>
          <b:widget-setting name='showInlineAds'>false</b:widget-setting>
          <b:widget-setting name='showReactions'>true</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main' var='this'>
          <b:include name='searchMessage'/>
          <div class='blog-posts hfeed container'>
            <b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>
            <b:class cond='data:view.isSingleItem' name='item-post-wrap'/>
            <b:if cond='data:view.isHomepage'>
              <h3 class='home-title'><span><data:messages.recentPosts/></span></h3>
            </b:if>
            <b:tag class='grid-posts' cond='data:view.isMultipleItems' name='div'>
              <b:loop index='i' values='data:posts' var='post'>
                <b:include data='post' name='postCommentsAndAd'/>
              </b:loop>
            </b:tag>
          </div>
          <b:include cond='data:view.isMultipleItems' name='indexBlogPager'/>
          <b:include name='feedLinks'/>
        </b:includable>
        <b:includable id='aboutPostAuthor'>
          <div class='about-author'>
            <div class='avatar-container'>
              <b:if cond='data:post.author.authorPhoto.image'>
                <img class='author-avatar' expr:alt='data:post.author.name' expr:src='data:post.author.authorPhoto.image resizeImage 100'/>                
                <b:else/>
                <img class='author-avatar' expr:alt='data:post.author.name' src='https://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s100/avatar.png'/>
              </b:if>
            </div>
            <h3 class='author-name'>
              <span><data:messages.postedBy/></span><a expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' target='_blank'> <data:post.author.name/></a>
            </h3>
            <span class='author-description'><data:post.author.aboutMe/></span>
          </div>
        </b:includable>
        <b:includable id='addComments'>
          <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
            <b:message name='messages.postAComment'/>
          </a>
        </b:includable>
        <b:includable id='backLinks' var='post'>
          <b:comment>Disabled</b:comment>         
        </b:includable>
        <b:includable id='commentAuthorAvatar'>
          <div class='avatar-image-container'>
            <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='45' width='45'/>
          </div>
        </b:includable>
        <b:includable id='commentDeleteIcon' var='comment'>
          <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
            <b:if cond='data:showCmtPopup'>
              <div class='goog-toggle-button'>
                <div class='goog-inline-block comment-action-icon'/>
              </div>
              <b:else/>
              <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
                <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
              </a>
            </b:if>
          </span>
        </b:includable>
        <b:includable id='commentForm' var='post'>
          <div class='comment-form'>
            <a name='comment-form'/>
            <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
              <p><data:this.messages.blogComment/></p>
            </b:if>
            <b:include data='post' name='commentFormIframeSrc'/>
            <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
            <data:post.cmtfpIframe/>
            <script type='text/javascript'>
              BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
            </script>
          </div>
        </b:includable>
        <b:includable id='commentFormIframeSrc' var='post'>
          <a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot;' id='comment-editor-src'/>
        </b:includable>
        <b:includable id='commentItem' var='comment'>
          <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
            <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

            <div class='comment-block'>
              <div class='comment-author'>
                <b:if cond='data:comment.authorUrl'>
                  <b:message name='messages.authorSaidWithLink'>
                    <b:param expr:value='data:comment.author' name='authorName'/>
                    <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
                  </b:message>
                  <b:else/>
                  <b:message name='messages.authorSaid'>
                    <b:param expr:value='data:comment.author' name='authorName'/>
                  </b:message>
                </b:if>
              </div>
              <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
                <data:comment.body/>
              </div>
              <div class='comment-footer'>
                <span class='comment-timestamp'>
                  <a expr:href='data:comment.url' title='comment permalink'>
                    <data:comment.timestamp/>
                  </a>
                  <b:include data='comment' name='commentDeleteIcon'/>
                </span>
              </div>
            </div>
          </div>
        </b:includable>
        <b:includable id='commentList' var='comments'>
          <div id='comments-block'>
            <b:loop values='data:comments' var='comment'>
              <b:include data='comment' name='commentItem'/>
            </b:loop>
          </div>
        </b:includable>
        <b:includable id='commentPicker' var='post'>
          <b:if cond='data:post.allowComments'>
            <div class='title-wrap comments-title'>
              <h3><data:messages.postAComment/></h3>
            </div>
          </b:if>
          <b:if cond='data:post.commentSource == 1'>
            <b:include data='post' name='iframeComments'/>
            <b:elseif cond='data:post.showThreadedComments'/>
            <b:include data='post' name='threadedComments'/>
            <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:includable>
        <b:includable id='comments' var='post'>
          <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
            <a name='comments'/>
            <b:if cond='data:post.allowComments'>

              <b:include name='commentsTitle'/>

              <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
              </div>

              <b:if cond='data:post.commentPagingRequired'>
                <div class='paging-control-container'>
                  <b:if cond='data:post.hasOlderLinks'>
                    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                      <data:messages.oldest/>
                    </a>
                    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                      <data:messages.older/>
                    </a>
                  </b:if>

                  <span class='comment-range-text'>
                    <data:post.commentRangeText/>
                  </span>

                  <b:if cond='data:post.hasNewerLinks'>
                    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                      <data:messages.newer/>
                    </a>
                    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                      <data:messages.newest/>
                    </a>
                  </b:if>
                </div>
              </b:if>

              <div class='footer'>
                <b:if cond='data:post.embedCommentForm'>
                  <b:if cond='data:post.allowNewComments'>
                    <b:include data='post' name='commentForm'/>
                    <b:else/>
                    <data:post.noNewCommentsText/>
                  </b:if>
                  <b:else/>
                  <b:if cond='data:post.allowComments'>
                    <b:include data='post' name='addComments'/>
                  </b:if>
                </b:if>
              </div>
            </b:if>
            <b:if cond='data:showCmtPopup'>
              <div id='comment-popup'>
                <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                </iframe>
              </div>
            </b:if>
          </section>
        </b:includable>
        <b:includable id='commentsTitle'>
          <!-- Post Commments Title -->
          <h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3>
        </b:includable>
        <b:includable id='feedLinks'>
          <b:comment>Disabled</b:comment> 
        </b:includable>
        <b:includable id='feedLinksBody' var='links'>
          <b:comment>Disabled</b:comment> 
        </b:includable>
        <b:includable id='footerBylines' var='post'>
          <!-- Post Footer Extras -->
          <b:include data='post' name='postLabels'/>
          <b:include data='post' name='postReactions'/>
          <b:include data='post' name='postShareButtons'/>
        </b:includable>
        <b:includable id='headerByline' var='post'>
          <!-- Post Header Meta -->
            <div class='post-meta'>
              <b:include data='post' name='postAuthor'/>
              <b:include data='post' name='postTimestamp'/>
            </div>
        </b:includable>
        <b:includable id='homePageLink'>
          <b:comment>Disabled</b:comment> 
        </b:includable>
        <b:includable id='iframeComments' var='post'>
          <b:if cond='data:post.allowIframeComments'>
            <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
            <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
            <b:if cond='!data:post.embedCommentForm'>
              <b:include data='post' name='commentsLink'/>
            </b:if>
          </b:if>
        </b:includable>
        <b:includable id='indexBlogPager'>
          <!-- Post Pagination Index -->
          <div class='blog-pager container' id='blog-pager'>
            <b:if cond='data:olderPageUrl'>
              <a class='blog-pager-older-link load-more' expr:data-load='data:olderPageUrl' href='javascript:;' id='load-more-link'><b:include data='{ message: &quot;loadMorePosts&quot; }' name='translate'/></a>
              <span class='loading'><span class='loader'/></span>
              <span class='no-more load-more'><b:include data='{ message: &quot;noMorePosts&quot; }' name='translate'/></span>
              <b:else/>
              <span class='no-more load-more show'><b:include data='{ message: &quot;noMorePosts&quot; }' name='translate'/></span>
            </b:if>
          </div>
        </b:includable>
        <b:includable id='indexPost' var='post'>
          <!-- Index Post Content -->
          <b:include data='post' name='postFeaturedImage'/>
          <div class='post-info'>
            <b:include data='post' name='postHeader'/>
            <b:include data='post' name='postSummary'/>
            <b:include data='post' name='postJumpLink'/>
          </div>
        </b:includable>
        <b:includable id='inlineAd' var='post'>
          <b:comment>Disabled</b:comment> 
        </b:includable>
        <b:includable id='itemPost' var='post'>
          <!-- Item Post Content -->
          <b:include data='post' name='postMeta'/>
          <b:include data='post' name='postHeader'/>
          <b:include data='post' name='postBody'/>
          <b:include cond='data:view.isPost' data='post' name='postFooter'/>
        </b:includable>
        <b:includable id='nextPageLink'>
          <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'>
            <data:messages.olderPosts/>
          </a>
        </b:includable>
        <b:includable id='post' var='post'>
          <!-- Post Index -->
          <b:if cond='data:view.isMultipleItems'>
            <b:include data='post' name='indexPost'/>
          </b:if>
          <!-- Post Item -->
          <b:if cond='data:view.isSingleItem'>
            <b:include data='post' name='itemPost'/>
          </b:if>
        </b:includable>
        <b:includable id='postAuthor' var='post'>
          <!-- Post Author -->
          <b:if cond='data:allBylineItems.author'>
            <span class='