/* -------------------------------------------------
[ABOUT]
Template Name: Lê Anh Đức - Version 10.0.1
Designer: Lê Anh Đức [Admin]
Version: 10.0.1
Latest update: 12/09/2018
Email: leanhduc.pro.vn@gmail.com
Contact: 038.689.7757
------------------------------------------------- */
#navbar-iframe,.status-msg-wrap,.post-feeds,.feed-links,.Attribution,.date-header{display:none}
a:focus{outline:none}
abbr,a:link{outline:none;text-decoration:none;color:#666;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s}
a:visited{color:#666}
.bsw_letter{letter_spacing_bacsiwindows:0!important}
.quickedit,.bsw_none{display:none!important}
.bsw_hid{visibility:hidden!important}
h1{font-size:22px;margin:0.3em 0}
h2{font-size:20px;margin:0.2em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:0.83em;margin:1.67em 0}
h6{font-size:0.75em;margin:2.33em 0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.post ol,ul{margin:5px 0 5px 35px;padding:0}
ol li:hover{color:#7577a9}
body{font-family:"Roboto",sans-serif;font-size:16px;margin:0;padding:0;color:#222;overflow-x:hidden;background:#f0f0f0;counter-reset:my-sec-counter}
#sidebar .widget.FollowByEmail .follow-by-email-address{padding:0 15px;box-sizing:border-box;line-height:30px;height:32px}
#sidebar .widget.FollowByEmail .follow-by-email-submit{border-radius:2px;color:#fff;padding:8.5px 10px;width:auto;height:auto;line-height:1em}
#sidebar .widget.FollowByEmail .follow-by-email-submit{background:#FF3D00}
.follow-by-email-inner p{text-align:center}
.breadcrumbs{margin:0 0 10px;font:500 14px Roboto;color:#777}
.breadcrumbs a:hover{color:#ff6454}
.breadcrumbs a{font-size:12px;text-transform:uppercase;color:#666;margin:0;display:inline-block}
.breadcrumbs .fa{margin:0 5px;font-size:10px}
#content-bsw{width:800px;max-width:100%;overflow:hidden;float:left}
#sidebar-bsw{width:330px;max-width:100%;overflow:hidden;float:right}
.bsw-post{word-wrap:break-word;margin:0 0 10px 0}
.post{margin:0;font-size:16px;line-height:1.5;font-weight:400;overflow:hidden}
#bsw-headers{display:block;color:#333;font-size:16px;overflow:hidden;margin:8px 0;padding:0 0 6px 0;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #eee}
#bsw-headers a{font-size:16px;color:#333}
#sidebar-bsw h2{color:#888;font-weight:700;font-family:"Roboto Condensed",sans-serif;padding:0 0 8px;font-size:16px;margin:0 0 10px;transition:.3s;border-bottom:1px solid #f0f0f0;text-transform:uppercase}
#sidebar-bsw{color:#666;line-height:1.3em;border-top:none;font-size:15px}
#sidebar-bsw li{line-height:normal;margin:0;padding:0;font-size:15px;position:relative}
#sidebar-bsw .widget{background:#fff;padding:10px;box-sizing:border-box;margin:0}
#sidebar-bsw .widget-content{margin:0}
#sidebar-bsw a:link,#sidebar-bsw a:visited{color:#333;text-decoration:none;font-size:16px;font-weight:500}
#sidebar-bsw a:hover{color:#52B043}
#sidebar-bsw ul{list-style:none;margin:0;padding:0}
.left{float:left;text-align:left}
.right{float:right;text-align:right}
.center{text-align:center}
.alert{padding:10px 15px;color:#444;background:#f1f3f5;margin:0;clear:both}
.alert a{font-weight:500!important}
.result,.button{clear:both;background:#4ab399;padding:14px 0;color:#fff!important;letter_spacing_bacsiwindows:0;text-transform:uppercase;display:block;width:200px;max-width:100%;font-size:15px;font-weight:500;margin:10px 0;text-align:center;border-radius:6px}
.result:before,.button:before{font-family:fontawesome;content:"\f08e";margin:0 8px 0 0}
.result:hover,.result:focus,.button:hover,.button:focus{background:#429a84}
.demo_btn_bacsiwindows{color:#7577a9!important;border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:230px;text-align:center;text-decoration:none!important;text-transform:uppercase;font-size:15px;font-weight:500;margin:10px 5px}
.demo_btn_bacsiwindows:after{background:#7577a9;content:"";height:155px;left:-75px;opacity:2;position:absolute;top:-50px;transform:rotate(40deg);transition:.5s;width:100px;z-index:1}
.demo_btn_bacsiwindows:hover:after{opacity:1;left:120%;transition:.5s}
#bacsiwindows-go-top:hover i{transform:rotate(360deg);transition:.5s ease}
#bsw-may-you-like img{object-fit:cover;width:300px;height:auto;padding:0;transition:.3s;margin:0 15px 0 0;box-sizing:border-box;float:left}
#random_posts .random-info span{font-size:14px;font-weight:500;color:#888}
#bsw-may-you-like img:hover{opacity:.9}
ul#bsw-may-you-like{list-style-type:none;padding:0;margin:0}
#bsw-may-you-like a{font-size:18px;color:#444;line-height:1.35;margin:0;font-weight:700}
#bsw-may-you-like a:hover{color:#7577a9}
.bacsiwindows_random_in4{display:table;font-size:16px;line-height:1.5;color:#444;font-weight:400}
#bsw-may-you-like li{margin:0 0 25px}
#bsw-may-you-like li br{display:table;content:'';padding:3px 0}
#random_posts{clear:both;background:#fff;padding:14px 14px 0;box-sizing:border-box;overflow:hidden}
.random-title{clear: both; text-transform: uppercase; font-size: 16px; padding: 0 0 10px 0; border-bottom: 2px solid #eee; font-weight: 500; color: #4a4854; margin: 0 0 18px}
.random-title span{padding:0 0 10px;border-bottom:2px solid #666}
.random-title-post{padding:0;margin:0 0 5px;clear:right}
@media only screen and (max-width:1000px){.fb-comments{width:100%!important}.fb-comments iframe[style]{width:100%!important}.fb-like-box{width:100%!important}.fb-like-box iframe[style]{width:100%!important}.fb-comments span{width:100%!important}.fb-comments iframe span[style]{width:100%!important}.fb-like-box span{width:100%!important}.fb-like-box iframe span[style]{width:100%!important}}
.fb-comments:after{clear:both;content:''}
.fb-comments{background:#fff;float:left;width:100%;margin:0 0 20px;clear:both;padding:6px;box-sizing:border-box}
.flat-icon-button{background:transparent;border:0;outline:none;padding:8px;cursor:pointer;box-sizing:content-box;display:inline-block;line-height:0}
.flat-icon-button,.flat-icon-button .splash-wrapper{border-radius:100px}
.flat-icon-button .splash.animate{-webkit-animation-duration:0.6s;animation-duration:0.6s}
.flat-button{cursor:pointer;border-radius:2px;padding:8px}
.ripple{position:relative}
.ripple>*{z-index:1}
.splash-wrapper{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}
.splash{background:rgba(0,0,0,.3);border-radius:100%;display:block;opacity:.9;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.splash.animate{-webkit-animation:ripple-effect .5s linear;animation:ripple-effect .5s linear}
.ripple-radius .splash-wrapper{border-radius:100px}
@-webkit-keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}
@keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}
.relative{position:relative!important}
.static{position:static!important}
.fixed{position:fixed!important}
.absolute{position:absolute!important}
/*
.sidebar .PopularPosts ul{padding:0}
.sidebar .PopularPosts ul li:first-child{width:100%;max-height:100%}
.sidebar .PopularPosts ul li{position:relative;padding:0;width:100%;margin-bottom:5px}
.sidebar .PopularPosts .item-thumbnail{margin:0;width:100%;line-height:0}
.sidebar .PopularPosts ul li img{width:100%;height:auto;padding:0;filter:grayscale(30%) brightness(80%);transition:1s ease}
.sidebar .PopularPosts ul li:hover img{filter:none}
.sidebar .PopularPosts .item-title{color:#fff;background:linear-gradient(to bottom,transparent,#535d70);text-decoration:none;position:absolute;text-align:center;left:0;right:0;bottom:0%;line-height:1.3;height:100%;transition:background .4s ease}
.sidebar .PopularPosts .item-title a{color:#fff;font-size:18px;font-weight:300;position:absolute;bottom:0;left:0;padding:10px;text-align:left}
.sidebar .PopularPosts .item-snippet{display:none}
.popular-posts ul li .item-title:before{position:absolute;top:0;left:0;margin:10px;font-size:20px;font-weight:300}
.popular-posts ul li:first-child + li + li .item-title:before{content:"#3"}
.popular-posts ul li:first-child + li .item-title:before{content:"#2"}
.popular-posts ul li:first-child .item-title:before{content:"#1 on trending";background:white;padding:5px 10px;color:#666}
*/
#sidebar-bsw .PopularPosts li{position:relative;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #f4f4f4}
#sidebar-bsw .PopularPosts .item-title a{font-weight:500;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:16px}
#sidebar-bsw .PopularPosts .item-snippet{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#777;padding:5px 0 0 0}
#sidebar-bsw .popular-posts ul li .item-title:before{position:absolute;color:#666;left:0;top:0;font-size:14px;font-weight:400;padding:5px;background:#fff;margin:5px}
#sidebar-bsw .popular-posts ul li:first-child .item-title:before{content:"#1 ON TRENDING"}
#sidebar-bsw .popular-posts ul li:first-child + li .item-title:before{content:"#2"}
#sidebar-bsw .popular-posts ul li:first-child + li + li .item-title:before{content:"#3"}
#sidebar-bsw .popular-posts ul li .item-thumbnail{width:120px;height:80px;float:left;margin:0 10px 0 0;overflow:hidden}
#sidebar-bsw .popular-posts ul li .item-thumbnail img{width:100%;height:100%;object-fit:cover;transition:.5s}
#sidebar-bsw .popular-posts ul li .item-thumbnail:hover img{transform:scale(1.4) rotate(-10deg)}
#sidebar-bsw .popular-posts ul li:nth-of-type(1) .item-thumbnail{width:100%;height:auto;margin:0 0 10px}
#sidebar-bsw .popular-posts ul li:nth-of-type(1) .item-title{clear:both}
#sidebar-bsw .popular-posts ul li:nth-of-type(1) .item-title a{font-size:16px}
#sidebar-bsw .popular-posts ul li:nth-of-type(10){margin: 0; padding: 0; border: 0;}
nav.after{top:-110px}
ul.idbcomments{margin:0;padding:10px;max-height:520px;overflow:auto}
ul.idbcomments::-webkit-scrollbar{width:6px;height:6px}
ul.idbcomments::-webkit-scrollbar-thumb{background:#ddd}
.idbcomments li{display:block;clear:both;list-style:none;overflow:hidden;background:#f2f3f5;padding:10px;margin:0 0 5px;border-radius:6px}
.idbcomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}
.idbcomments li img{border-radius:100%;position:relative;overflow:hidden;display:block;width:45px;height:45px}
.idbcomments li a{font-weight:700;margin:0!important}
.idbcomments li a:hover{color:#7577a9!important;background:transparent!important}
.idbcomments li span{color:#666;line-height:1.35;display:block}
.bsw-ajax-loadmore{clear:both;text-align:center}
.bsw-ajax-loadmore .load-more-post{font-size:22px;font-weight:300;display:inline-block;text-align:center;padding:10px 50px;clear:both;background:white;margin:1em auto;border-radius:100px;text-transform:lowercase}
.bsw-ajax-loadmore .load-more-post:hover{box-shadow:0 0 50px rgba(0,0,0,.1)}
.bsw-ajax-loadmore .load-more-post i{font-size:13px;vertical-align:middle;margin:-4px 0 0 4px}
@keyframes colorBackground{0%{background-color:#fbcf61}20%{background-color:#6bd57e}40%{background-color:#ff6f6f}60%{background-color:#57cff4}80%{background-color:#0ed4c8}100%{background-color:#fbcf61}}
svg{display:none!important}
.post-outer-container{margin:0 0 15px;clear:both;width:100%;float:left}
.load-bsw-more{padding:10px 60px;display:inline-block;background:#fff;margin:0 0 20px;border-radius:100px;border:2px solid #f4f4f4;color:#888!important;text-transform:uppercase;font-weight:700;font-size:14px}
.load-bsw-more:hover{border-color:#ddd}
.status-msg-body{display:none}
.qc-ngang{clear:both;margin:0 0 20px;display:block}
.qc-ngang img{max-width:100%}
.spinner{padding:10px 0}
.spinner > div{width:12px;height:12px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:load-animation-bsw 1.4s infinite ease-in-out both;animation:load-animation-bsw 1.4s infinite ease-in-out both}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes load-animation-bsw{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}
@keyframes load-animation-bsw{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}
input.menu-search-bsw{border:0;outline:0;background:rgba(0,0,0,.2) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUGTfrd2FVHmsfzaivysJBhYth4WDKyVM5xwaHUDYsA4fNbJcUIQJPM0MZwlpEyCUn0-zjRcTD5vuF2ZiMo6uUFxc79t39X76kAcwRXi1ImTUc7_RjXY7eMOpiPkuSXlkRm27Xh9cUNN__/s24/search_icon_dark.png) no-repeat center left;background-position:5% 50%;padding:8px 15px 8px 40px;border-radius:100px;color:#f4f4f4;font-size:14px;margin:8px 0 0;width:200px}
input.menu-search-bsw::-webkit-input-placeholder{color:#999}
div.post-outer-container .no-posts-message{padding:12px;color:#888}
#copyright-lower{clear:both;background:#fff}
.copyright-lower{margin:0 auto 0;max-width:100%;font-size:14px;color:#555;width:1150px;padding:18px 0;line-height:1.5}
.copyright-lower a{color:#555;font-weight:700}
.copyright-lower img{float:left;margin:0 10px 0 0;width:40px;border-radius:50%}
footer{background:#222;margin:20px 0 0}
footer .footer{width:1150px;max-width:100%;margin:auto;padding:50px 0 20px}
footer .footer h2{display:none}
footer div.footer .popular-posts ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}
footer div.footer .popular-posts ul li{list-style:none;position:relative}
footer div.footer .popular-posts ul li:hover img{filter:none!important}
footer div.footer .popular-posts ul li .item-thumbnail{width:100%;height:180px}
footer div.footer .popular-posts ul li .item-thumbnail img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(80%);transition:1s}
footer div.footer .popular-posts ul li .item-title a{position:absolute;bottom:0;left:0;background:#fff;padding:10px;color:#555;font-weight:700;margin:0 10px 12px;box-sizing:border-box;line-height:1.4;text-align:center;transition:.5s}
footer div.footer .popular-posts ul li .item-snippet{display:none}
.ribbon-pre-theme,.ribbon-free-theme,.ribbon-code-theme{position:absolute;left:0;top:0;z-index:1;overflow:hidden;width:100%;height:100%}
.ribbon-pre-theme span,.ribbon-free-theme span,.ribbon-code-theme span{font-size:12px;font-weight:500;color:#FFF;text-align:center;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#e85959;position:absolute;top:20px;left:-20px}
.ribbon-free-theme span{background:#727475}
.ribbon-code-theme span{background:#48a848}
a.to-tops{background: #fff; color: #4a4854; box-shadow:0 0 100px rgba(0,0,0,.05); position: fixed; right: 0; bottom: 0; margin: 1.5em; height: 44px; width: 44px; line-height: 44px; text-align: center; border-radius: 100px;}
a.to-tops .splash-wrapper{border-radius:50%}
/* Bắt đầu css button */
.bsw-btn{color:#52b043!important;border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:230px;text-align:center;text-decoration:none!important;text-transform:uppercase;font:500 15px Roboto;margin:10px 5px}
.bsw-btn:after{background:#52b043;content:"";height:155px;left:-75px;opacity:2;position:absolute;top:-50px;transform:rotate(40deg);transition:.5s;width:100px;z-index:1}
.bsw-btn:hover:after{opacity:1;left:120%;transition:.5s}
/* Kết thúc css button */
/* Bắt đầu css trái tim đập */
.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}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
to{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}}
@keyframes pulse{from{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
to{-webkit-transform:scale3d(0.068,0.068,0.068);transform:scale3d(0.068,0.068,0.068)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
/* Kết thúc css trái tim đập */
/* Bắt đầu css lắc logo */
.logo:hover{animation-name:logo;-moz-animation-name:logo;-webkit-animation-name:logo;animation-duration:.8s;-moz-animation-duration:.8s;-webkit-animation-duration:.8s;transform-origin:50% 50%;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear}@keyframes logo{0%{transform:translate(2px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(0,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}@-moz-keyframes logo{0%{-moz-transform:translate(2px,1px) rotate(0)}10%{-moz-transform:translate(-1px,-2px) rotate(-1deg)}20%{-moz-transform:translate(-3px,0) rotate(1deg)}30%{-moz-transform:translate(0,2px) rotate(0)}40%{-moz-transform:translate(1px,-1px) rotate(1deg)}50%{-moz-transform:translate(-1px,2px) rotate(-1deg)}60%{-moz-transform:translate(-3px,1px) rotate(0)}70%{-moz-transform:translate(2px,1px) rotate(-1deg)}80%{-moz-transform:translate(-1px,-1px) rotate(1deg)}90%{-moz-transform:translate(2px,2px) rotate(0)}100%{-moz-transform:translate(1px,-2px) rotate(-1deg)}}@-webkit-keyframes logo{0%{-webkit-transform:translate(2px,1px) rotate(0)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0) rotate(1deg)}30%{-webkit-transform:translate(0,2px) rotate(0)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0)}70%{-webkit-transform:translate(2px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,2px) rotate(0)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}}
/* Kết thúc css lắc logo */
/*code trỏ chuột */
html,body{cursor:url("https://i.imgur.com/5v5M8gh.png"), auto;}
a:hover{cursor:url("https://i.imgur.com/IXULuQ1.png"), auto;}
/*Kết thúc code trỏ chuột */