#landing-web-view {
    display: block !important;
}

#landing-mobile-view {
    display: none;
    /* position: absolute; */
    font-size: 25px;
}

.footer-v8 .footer {
    padding: 15px 100px 15px;
}

.wrapper {
    height: auto;
}

.modal-close-button {
    cursor: pointer;
    color: #656565;
    float: right;
    font-size: 50px;
    line-height: 0;
    text-shadow: 0 1px 0 #fff;
}

.nav-tabs li {
    cursor: pointer;
}

.nav-tabs li a {
    font-size: 18px;
    background: transparent !important;
    color: #000 !important;
}

.nav-tabs li.active a {
    font-size: 18px;
    background: transparent !important;
    color: #72c02c !important;
}

.dropdown-menu {
    /* border-bottom: solid 3px #2ce080 !important; */
    border-top: unset !important;
    top: auto;
}

.hoc-mien-phi {
    background-color: #2ce080 !important;
    color: #ffffff !important;
    /* border: #2CE080 2px solid; */
    /* border-radius: 2px; */
}

.hoc-mien-phi:hover {
    background-color: #20ba68 !important;
    border-color: #20ba68 !important;
    color: #ffffff;
}

@media (max-width: 991px) {
    .hoc-mien-phi {
        background-color: #fff !important;
        color: #444 !important;
        /* border: #2CE080 2px solid; */
        /* border-radius: 2px; */
    }

    .hoc-mien-phi:hover {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #008fb4 !important;
    }
}

.line-header {
    border-bottom: 1px solid #ededed !important;
}

/*Parallax Team*/

.parallax-team {
    background: url(../img/team/faces.jpg) 50% 0 repeat fixed;
    /* margin-top: -30px; */
}

.parallax-team,
.parallax-team .title-box-v2 {
    position: relative;
}

.parallax-team-dark:before {
    background: rgba(0, 0, 0, 0.8);
}

/* Add here all your css styles (customizations) */

.title-news-index {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0 !important;
}

.bg-white {
    background-color: #fff;
}

.bg-login {
    background-color: #4e5d61;
}

.pointer:hover {
    cursor: pointer;
}

.color-mo {
    color: rgb(120, 124, 126);
}

.clear-bt {
    border-top: solid 1px #eee;
}

.post-shares {
    padding-left: 0;
    list-style: none;
    margin: 5px 0 0 -5px;
}

.news-v3-in-sm .post-shares {
    margin: 20px 0 0 -5px;
}

.post-shares li {
    position: relative;
    padding: 0 10px 0 5px;
    display: inline-block;
}

.post-shares li i {
    color: #555;
    width: 40px;
    height: 40px;
    padding: 13px;
    font-size: 16px;
    /* background: #eee; */
    text-align: center;
    display: inline-block;
}

.post-shares li i:hover {
    color: #008fb4;
}

.post-shares li span {
    top: -5px;
    right: 6px;
    color: #fff;
    width: 22px;
    height: 22px;
    padding: 4px;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    background: #72c02c;
    border: 2px solid #fff;
    border-radius: 50% !important;
}

.post-shares-lg li span {
    top: -10px;
    right: 0px;
    width: 29px;
    height: 29px;
    padding: 4px;
    font-size: 10px;
    line-height: 16px;
}

/* boostrap */

.modal-sm {
    width: 400px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1,
.h1 {
    font-size: 2.5rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.font-italic {
    font-style: italic !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

/* Brand button */

.btn:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-blistkin {
    background-color: #2ce080;
    border-color: #2ce080;
    color: white;
}

.btn-blistkin:hover {
    background-color: #20ba68 !important;
    border-color: #20ba68 !important;
    color: white;
}

.btn-amazon-inversed {
    background-color: #f29e37;
    border-color: #f29e37;
    color: white;
}

.btn-amazon-inversed:hover {
    background-color: transparent;
    color: #f29e37;
}

.btn-delicious-inversed {
    background-color: #3271cb;
    border-color: #3271cb;
    color: white;
}

.btn-delicious-inversed:hover {
    background-color: transparent;
    color: #3271cb;
}

.btn-digg-inversed {
    background-color: #164673;
    border-color: #164673;
    color: white;
}

.btn-digg-inversed:hover {
    background-color: transparent;
    color: #164673;
}

.btn-disqus-inversed {
    background-color: #2e9fff;
    border-color: #2e9fff;
    color: white;
}

.btn-disqus-inversed:hover {
    background-color: transparent;
    color: #2e9fff;
}

.btn-eventbrite-inversed {
    background-color: #ff5616;
    border-color: #ff5616;
    color: white;
}

.btn-eventbrite-inversed:hover {
    background-color: transparent;
    color: #ff5616;
}

.btn-eventful-inversed {
    background-color: #376095;
    border-color: #376095;
    color: white;
}

.btn-eventful-inversed:hover {
    background-color: transparent;
    color: #376095;
}

.btn-intensedebate-inversed {
    background-color: #0099e1;
    border-color: #0099e1;
    color: white;
}

.btn-intensedebate-inversed:hover {
    background-color: transparent;
    color: #0099e1;
}

.btn-lanyrd-inversed {
    background-color: #2e6ac2;
    border-color: #2e6ac2;
    color: white;
}

.btn-lanyrd-inversed:hover {
    background-color: transparent;
    color: #2e6ac2;
}

.btn-pinboard-inversed {
    background-color: #0000ff;
    border-color: #0000ff;
    color: white;
}

.btn-pinboard-inversed:hover {
    background-color: transparent;
    color: #0000ff;
}

.btn-songkick-inversed {
    background-color: #ff0050;
    border-color: #ff0050;
    color: white;
}

.btn-songkick-inversed:hover {
    background-color: transparent;
    color: #ff0050;
}

.btn-stumbleupon-inversed {
    background-color: #eb4924;
    border-color: #eb4924;
    color: white;
}

.btn-stumbleupon-inversed:hover {
    background-color: transparent;
    color: #eb4924;
}

.btn-gmail-inversed {
    background-color: #b1140b;
    border-color: #b1140b;
    color: white;
}

.btn-gmail-inversed:hover {
    background-color: #c71a11;
    border-color: #c71a11;
    color: white;
}

.btn-google-inversed {
    background-color: #4e6cf7;
    border-color: #4e6cf7;
    color: white;
}

.btn-google-inversed:hover {
    background-color: transparent;
    color: #4e6cf7;
}

.btn-evernote-inversed {
    background-color: #6bb130;
    border-color: #6bb130;
    color: white;
}

.btn-evernote-inversed:hover {
    background-color: transparent;
    color: #6bb130;
}

.btn-grooveshark-inversed {
    background-color: #e97a2f;
    border-color: #e97a2f;
    color: white;
}

.btn-grooveshark-inversed:hover {
    background-color: transparent;
    color: #e97a2f;
}

.btn-instapaper-inversed {
    background-color: #222222;
    border-color: #222222;
    color: white;
}

.btn-instapaper-inversed:hover {
    background-color: transparent;
    color: #222222;
}

.btn-itunes-inversed {
    background-color: #525152;
    border-color: #525152;
    color: white;
}

.btn-itunes-inversed:hover {
    background-color: transparent;
    color: #525152;
}

.btn-opentable-inversed {
    background-color: #990000;
    border-color: #990000;
    color: white;
}

.btn-opentable-inversed:hover {
    background-color: transparent;
    color: #990000;
}

.btn-logmein-inversed {
    background-color: #000000;
    border-color: #000000;
    color: white;
}

.btn-logmein-inversed:hover {
    background-color: transparent;
    color: #000000;
}

.btn-ninetyninedesigns-inversed {
    background-color: #072243;
    border-color: #072243;
    color: white;
}

.btn-ninetyninedesigns-inversed:hover {
    background-color: transparent;
    color: #072243;
}

.btn-paypal-inversed {
    background-color: #32689a;
    border-color: #32689a;
    color: white;
}

.btn-paypal-inversed:hover {
    background-color: transparent;
    color: #32689a;
}

.btn-pocket-inversed {
    background-color: #de5a5f;
    border-color: #de5a5f;
    color: white;
}

.btn-pocket-inversed:hover {
    background-color: transparent;
    color: #de5a5f;
}

.btn-scribd-inversed {
    background-color: #231c1a;
    border-color: #231c1a;
    color: white;
}

.btn-scribd-inversed:hover {
    background-color: transparent;
    color: #231c1a;
}

.btn-spotify-inversed {
    background-color: #60af00;
    border-color: #60af00;
    color: white;
}

.btn-spotify-inversed:hover {
    background-color: transparent;
    color: #60af00;
}

.btn-statusnet-inversed {
    background-color: #829d25;
    border-color: #829d25;
    color: white;
}

.btn-statusnet-inversed:hover {
    background-color: transparent;
    color: #829d25;
}

.btn-stripe-inversed {
    background-color: #2f7ed6;
    border-color: #2f7ed6;
    color: white;
}

.btn-stripe-inversed:hover {
    background-color: transparent;
    color: #2f7ed6;
}

.btn-yahoo-inversed {
    background-color: #a200c2;
    border-color: #a200c2;
    color: white;
}

.btn-yahoo-inversed:hover {
    background-color: transparent;
    color: #a200c2;
}

.btn-yelp-inversed {
    background-color: #e60010;
    border-color: #e60010;
    color: white;
}

.btn-yelp-inversed:hover {
    background-color: transparent;
    color: #e60010;
}

.btn-wikipedia-inversed {
    background-color: #111111;
    border-color: #111111;
    color: white;
}

.btn-wikipedia-inversed:hover {
    background-color: transparent;
    color: #111111;
}

.btn-wordpress-inversed {
    background-color: #464646;
    border-color: #464646;
    color: white;
}

.btn-wordpress-inversed:hover {
    background-color: transparent;
    color: #464646;
}

.btn-ycombinator-inversed {
    background-color: #ff6600;
    border-color: #ff6600;
    color: white;
}

.btn-ycombinator-inversed:hover {
    background-color: transparent;
    color: #ff6600;
}

.btn-bitcoin-inversed {
    background-color: #eb9737;
    border-color: #eb9737;
    color: white;
}

.btn-bitcoin-inversed:hover {
    background-color: transparent;
    color: #eb9737;
}

.btn-cloudapp-inversed {
    background-color: #312c2a;
    border-color: #312c2a;
    color: white;
}

.btn-cloudapp-inversed:hover {
    background-color: transparent;
    color: #312c2a;
}

.btn-creativecommons-inversed {
    background-color: #000000;
    border-color: #000000;
    color: white;
}

.btn-creativecommons-inversed:hover {
    background-color: transparent;
    color: #000000;
}

.btn-dropbox-inversed {
    background-color: #007ee5;
    border-color: #007ee5;
    color: white;
}

.btn-dropbox-inversed:hover {
    background-color: transparent;
    color: #007ee5;
}

.btn-html5-inversed {
    background-color: #ff3617;
    border-color: #ff3617;
    color: white;
}

.btn-html5-inversed:hover {
    background-color: transparent;
    color: #ff3617;
}

.btn-ie-inversed {
    background-color: #00a1d9;
    border-color: #00a1d9;
    color: white;
}

.btn-ie-inversed:hover {
    background-color: transparent;
    color: #00a1d9;
}

.btn-podcast-inversed {
    background-color: #9365ce;
    border-color: #9365ce;
    color: white;
}

.btn-podcast-inversed:hover {
    background-color: transparent;
    color: #9365ce;
}

.btn-rss-inversed {
    background-color: #ff7f25;
    border-color: #ff7f25;
    color: white;
}

.btn-rss-inversed:hover {
    background-color: transparent;
    color: #ff7f25;
}

.btn-skype-inversed {
    background-color: #00a2ed;
    border-color: #00a2ed;
    color: white;
}

.btn-skype-inversed:hover {
    background-color: transparent;
    color: #00a2ed;
}

.btn-steam-inversed {
    background-color: #000000;
    border-color: #000000;
    color: white;
}

.btn-steam-inversed:hover {
    background-color: transparent;
    color: #000000;
}

.btn-windows-inversed {
    background-color: #48bbef;
    border-color: #48bbef;
    color: white;
}

.btn-windows-inversed:hover {
    background-color: transparent;
    color: #48bbef;
}

.btn-android-inversed {
    background-color: #a4c639;
    border-color: #a4c639;
    color: white;
}

.btn-android-inversed:hover {
    background-color: transparent;
    color: #a4c639;
}

.btn-appstore-inversed {
    background-color: #000000;
    border-color: #000000;
    color: white;
}

.btn-appstore-inversed:hover {
    background-color: transparent;
    color: #000000;
}

.btn-googleplay-inversed {
    background-color: #b9c13e;
    border-color: #b9c13e;
    color: white;
}

.btn-googleplay-inversed:hover {
    background-color: transparent;
    color: #b9c13e;
}

.btn-macstore-inversed {
    background-color: #007dcb;
    border-color: #007dcb;
    color: white;
}

.btn-macstore-inversed:hover {
    background-color: transparent;
    color: #007dcb;
}

.btn-appnet-inversed {
    background-color: #3178bd;
    border-color: #3178bd;
    color: white;
}

.btn-appnet-inversed:hover {
    background-color: transparent;
    color: #3178bd;
}

.btn-blogger-inversed {
    background-color: #ee5a22;
    border-color: #ee5a22;
    color: white;
}

.btn-blogger-inversed:hover {
    background-color: transparent;
    color: #ee5a22;
}

.btn-bitbucket-inversed {
    background-color: #205081;
    border-color: #205081;
    color: white;
}

.btn-bitbucket-inversed:hover {
    background-color: transparent;
    color: #205081;
}

.btn-dribbble-inversed {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: white;
}

.btn-dribbble-inversed:hover {
    background-color: transparent;
    color: #ea4c89;
}

.btn-facebook-inversed {
    background-color: #4863ae;
    border-color: #4863ae;
    color: white;
}

.btn-facebook-inversed:hover {
    background-color: #25396b;
    border-color: #25396b;
    color: white;
}

.btn-flattr-inversed {
    background-color: #8aba42;
    border-color: #8aba42;
    color: white;
}

.btn-flattr-inversed:hover {
    background-color: transparent;
    color: #8aba42;
}

.btn-flickr-inversed {
    background-color: #ff0084;
    border-color: #ff0084;
    color: white;
}

.btn-flickr-inversed:hover {
    background-color: transparent;
    color: #ff0084;
}

.btn-foursquare-inversed {
    background-color: #0072b1;
    border-color: #0072b1;
    color: white;
}

.btn-foursquare-inversed:hover {
    background-color: transparent;
    color: #0072b1;
}

.btn-github-inversed {
    background-color: #171515;
    border-color: #171515;
    color: white;
}

.btn-github-inversed:hover {
    background-color: transparent;
    color: #171515;
}

.btn-googleplus-inversed {
    background-color: #dd4a38;
    border-color: #dd4a38;
    color: white;
}

.btn-googleplus-inversed:hover {
    background-color: transparent;
    color: #dd4a38;
}

.btn-gowalla-inversed {
    background-color: #ff720a;
    border-color: #ff720a;
    color: white;
}

.btn-gowalla-inversed:hover {
    background-color: transparent;
    color: #ff720a;
}

.btn-instagram-inversed {
    background-color: #3f729b;
    border-color: #3f729b;
    color: white;
}

.btn-instagram-inversed:hover {
    background-color: transparent;
    color: #3f729b;
}

.btn-klout-inversed {
    background-color: #e34a25;
    border-color: #e34a25;
    color: white;
}

.btn-klout-inversed:hover {
    background-color: transparent;
    color: #e34a25;
}

.btn-lastfm-inversed {
    background-color: #dc1a23;
    border-color: #dc1a23;
    color: white;
}

.btn-lastfm-inversed:hover {
    background-color: transparent;
    color: #dc1a23;
}

.btn-linkedin-inversed {
    background-color: #0083a8;
    border-color: #0083a8;
    color: white;
}

.btn-linkedin-inversed:hover {
    background-color: transparent;
    color: #0083a8;
}

.btn-meetup-inversed {
    background-color: #ff0026;
    border-color: #ff0026;
    color: white;
}

.btn-meetup-inversed:hover {
    background-color: transparent;
    color: #ff0026;
}

.btn-myspace-inversed {
    background-color: #000000;
    border-color: #000000;
    color: white;
}

.btn-myspace-inversed:hover {
    background-color: transparent;
    color: #000000;
}

.btn-pinterest-inversed {
    background-color: #c91618;
    border-color: #c91618;
    color: white;
}

.btn-pinterest-inversed:hover {
    background-color: transparent;
    color: #c91618;
}

.btn-quora-inversed {
    background-color: #a82400;
    border-color: #a82400;
    color: white;
}

.btn-quora-inversed:hover {
    background-color: transparent;
    color: #a82400;
}

.btn-reddit-inversed {
    background-color: #ff5700;
    border-color: #ff5700;
    color: white;
}

.btn-reddit-inversed:hover {
    background-color: transparent;
    color: #ff5700;
}

.btn-plurk-inversed {
    background-color: #cf682f;
    border-color: #cf682f;
    color: white;
}

.btn-plurk-inversed:hover {
    background-color: transparent;
    color: #cf682f;
}

.btn-smashing-inversed {
    background-color: #ff4f27;
    border-color: #ff4f27;
    color: white;
}

.btn-smashing-inversed:hover {
    background-color: transparent;
    color: #ff4f27;
}

.btn-soundcloud-inversed {
    background-color: #ff4500;
    border-color: #ff4500;
    color: white;
}

.btn-soundcloud-inversed:hover {
    background-color: transparent;
    color: #ff4500;
}

.btn-stackoverflow-inversed {
    background-color: #f18436;
    border-color: #f18436;
    color: white;
}

.btn-stackoverflow-inversed:hover {
    background-color: transparent;
    color: #f18436;
}

.btn-tumblr-inversed {
    background-color: #374a61;
    border-color: #374a61;
    color: white;
}

.btn-tumblr-inversed:hover {
    background-color: transparent;
    color: #374a61;
}

.btn-twitter-inversed {
    background-color: #46c0fb;
    border-color: #46c0fb;
    color: white;
}

.btn-twitter-inversed:hover {
    background-color: transparent;
    color: #46c0fb;
}

.btn-viadeo-inversed {
    background-color: #e7732e;
    border-color: #e7732e;
    color: white;
}

.btn-viadeo-inversed:hover {
    background-color: transparent;
    color: #e7732e;
}

.btn-vimeo-inversed {
    background-color: #00a2cd;
    border-color: #00a2cd;
    color: white;
}

.btn-vimeo-inversed:hover {
    background-color: transparent;
    color: #00a2cd;
}

.btn-vk-inversed {
    background-color: #45688e;
    border-color: #45688e;
    color: white;
}

.btn-vk-inversed:hover {
    background-color: transparent;
    color: #45688e;
}

.btn-weibo-inversed {
    background-color: #d7584d;
    border-color: #d7584d;
    color: white;
}

.btn-weibo-inversed:hover {
    background-color: transparent;
    color: #d7584d;
}

.btn-xing-inversed {
    background-color: #0a5d5e;
    border-color: #0a5d5e;
    color: white;
}

.btn-xing-inversed:hover {
    background-color: transparent;
    color: #0a5d5e;
}

.btn-youtube-inversed {
    background-color: #ff0000;
    border-color: #ff0000;
    color: white;
}

.btn-youtube-inversed:hover {
    background-color: transparent;
    color: #ff0000;
}

.btn-csgo-inversed {
    background-color: #b67300;
    border-color: #b67300;
    color: white;
}

.btn-csgo-inversed:hover {
    background-color: transparent;
    color: #b67300;
}

.btn-dota2-inversed {
    background-color: #c33d2b;
    border-color: #c33d2b;
    color: white;
}

.btn-dota2-inversed:hover {
    background-color: transparent;
    color: #c33d2b;
}

.btn-gm-inversed {
    background-color: #1194f0;
    border-color: #1194f0;
    color: white;
}

.btn-gm-inversed:hover {
    background-color: transparent;
    color: #1194f0;
}

.btn-lol-inversed {
    background-color: #d79922;
    border-color: #d79922;
    color: white;
}

.btn-lol-inversed:hover {
    background-color: transparent;
    color: #d79922;
}

.btn-minecraft-inversed {
    background-color: #94c864;
    border-color: #94c864;
    color: white;
}

.btn-minecraft-inversed:hover {
    background-color: transparent;
    color: #94c864;
}

.btn-tf2-inversed {
    background-color: #b35215;
    border-color: #b35215;
    color: white;
}

.btn-tf2-inversed:hover {
    background-color: transparent;
    color: #b35215;
}

.btn-quake-inversed {
    background-color: #cd1800;
    border-color: #cd1800;
    color: white;
}

.btn-quake-inversed:hover {
    background-color: transparent;
    color: #cd1800;
}

.btn-wot-inversed {
    background-color: #ff4005;
    border-color: #ff4005;
    color: white;
}

.btn-wot-inversed:hover {
    background-color: transparent;
    color: #ff4005;
}

/* chi tiet khoa hoc */

.book__header__thumbnail {
    width: 100%;
}

.book__header__title {
    margin-bottom: 0.9375rem;
    color: #042330;
    font-size: 2.25rem;
    font-family: "CeraPRO-Bold", sans-serif, arial;
    line-height: 2.6875rem;
    font-weight: 700;
}

.book__header__subtitle {
    margin-bottom: 1.25rem;
    color: #042330;
    font-size: 1.25rem;
    font-family: "CeraPRO-Regular", sans-serif, arial;
    line-height: 1.75rem;
}

.book__header__author {
    margin-bottom: 1rem;
    color: #838f93;
    font-size: 1rem;
    font-family: "CeraPRO-Medium", sans-serif, arial;
    line-height: 1.1875rem;
}

.book__header__rating {
    line-height: 1;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.book__header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #3a4649;
    font-size: 1rem;
}

.book__header__info-item {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 2.5rem;
    margin-bottom: 2.5rem;
}

.svg-icon {
    width: 1.625rem;
    height: 1.625rem;
    vertical-align: middle;
    fill: #3a4649;
}

.book__header__info .svg-icon {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    float: left;
    margin-right: 0.5rem;
    fill: #03314b;
}

.book__header__info .svg-icon.svg-icon--active {
    display: inline-block;
}

.book__header__image {
    /* position: absolute; */
    height: 24rem;
    overflow: hidden;
    border-radius: 4px;
    float: right;
}

.book__header__image img {
    width: auto;
    height: 100%;
    border-radius: 0.25rem;
}

.tin-tuc-tieu-de {
    letter-spacing: -0.011em;
    line-height: 60px !important;
    font-size: 48px !important;
    font-family: "Times New Roman", Times, serif !important;
    font-style: normal !important;
    word-break: break-word;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

.tin-tuc-detail .ef {
    justify-content: space-between;
}

.tin-tuc-detail .n {
    display: flex;
}

.tin-tuc-detail .cz {
    word-wrap: break-word;
}

.tin-tuc-detail .cy {
    word-break: break-word;
}

.tin-tuc-detail img {
    vertical-align: middle;
}

.tin-tuc-detail .ej {
    border-radius: 50%;
}

.tin-tuc-detail .el {
    width: 48px;
}

.tin-tuc-detail .ek {
    height: 48px;
}

.tin-tuc-detail .o {
    align-items: center;
}

.tin-tuc-detail .n {
    display: flex;
}

.tin-tuc-detail .em {
    margin-left: 12px;
}

.tin-tuc-detail .aj {
    width: 100%;
}

.tin-tuc-detail .s {
    display: block;
}

.tin-tuc-detail .ew {
    -webkit-box-orient: vertical;
}

.tin-tuc-detail .ev {
    -webkit-line-clamp: 1;
}

.tin-tuc-detail .eu {
    display: -webkit-box;
}

.tin-tuc-detail .et {
    text-overflow: ellipsis;
}

.tin-tuc-detail .es {
    max-height: 20px;
}

.tin-tuc-detail .ep {
    line-height: 20px;
}

.tin-tuc-detail .eo {
    font-size: 14px;
}

.tin-tuc-detail p {
    letter-spacing: -0.003em !important;
    line-height: 32px !important;
    margin-top: 2em !important;
    font-size: 21px !important;
    margin-bottom: -0.46em !important;
    font-family: "Times New Roman", Times, serif !important;
}

@media (max-width: 768px) {
    /* .landing-content {
        display: none;
    } */

    #landing-web-view {
        display: none !important;
    }
    #landing-mobile-view,
    #landing-mobile-view * {
        display: block !important;
    }

    .tin-tuc-tieu-de {
        letter-spacing: -0.016em;
        line-height: 42px !important;
        font-size: 34px !important;
        font-family: "Times New Roman", Times, serif !important;
    }

    .tin-tuc-detail p {
        margin-top: 1.4em !important;
    }
}