#page{
display:none
}

body{
font-family:'Roboto',sans-serif!important;
color:#303030;
font-size:15px;
line-height:18px
}
.site-main #contentBody {
    line-height: 1.4;
    font-size: 16px;
}
a{
text-decoration:none
}

a:hover,.active a{
text-decoration:none;
color:#0063aa!important
}

a:visited{
color:#000
}

header{
z-index:1000
}

.nav-top{
background-color:#0063aa;
height:20px;
line-height:40px;
width:100%;
padding-right:30px
}

.nav-top .nav-top-left{
background:#fff;
transform:skewX(351deg);
float:left;
width:18%;
height:20px
}

.nav-top .nav-menu{
padding:0;
margin:0;
text-align:right
}

.nav-top .nav-menu li{
list-style:none;
display:inline-block;
color:#fff;
font-weight:700;
margin-left:40px
}

.nav-top .nav-menu li a{
color:#fafafa;
display:block
}

.nav-top .nav-menu li img{
width:20px;
height:20px;
margin-right:10px
}

.main-header{
box-shadow:0 1px 0 0 #f3f3f3;
line-height:50px;
background:#fff
}

.main-header .main-top{
display:flex;
justify-content:space-between
}

.main-header .main-top .logo{
position:relative;
margin-top:-25px
}

.main-header .main-menu ul{
margin:0;
padding:0
}

.main-header .main-menu ul li{
list-style:none;
display:inline-block;
text-transform:uppercase;
font-size:15px;
font-weight:700
}

.main-header .main-menu ul li:after{
content:"//";
color:rgba(255,245,245,0)
}

.main-header .main-menu ul li a{
color:#303030
}

.main-header .main-menu ul li a:hover{
color:blue!important
}

.main-header .search-form input{
width:100px;
border:0;
line-height:1.5;
font-size:15px;
color:#666
}

.main-header .search-form i{
color:#666
}

.main-scroll-desktop{
background:#fff;
line-height:60px;
opacity:1
}

#menu-scroll-desktop{
transition:opacity .5s ease,visibility .5s ease
}

.mobile{
display:none
}

#search input,#search button{
background-color:#fff
}

.dark .nav-top-left{
background:#000
}

.dark .main-header{
box-shadow:0 1px 0 0 #303030;
background:#000
}

.dark .main-header .main-menu ul li:after{
color:#303030
}

.dark .main-header .main-menu ul li a{
color:#fff
}

.dark .main-header .main-menu ul li a:hover{
color:#e22027
}

.dark .search-form input{
background:#000
}

.dark #search{
color:#fff
}

.dark #search input,.dark #search button{
background-color:#000;
color:#fff
}

.dark .main-scroll-desktop{
background:#000
}

#menu-scroll-desktop{
visibility:hidden
}

@media only screen and (max-width: 768px){
html,body{
overflow-x:hidden;
font-size:12px!important
}

header{
position:relative;
height:55px
}

.mobile{
display:block
}

#menu-scroll-desktop{
display:block!important
}

.logo img{
width:100%!important;
max-width:100px
}

.main-header .main-menu li{
font-size:9px!important
}

.main-header .main-menu li:after{
padding:0 3px!important
}

.nav-top .nav-menu li{
margin-left:10px
}

.nav-top .nav-menu li a{
font-size:10px!important
}

.nav-top .nav-top-left{
width:200px
}

.main-scroll-desktop{
background:#fff;
line-height:60px
}

.main-scroll-desktop li:last-child{
font-size:14px!important
}

.active-main-menu{
font-size:10px!important
}

.footer-nav .col-md-3{
flex:0 0 25%!important;
max-width:25%!important
}

.footer-top .col-md-9 .col-md-3{
flex:0 0 25%!important;
max-width:25%!important
}

.footer-top .col-md-9 .col-md-3 ul li:nth-child(2){
display:flex!important
}

.footer-top .col-md-3 ul li:nth-child(n+2){
display:inline;
padding-right:15px
}

footer .sdt-cty a{
text-transform:capitalize
}

.cate-title,.title-post-for-mobile,.title-bestie{
font-size:18px!important;
line-height:1.33!important;
margin-top:7px!important
}

.bottom .cate-list-news .first-post a,.bottom .cate-list-news .cate-list-news-item .link-img{
height:160px!important
}



.top-line{
clear:both;
overflow:hidden
}

.top-line:before{
content:"";
border-top:5px solid #0063aa;
width:22%;
float:left;
border-right:5px solid transparent
}

.top-line:after{
content:"";
border-bottom:5px solid #0063aa;
width:33%;
float:right;
border-left:5px solid transparent
}

.nav-mobile{
z-index:10;
width:50px;
color:#fff;
cursor:pointer;
right:0;
top:12px;
background-size:19px;
position:relative;
font-weight:400;
font-size:12px;
text-transform:none;
text-align:center;
display:block
}

.nav-mobile span{
position:absolute;
left:0;
width:80%;
height:4px;
transition:top .3s .05s,transform .2s,opacity .15s .05s,background-color .3s;
border-radius:10px;
background:#0063aa
}

.nav-mobile .span-bg-active{
background:#fff!important
}

.col-menu{
display:flex;
justify-content:flex-end
}

.nav-mobile span:nth-child(1){
top:5px
}

.nav-mobile span:nth-child(2){
top:15px;
width:60%
}

.nav-mobile span:nth-child(3){
top:25px
}

.active-site-menu .nav-mobile span:nth-child(1){
opacity:0
}

.active-site-menu .nav-mobile span:nth-child(2){
transform:rotate(-45deg);
top:17px;
transition:top .3s,transform .3s .05s,opacity .15s,background-color .3s;
width:80%
}

.active-site-menu .nav-mobile span:nth-child(3){
transform:rotate(45deg);
top:17px;
transition:top .3s,transform .3s .05s,opacity .15s,background-color .3s
}

.menu-mobile{
background:#fff;
width:100%;
padding:5px;
z-index:10;
right:0;
top:0;
display:flex;
display:-webkit-flex;
flex-direction:column;
justify-content:flex-start;
transition:opacity .4s ease-in-out;
opacity:0;
margin-top:60px;
position:absolute;
height:100vh;
visibility:hidden
}

.active-site-menu .menu-mobile{
opacity:1;
visibility:visible;
transition:opacity .4s ease-in-out
}

.menu-mobile ul{
margin:0;
padding:0
}

.menu-mobile ul,.menu-mobile ul li{
width:100%
}

.menu-mobile ul li{
display:block;
list-style:none;
text-align:left;
position:relative;
border-bottom:1px solid rgba(48,48,48,.2)
}

.menu-mobile ul li a{
font-weight:700;
font-size:18px;
color:#000;
margin-left:15px;
padding-top:15px;
padding-bottom:15px;
line-height:20px;
text-transform:uppercase
}

.menu-mobile .p-nav-list li a{
font-size:15px;
padding:10px 0;
color:#fff!important;
display:flex;
align-items:center;
line-height:20px
}

.owl-nav button img{
width:30px;
height:30px
}

#wpfront-scroll-top-container{
z-index:9!important
}

.anh-cung-cate{
height:95px!important
}

.title-item ,.title-item h3{
font-size:14px!important
}

.title-cont{
line-height:normal
}

.archive .detail-title{
font-size:20px!important
}

#contentBody{
font-size:18px!important;
line-height:25px!important
}

.o-timkiem{
border:show!important
}
}

@media only screen and (max-width: 468px){

}

.top-position{
background:#f3f3f3;
overflow:hidden;
padding:15px 0 30px
}

.top-position #news-slider .news-feature-item-wrapper img{
border-radius:6px
}

.top-position #news-slider .news-feature-item-wrapper .news-feature-item-caption{
position:absolute;
bottom:0;
left:0;
width:100%;
height:auto;
color:#fff;
font-weight:600;
padding:20px;
border-radius:6px;
padding-top:60px;
font-size:20px;
line-height:1.33
}

.totop-gr{
background-image:linear-gradient(to top,#000,transparent)
}

.top-position .owl-prev{
position:absolute;
z-index:99;
top:40%;
left:30px;
cursor:pointer
}

.top-position .owl-next{
position:absolute;
z-index:99;
right:30px;
top:40%;
cursor:pointer
}

.cate-title{
text-transform:uppercase;
font-size:24px;
color:#303030;
font-weight:800;
padding-left:35px;
background-size:30px auto;
position:relative;
z-index:2;
padding-top:8px
}

.list-news .list-news-item{
margin-bottom:20px
}

.list-news img{
border-radius:6px
}

.title-item h3,.title-item{
color:#000;
font-size:18px !important;
font-weight:700
}

.seemore-btn{
padding:10px 20px;
font-size:25px;
transition:.3s;
border-radius:6px
}

.seemore-btn:hover{
background-color:blue;
color:#fff!important
}

.title-bestie{
text-transform:uppercase;
font-size:24px;
color:#303030;
font-weight:800;
padding-left:35px;
background:url(https://donareview.com/wp-content/uploads/2024/01/Comp-1_00209.png) no-repeat left center;
background-size:30px auto;
padding-top:8px
}

.list-news .list-news-item p{
line-height:1.25;
margin-top:-1px
}

.list-news-item .description{
font-size:14px!important;
color:#888!important
}

#news-item .anh-tin-moi a{
height:180px;
overflow:hidden;
border-radius:6px
}

.news-item a h3,.cate-list-news .cate-list-news-item a h3{
color:#303030;
font-size:14px;
font-weight:700
}

.news-item{
margin-bottom:15px!important
}

.seemorebtn{
width:250px;
font-weight:500;
border-radius:6px;
color:blue;
font-weight:700;
background:#fff
}

.seemorebtn:hover,.btn-active{
color:blue!important;
font-weight:700!important;
border:1px solid blue!important
}

.cate-list-news .first-post img,.cate-list-news .cate-list-news-item img{
border-radius:6px
}

.cate-list-news .first-post .first-post-title h3{
font-size:18px;
line-height:1.33;
color:#303030;
font-weight:700;
margin-top:7px;
min-height:80px
}

.cate-list-news .cate-list-news-item{
margin-top:15px;
min-height:116px
}

/* {
font-weight:700;
font-size:14px;
color:#303030
} */


footer{
background-color:#303030;
position:relative;
z-index:10
}

footer i,.show-menu-scroll-desktop i{
margin-right:10px
}

footer .footer-nav,.show-menu-scroll-desktop .footer-nav{
background-color:#0063aa
}

footer .footer-nav a,.show-menu-scroll-desktop .footer-nav a{
text-transform:uppercase;
color:#fff;
display:block;
font-weight:700;
color:#fff
}

footer .footer-top,.show-menu-scroll-desktop .footer-top{
font-size:14px;
padding:30px 0
}

footer .footer-top ul,.show-menu-scroll-desktop .footer-top ul{
padding:0;
margin:0
}

footer .footer-top ul li,.show-menu-scroll-desktop .footer-top ul li{
list-style:none;
line-height:40px
}

footer .footer-top ul li a,.show-menu-scroll-desktop .footer-top ul li a{
color:#fff;
text-transform:capitalize
}

footer .footer-top ul li:not(.footer-cate) a:hover,.show-menu-scroll-desktop .footer-top ul li:not(.footer-cate) a:hover,footer .sdt-cty a:hover{
color:#ff0!important;
font-weight:700
}

footer .widget-title,.show-menu-scroll-desktop .footer-cate{
font-size:18px;
padding-left:30px;
background:url(https://donareview.com/wp-content/uploads/2024/01/Comp-1_00209.png) center left no-repeat;
background-size:20px auto;
color:#ff0!important;
font-weight:700!important
}

footer .widget-title a,.show-menu-scroll-desktop .footer-cate a{
color:#fff!important;
text-transform:uppercase!important;
font-weight:700
}

footer .footer-cate-video,.show-menu-scroll-desktop .footer-cate-video{
font-size:18px;
padding-left:30px;
background:url(https://donareview.com/wp-content/uploads/2024/01/Comp-1_00209.png) center left no-repeat;
background-size:20px auto
}

footer .footer-cate-video a,.show-menu-scroll-desktop .footer-cate-video a{
color:#e22027!important;
text-transform:uppercase!important;
font-weight:700
}

footer .footer-bottom,.show-menu-scroll-desktop .footer-bottom{
background:#000;
color:#fff;
font-size:14px
}

footer .footer-bottom span,.show-menu-scroll-desktop .footer-bottom span{
font-size:16px
}

footer .footer-bottom br,.show-menu-scroll-desktop .footer-bottom br{
padding-left:20px
}

footer .footer-bottom .fs18,.show-menu-scroll-desktop .footer-bottom .fs18{
font-size:18px
}

footer .footer-bottom .footer-info,.show-menu-scroll-desktop .footer-bottom .footer-info{
border-right:2px solid #1e1e1e;
padding-right:30px
}

footer .widget_wp_categories_widget ul li,.widget_wpcategorieswidget ul li{
border-bottom:none!important
}

footer .widget{
margin:1rem 0!important
}

footer .post-count{
display:none!important
}

footer .categories ul{
display:flex;
flex-direction:column!important
}

footer .footer-nav a:hover{
color:#fff!important
}

footer .footer-bottom .footer-info .fs-18{
font-size:18px
}

.page-404{
min-height:600px;
margin:0 auto;
width:auto;
max-width:460px;
display:flex;
align-items:center;
justify-content:center
}

.title-default{
color:var(--secondary-color);
font-family:"Roboto",Sans-serif;
font-size:30px;
font-weight:700;
text-transform:uppercase;
line-height:40px;
text-align:center
}

.fundo{
animation:scales 3s alternate infinite;
transform-origin:center
}

.pao-baixo{
animation:rotatepao 14s cubic-bezier(.1,.49,.41,.97) infinite;
transform-origin:center
}

.pao-cima{
animation:rotatepao 7s 1s cubic-bezier(.1,.49,.41,.97) infinite;
transform-origin:center
}

.olhos{
animation:olhos 2s alternate infinite;
transform-origin:center
}

.left-sparks{
animation:left-sparks 4s alternate infinite;
transform-origin:150px 156px
}

.right-sparks{
animation:left-sparks 4s alternate infinite;
transform-origin:310px 150px
}

.olhos{
animation:olhos 2s alternate infinite;
transform-origin:center
}

@keyframes scales{
from{
transform:scale(0.98)
}

to{
transform:scale(1)
}
}

@keyframes rotatepao{
0%{
transform:rotate(0deg)
}

50%,60%{
transform:rotate(-20deg)
}

100%{
transform:rotate(0deg)
}
}

@keyframes olhos{
0%{
transform:rotateX(0deg)
}

100%{
transform:rotateX(30deg)
}
}

@keyframes left-sparks{
0%{
opacity:0
}
}

.page-404{
min-height:600px;
margin:0 auto;
width:auto;
max-width:460px;
display:flex;
align-items:center;
justify-content:center
}

.path{
stroke-dasharray:300;
stroke-dashoffset:300;
animation:dash 4s alternate infinite
}

@keyframes dash{
0%,30%{
fill:4B4B62;
stroke-dashoffset:0
}

80%,100%{
fill:transparent;
stroke-dashoffset:-200
}
}

#breadcrumb a,#breadcrumb{
color:#303030;
text-transform:uppercase
}

#breadcrumb a:hover{
color:unset!important
}

.description{
font-size:12px;
color:gray;
padding-bottom:15px;
line-height:1.3
}

.site-main #contentBody{
line-height:1.4
}

.stie-main #contentBody ul,.stie-main #contentBody ol{
margin:0!important
}

.archive .detail-title{
font-size:36px;
font-weight:700
}

.archive .detail-info .tac-gia{
font-weight:700;
color:#e22027
}

.archive .detail-info .source{
color:unset!important
}

.pagination-post ul{
list-style-type:none;
padding:0!important
}

.pagination-post ul li a{
background:0 0;
border:gray 1px solid;
border-radius:50%;
color:#0f3bbf;
font-weight:700;
font-size:16px;
line-height:130%;
width:45px;
height:45px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
transition:.24s;
margin:0 10px
}

.pagination-post ul li a:hover,.pagination-post ul .active a{
background-color:#0f3bbf!important;
color:#fff!important
}

.sticky-right-menu{
position:sticky!important;
position:-webkit-sticky;
top:0;
left:0
}

.single-news-social i{
font-size:30px;
margin:0 5px
}

.topbutton{
height:50px;
width:50px;
position:fixed;
right:5px;
bottom:5px;
z-index:1;
background-image:url(https://donareview.com/wp-content/uploads/2024/01/backtotop.png);
background-repeat:no-repeat;
display:none
}

.tags a{
color:#e22027;
border:1px solid #e22027;
border-radius:14px;
padding:3px 6px
}

.seach-item{
overflow:hidden
}

.o-timkiem{
border:none
}