/*
Theme Name: Diamondgroup
Description: Dự án được phát triển bởi diamondgroup.com.vn
Theme URI: http://diamondgroup.com.vn
Author: Diamondgroup.com.vn
Author URI: http://diamondgroup.com.vn
Version: 2021
Text Domain: diamondgroup.com.vn*/
@font-face { font-family: 'Flaticon';  src: url('fonts/Flaticon.woff'); } 
@font-face { font-family: 'UTMNeutra';  src: url('fonts/UTMNeutra.ttf'); } 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;}
strong{font-weight:700;}
b{font-weight:bold;}
ul, ol{list-style:none;}
ul.newer,ul.older{list-style:inside none circle;margin-left:5px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;    width: 100% !important;}
a{color:#3A3A3A;text-decoration:none;}
a:hover, a:active, a:focus{color:#909090;text-decoration:none;}
a, *{outline:none !important;}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
hr{border-top:1px solid #e5e6e7;}
p{line-height:1.6em;}
input, select, textarea{border:1px solid #e5e6e7;}
table td{border:1px solid #ddd;padding:5px;box-sizing:border-box;}
img {max-width: 100%; height: auto;}
.img_full {width: 100%; height: auto;}
@media (min-width: 1200px){
.container { max-width: 1195px;}
}
body { background: #F5F5F5;font-family:Helvetica, Arial, Sans-Serif;font-size:1em} 
h1, h2, h3, h4, h5, h6 { font-weight: 500;line-height: 1.2;}
.title_home { position: fixed; left: -500%; font-size: 1px;}
.padding-left { padding-left:0;}
.padding-right {  padding-right:0}
.nopadding{padding-left:0; padding-right:0}
.padding_top {padding-top:1rem}
.padding_bottom {padding-bottom:1rem}
.margin_top {margin-top:1rem}
.wrap{clear:both;}
.display_none{display:none !important}
.notice {margin:1.5rem 1em}
.btn-success { background-color: #2F343D;border-color:#2F343D;border-radius:0}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {border-color:#E74C3C;    background: #E74C3C;}
::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{color:#999;}
/*Dùng chung*/
.hometintuc .image {margin:2rem 0}
/*header*/
.box_social{align-items: center;display: flex;}

.headertop{background-color:#f6dcd9}
.box_header {margin-bottom: 1em;}
.menu_head li {display:inline-block;list-style:none;float:left}
.menu_head li a{color: #929292;font-size: 11px;font-family: 'Roboto', Helvetica, Arial, Sans-Serif;
text-transform: uppercase;padding:0.7rem 1rem;display: block;}
.menu_head li a:hover{color: #3a3a3a}
.logo{text-align:center}
.logo a img{max-width:150px;}
.header_child {padding-bottom:25px}
.bannerhead {width: 100%;}
/*social-icon*/
.social li{display:inline-block;float:left}
.social li a{ padding: 0 0.6rem; }  
.social li a i {font-size: 1.5em;}
/*Search Form*/
.search-form .form-group {margin:0;}
.search-form .buttom-search {padding: 6px 10px;border-radius: 0;}
.search-form .form-control {min-height: auto;border: 1px solid #A5A5A5;}
.form-control {border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;padding: 15px 15px;min-height: 45px;}
/**/
.menumian {margin: 0;padding: 0;width: 100%;display: inline-block;}
.menumian li {display: inline-block;position: relative; float:left}
.menumian li:first-child { margin-left: 0; }
.menumian li a {font-family: UTMNeutra;font-size: 22px;text-decoration: none;padding: 1rem 1.5rem;display: block;color: #000;transition: all 0.2s ease-in-out 0s;text-transform: uppercase;line-height:16px}
.menumian li a:hover,
.menumian li:hover>a, 
.menumian li.current-menu-item a{color: #E74C3C}
.menumian ul {visibility: hidden;opacity: 0;margin: 0;padding: 0;width: 200px;position: absolute;left: 0px;background:#f6dcd9;z-index: 99;transform: translate(0, 20px);transition: all 0.2s ease-out;}
.menumian ul li {display: block;float: none;background: none;margin: 0;padding: 0;}
.menumian ul li a {font-size: 14px;font-weight: normal;display: block;text-transform: none;}
.menumian ul li a:hover,
.menumian ul li:hover a {color:#E74C3C;}
.menumian li:hover>ul {visibility: visible;opacity: 1;transform: translate(0, 0);}
.menumian ul ul {left: 199px;top: 0px;visibility: hidden;opacity: 0;transform: translate(20px, 20px);transition: all 0.2s ease-out;}
.menumian li>ul ul:hover {visibility: visible;opacity: 1;transform: translate(0, 0);}

.box_btlguibai{align-items: center;display: flex;}
.btl_guibai{    border-radius: 25px;
border: 1px solid #fff;
line-height: 50px;
font-size: 16px;
text-transform: uppercase;
display: inline-block;
padding: 0 2em;}
/**/
.box_slider{padding:3em 0;background-color:#fff} 
.slideItem .wrap-content {display: none;}
.box_postpartners{padding: 0 5px;}

.slideItem.active .wrap-content {
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.6);
border-radius: 10px;
padding: 15px;
bottom: 79px;
left: 40px;
right: 40px;
display: none;
}

.slideItem.active:hover .wrap-content {
display: block;
}

.slideItem.active .wrap-content h3 a {
color: #fff;
font-size: 20px; 
text-transform: uppercase;
text-align: center;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.slideItem.active .wrap-content p {
color: #fff; 
}

.box-left {
padding-right: 5px !important;
}

.carousel .slides .slideItem {
border-radius: 15px;
}
/*Slide*/ 
.banner {position:relative;overflow:hidden}
.box_sildeleft {padding-right:5px} 
.box_postsildeleft { position:absolute;bottom: 0;width: 100%;padding: 10px 14px;background:rgba(231, 76, 60, 0.8);display: block;color:#fff} 
.box_postsildeleft >a {text-transform: uppercase; 
color: #fff;
line-height: 1.3em; 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;}

.slider_right { padding-left:0}
.slider_rightchild {position:relative;overflow:hidden}
.slider_rightchild:first-child{ margin-bottom: 5px;}
.box_postsilderight { position: absolute; bottom: 0; width: 100%;padding: 10px 14px; background: rgba(34, 34, 34, 0.8); display: block; color:#fff}
.box_postsilderight >.post_title { text-transform: uppercase; 
color: #fff;
line-height: 1.3em; 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;}

.hoverimg { overflow: hidden; position: relative;display:block}
.hoverimg img{
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
}
.hoverimg:hover img{	
-webkit-transform: scale(1.2) rotate(-5deg);
-moz-transform: scale(1.2) rotate(-5deg);
-o-transform: scale(1.2) rotate(-5deg);
-ms-transform: scale(1.2) rotate(-5deg);
transform: scale(1.2) rotate(-5deg);
opacity: 0.7;	
}

/*Tác giả*/
.title_tacgia{    text-transform: uppercase;
    margin-bottom: 1em;
    font-size: 27px;
    font-family: 'UTMNeutra'; 
    color: #000;
    text-align: center;}
.authorlist ul li{display:flex;margin-bottom:1.5em}
.avataauthor{    display: inline-block;
    float: left;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;}
.avataauthor img{height: 97px;border-radius: 50%;}
.box_contentauthor{  width: calc(100% - 100px);
float: left;}
.box_contentauthor h4{   
    font-size: 17px;
    color: #ba1f23;
    text-transform: uppercase;
    font-weight: 700;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden; margin-bottom:0.2em}
.box_contentauthor p{  
    color: #000; 
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    font-style: italic;
    font-size: 14px;}
/*Home tin tức*/  
.cat_title h4 {      text-transform: uppercase;
margin-bottom: 1em;
font-size: 2em;
font-family: 'UTMNeutra'; 
color: #424242;
text-align: center;
}

.post_meta {color: #fff;margin-bottom: 4px; text-transform: uppercase;}
.post_meta .sep { margin: 0 5px;}
.post_date,.post_author {font-size:12px} 

.homeslidetintuc1{margin-top:2em}
/**/ 
.partners{background-color:#f3f3f3;padding:3em 0 0;} 
.box_partnerschild{background-color:#fff;border-radius:15px;padding:18px 70px 32px;}
.box_paddingchung{background-color:#fff;padding: 20px 30px;border-radius:15px;margin:2em 0;}
.partners .post_title{  
margin-top: 1em;
display: block;
color: #111;
text-align: center;}
.hometintuc .post_title h3{   
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; margin-top:0.3em;
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    color: #000; }
.meta_post {color: #999;margin: 7px 0;}
.box_postrightchild .meta_post {color: #999;margin:0 0 7px;}
.meta_post .fa-comment {
color: #E74C3C;
font-size: 12px;
}
.meta_post .sep { margin: 0 5px;} 
.post_tag {font-size: 11px;   
padding: 1px 5px;
letter-spacing: 0.06em;
margin-right: 12px;
border-radius: 2px;} 

.title_postslidehome{display:block}
.title_postslidehome h3{    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    margin-top: 0.5em;}
.title_postslidehome h3:hover{color:#ba1f23}
.hometintuc .box_partnerschild{padding:18px 60px 32px 54px} 
/*Tin tức 1*/
.box_postleftright {display:table}
.box_postleft {float:left;padding-right: 5px;}
.box_postright { margin-bottom:6px;float:left;padding-left:0 }
.box_postleft1 {float:right}
.box_postright1 { margin-bottom: 1.6rem;float:right}
.box_postrightchild {padding-left:0}
.post_titleleft {    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    font-family: sans-serif;} 
.post_titleright {    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0.3em 0 0.2em;
    color: #000;
    font-size: 22px;}
.post_contentright{ 
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
height: 75px;
display: -webkit-box;
-webkit-box-orient: vertical; }
.list-group{padding-left:15px}
.pagination {margin: 0 0 20px;}
/*Home video*/ 
.iconplayhome{    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    z-index: 1;
    background-color: #fff;
    border-radius: 50%;
    width: 1.3em;
    height: 1.3em;
    display: flex;
    align-items: center;
    justify-content: center;}
.iconplayhome i{ font-size: 0.6em;color:#ba1f23;} 
.hoverimg:hover .iconplayhome{background-color:#ba1f23;}
.hoverimg:hover .iconplayhome i{color:#fff;}



.iconplay{      position: absolute;
    right: 1em;
    bottom: 1em;
    z-index: 1;
    background-color: #fff;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;}
.iconplay i{ font-size: 1.3em;color:#ba1f23;} 
.hoverimg:hover .iconplay{background-color:#ba1f23;}
.hoverimg:hover .iconplay i{color:#fff;}
/*Sidebar*/ 
.boxsidebar{background-color:#fff;border-radius:14px;padding:20px 30px;margin-top:2em;}
.bannersidebar{display:block;}
.box_mangxahoi h3{    text-transform: uppercase;
    margin-bottom: 1em;
    font-size: 2em;
    font-family: 'UTMNeutra'; 
    color: #333;
    text-align: center;}
.box_mangxahoichild {text-align: center;display: flex;justify-content: center;margin-bottom:1em}
.box_mangxahoichild a{width: 2.5em;height: 2.5em; display: flex; border-radius: 50%;  margin: 0 0.5em; justify-content: center; align-items: center;}
.iconfacebook{background-color: #2257a7;}
.iconyoutube{background-color:#ff0601}
.iconinstagram{background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.box_mangxahoichild a i{font-size: 1.3em;color:#fff}

.btn_dknhantin{border:0.01em solid #ba1f23; background-color: #ba1f23;
    display: block;
    color: #fff;
    border-radius: 90px;
    padding: 0.5em 0;
    text-align: center;
    font-family: 'UTMNeutra';
    font-weight: 400;
    margin-top: 1em;}
.btn_dknhantin:hover{ background-color:#fff;color:#ba1f23;}	
	
.box_tinxemnhieu h3{color:#000;margin-top:1em;font-size:14px}
.box_tinxemnhieu h3:hover{color: #ba1f23;}
.box_tinxemnhieu p{margin-bottom:0;font-weight: 300;font-size: 12px;opacity: 0.63;}
/* === Tabs widget === */ 
.tab-wrapper{margin-top:2em} 
.tab-wrapper ul{ width: 100%;display: flex;margin-bottom:15px}
.tab-wrapper ul li{background-color: #fff;
float: left;
display: block;flex-grow: 1;
}
.nghenhieu{border-top-left-radius: 20px;}
.docnhieu{border-top-right-radius: 15px; background-color: #ffffff;}
.tab-wrapper ul li.active{background: #ba1f23;}  
.tab-wrapper ul li.active a{
color: #fff; 
} 
.tab-wrapper ul li a{ 
    text-align: center;
    font-family: UTMNeutra;
    border: 0 !important;
    font-size: 20px;
    text-transform: uppercase;
    display:block;
    padding: 0;
    line-height: 30px;
    cursor: pointer;
    position: relative;  padding: 0.6em 0;
} 
.tab-item{display: none;padding: 1em;background-color: #fff;}


/*Footer*/
.box_menufooter{background:#fff;margin-top:2em}


.footer{ background:#15181cf0;color: #fff; padding-top: 2rem;padding-bottom:1rem}
.footer a{ color: #fff;  }
.footer h4{text-transform:uppercase;padding:0.5rem 0 1.5rem}
.footer p{padding:0.4rem 0}
.menu_footer{display: flex;justify-content: center; align-items: center;} 
.menu_footer li ul,.menu_footer li ul li ul{display:none}	
.menu_footer li a{    font-family: UTMNeutra;
    font-size: 20px;
    text-decoration: none;
    padding: 1rem 1.3rem;
    display: block;
    color: #000;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;}
.menu_footer li a:hover{color: #ba1f23;}
.logo_footer {width: 100px;}



.copyright{ background-color: #2F343D;color: #fff; padding: 0.8rem 0;}
.copyright a{color: #fff;}

.back-to-top {
position: fixed;
bottom: 35px;
right: 10px;
display: none;
cursor: pointer;
}
.back-to-top i {
background: #9e9e9e;
color: #fff;
font-size: 25px;
border-radius: 50%;
width: 2.5rem;
height: 2.5rem;
text-align: center;
line-height: 2.1rem;
}
/*Phân trang*/
.pagination {display: table;margin:1rem auto;}
.pagination li{display:inline-block}
.pagination > .page-item:last-child > a ,.pagination > .page-item:first-child  > a,.pagination > .page-item > a { 
position: relative;
display: block;
padding: .5rem 0.9rem;
margin-left: -1px;
line-height: 1.25;
border: 1px solid #dee2e6;
border-radius: 0;
color: #3A3A3A;
}
.page-item.active .page-link { 
background-color: #E74C3C;box-shadow:none;
border-color: #E74C3C;    color: #fff !important;
}
/*Hỗ trợ*/
.rollOut{animation-name:rollOut}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}

@keyframes pulse {
0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.2);box-shadow:0 0 0 0 rgba(255,255,255,.2)}
70%{-webkit-box-shadow:0 0 0 60px rgba(255,255,255,0);box-shadow:0 0 0 60px rgba(255,255,255,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

@-webkit-keyframes arcontactus-pulse {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
50%{opacity:.5}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}   

.support-online{position:fixed;z-index:999;left:40px;bottom:40px}  
.support-online a.hotro_phone{background-color: #4EB625;}
.support-online a.hotro_facebook{background-color: #0084ff;}
.support-online a.hotro_zalo{background-color: #18b6fd;}
.support-online a > svg{margin-top: 0.9em;}

.support-online a{position: relative; 
text-align: center;
width: 45px;display:block;
height: 45px;
border-radius: 100%;
display: block;margin-bottom: 1em;}

.support-online a .box_iconsvg{ background-color: #E74C3C;
position: relative; 
text-align: center;
width: 45px;
height: 45px;
border-radius: 100%; 

} 
.support-online a .box_iconsvg >svg{margin-top: 0.8em;
-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;

}
@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}	

.animated.infinite{animation-iteration-count:infinite}
.animated.infinite{animation-iteration-count:infinite}
.pulse{animation-name:pulse}
.animated{animation-duration:1s;animation-fill-mode:both}
.zoomIn{animation-name:zoomIn}
.alo-circle-fill{width: 65px;
height: 65px;
top: -10px;
left: -10px;
position: absolute;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: #E74C3C82;
opacity: .75;}
.alo-circle{    width: 60px;
height: 60px;
top: -7px;
left: -7px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30,30,30,.4); 
border-color: #E74C3C;
opacity: .5;}
.support-online a span{border-radius: 2px;
text-align: center;
background: #E74C3C;
padding: 6px 5px;
display: none;
width: 150px;
margin-left: 10px;
position: absolute;
color: #fff;
z-index: 999;
top: 0.5em;
left: 43px;
transition: all .2s ease-in-out 0;
-moz-animation: headerAnimation .7s 1;
-webkit-animation: headerAnimation .7s 1;
-o-animation: headerAnimation .7s 1;
animation: headerAnimation .7s 1;}
.support-online .btn-support{cursor:pointer}
.support-online a:hover span{display:block}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #E74C3C transparent transparent;position:absolute;left:-10px;top:6px}
::-webkit-scrollbar {width: 20px;}
::-webkit-scrollbar { width: 9px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #9E9E9E; border-radius: 10px;}