/* 
Theme Name: diamondgroup 
Description: Dự án được phát triển bởi diamondgroup.vn - Hotline: 0333 079 379 
Theme URI: http://diamondgroup.vn 
Author: Diamondgroup.vn - Hotline: 0333 079 379 
Author URI: http://diamondgroup.vn 
Version: 2022 
Text Domain: diamondgroup.vn*/ 
 
body { 
font-family:  Arial,sans-serif;
font-size: 14px;
line-height: 26px;
color: #24273e;
font-weight: 300;
}

.title_home { position:fixed; left: -50%; font-size:1px  } 
ul { margin: 0;  padding: 0;  list-style: none;}
img {  max-width: 100%;     height: auto;}
a ,ins{  transition: all 0.5s ease 0s; text-decoration:none}
a:focus {   outline: none;  text-decoration: none;}
a:hover {  text-decoration: none;}
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
outline: none;
}
.padding-0 {padding-left:0; padding-right:0}
.padding-left {padding-left:0 }
.padding-right { padding-right:0} 


a#scrollUp {
background-color: #FF5722;
bottom: 90px;
color: #fff;
font-size: 30px;
height: 35px;
right: 30px;
text-align: center;
width: 35px;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
}
a#scrollUp i {      font-size: 18px; transform: rotate(-50deg);} 

/*Header Top*/

.header-top {  background-color: #E7E8EA;    padding: 5px 0;} 
.header_bottom  {  background-color:#f9f9f9; padding:5px 0}  
.sdt {float:left;    color: #0066b3; font-weight:600;font-size: 20px;    margin-top: 2px;}
.sdt i {  
line-height: 30px; }
.slogen {font-size: 14px;
text-align: center;
padding: 11px 0;
margin: 0;
text-transform: uppercase;
color: #0066b3;
font-style: italic;}
/*Search*/
.ja_searchmobile {display:none}
.ja-search {float:left;position: relative;} 
.ja-search form input[type="text"]{    width: 100%;
    height: 2.5em;
    font-size: 14px;
    padding: 0 20px 0 7px;
    border-radius: 0;
    box-sizing: border-box; }
.ja-search form input:focus{color:#333;}
.ja-search form button{    cursor: pointer;
    height: 2.1em;
    width: 3em;
    display: inline-block;
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    border: none;
    color: #fff;
    border-radius: 2px;
    background: #f5821f;}
#search_submit i {font-size: 1.3rem;}
/*cart*/
.box_cart {text-align:center}
.sl_gh { position: relative;} 
.sl_gh i{     width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    color: #f5821f;
    font-size: 3rem;
    padding: 0.2rem;}
.icon_soluong {
position: absolute;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
right: -14px;
top: -10px;
background:#f5821f;
border-radius: 50%;
color: #fff; 
font-size: 12px;
}	
/*Logo*/
.logo{ width: 70%;} 
/*Menu main*/ 
.box_head.fixed{width:100%;position: fixed;top:0;z-index:99;}  
.box_head{background:#ff6d34;border-bottom:1px solid #fff;}

.menu_main{position:inherit;}
.menu_main>li{  position: relative; display:inline-block;float:left}
.menu_main>li:first-child{border-left:0}
.menu_main>li>a i{position: absolute;left: 40%;font-size: 17px;top: 8px;z-index: 22;}
.menu_main>li>a{display: block;
font-size: 15px;
color: #0066b3;
padding: 27px 34px;
text-align: center;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
text-transform: uppercase;
font-weight: 600;}
.menu_main li a:hover,.menu_main li a:focus,.menu_main li a:active,.menu_main li:hover>a,.menu_main li.current-menu-item a {background: #f5821f; color:#fff}
.menu_main .sub-menu:before{content: ""; display: block; position: absolute;  width: 30px; height: 30px; border-radius: 2000px;  border-radius: 3px; background: #fff;
-webkit-transform: rotate(45deg) translateX(-70%);
transform: rotate(45deg) translateX(-70%); top: 10px; left: 40px;  z-index: -1;}
.menu_main .sub-menu { position: absolute; background-color: #fff; visibility: hidden; opacity: 0;
z-index: 99; width: 250px;  padding: 10px;  right: 0; top: 120%; left: 0;  margin: 0 auto;  border-radius: 5px; transition: opacity .3s ease-in-out; box-shadow: 0 12px 40px 0 rgba(144, 144, 144, 0.76), 0 70px 100px -60px #9E9E9E;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;  } 
.menu_main > li:hover .sub-menu{visibility:visible;opacity:1}
.sub-menu li { border-top: 1px solid #ffffff14; }
.menu_main .sub-menu li:first-child { border-top: 0px  }
.menu_main .sub-menu li a { display: block; background: transparent; color:#313131; font-size: 15px;
font-weight: 500; padding: 5px; text-decoration: none; text-transform: capitalize; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
.menu_main .sub-menu li a:hover {color:#ff6d34;padding-left:10px}

/*Menu reposize*/ 
@media (max-width:992px){
.mean-container a.meanmenu-reveal {top: 0;background: transparent;}
}

@media (max-width: 768px) and (max-width: 480px) and (min-width: 320px) {
.mean-container a.meanmenu-reveal {top: 5px;} 
}	

a.meanmenu-reveal{display:none}
.mean-container .mean-bar {
background: transparent none repeat scroll 0 0;
left: 0;
min-height: 42px;
padding: 4px 0 0; 
z-index: 999; 
position:absolute; 
}
.mean-container a.meanmenu-reveal{width: 32px;
height: 32px;
padding: 5px 7px;
left: 10px !important;
cursor: pointer;
color: #0066b3;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: 600; 
position: absolute;
top: 10px;
background: transparent;}
.mean-container a.meanmenu-reveal span{display:block;background:#0066b3;height:3px;margin-top:6px}
.mean-container .mean-nav{float:left;width:100%;background:#f8f8f8;margin-top: 40px;}

.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {
background: #f8f8f8 none repeat scroll 0 0;
float: left;
position: relative;
width: 100%;
border-top: 1px solid#ddd;
}
.mean-container .mean-nav ul li a {
background: #f8f8f8 none repeat scroll 0 0;
color: #666666;
display: block;
float: left;
font-size: 12px;
margin: 0;
padding: 5px 10px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
font-weight: bold;
}

.mean-container .mean-nav ul li li a {
border-top: 1px solid rgba(255, 255, 255, 0.25); 
padding: 5px 5%;
text-shadow: none !important;
visibility: visible;
width: 80%;
font-weight: normal;
text-transform: capitalize;
color: #444;
}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {
background: #f8f8f8 none repeat scroll 0 0;
color: #F47E1E;
}
.mean-container .mean-nav ul li a.mean-expand{
width:26px;
height: 15px;
margin-top: 1px;
padding: 12px !important;
text-align:center;
position:absolute;
right:0;top:0;
z-index:2;
font-weight:600;
background:rgba(255,255,255,.1);
border:0!important;
background: #F8F8F8;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: #f8f8f8;
}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after {
color: #ffffff;
/* content: "MENU";*/
content: "";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
}
/*Dịch vụ*/
.box_dichvuchild {    background: #f0f2f1;
min-height: 200px;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.24);}
.tieude_maindv {    color: #0066b3;
text-transform: uppercase;
text-align: center; 
display: table;
margin: 40px auto;
padding-bottom: 20px; 
background: url(images/line.png) no-repeat bottom center;
}
.homedichvu1 img,.homedichvu2 img {width:100%; 	-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}
.homedichvu1 img:hover,.homedichvu2 img:hover {opacity:0.5}	
.homedichvu2 {float:right} 
.title_maindvchild {    color: #0066b3;
text-align: center;
text-transform: uppercase;}
.post_titledv {    padding: 5px 15px;
font-size: 17px;}
/*====== Home sản phẩm =====*/
.box_mainsp {margin-top:50px; }
.box_mainspchild {margin-bottom:50px}
.title_default {     height: 34px;
margin: 0;
margin-top: 7px;
overflow: hidden;
border-bottom: 1px solid #0066b3;
position: relative;
margin-bottom: 30px;
font-weight: 600;}
.title_default .title_mainsp { 
overflow: hidden;
position: relative;
padding: 1px 50px;
color: #fff;
font-size: 17px;
line-height: 35px;
background: #0066b3;
text-align: center;
display: inline-block;}
.title_default .title_mainsp:before{	
position: absolute;
content: "";
width: 90px;
height: 1px;
bottom: -1px;
background: #164892;}
.title_xt {float: right;
font-size: 14px;
font-style: italic;
line-height: 35px;
padding-right: 10px;
color: #ed3338;}


.box_spfloat {
float: inherit !important;
display: inline-block;
vertical-align: top; 
position: relative;
max-width: 100%;
}
.box_spfloatchild {
display: inline-block !important;
vertical-align: top !important;
white-space: normal;
float: none !important;
margin-left: -3px; 
}
.box_sp {    box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
margin-bottom: 30px;
border-top: 1px solid rgba(0,0,0,0.24); 
padding: 15px 15px 5px;
position: relative;}
.onsale {    border-radius: 0;
background-color: transparent !important;
color: #fff;
width: 33px;
height: 44px;
line-height: 64px; 
font-size: 1rem;
font-family: Roboto,sans-serif;
text-align: center;
font-weight: 500;
background-repeat: no-repeat !important;
background-position: 0 0 !important;
background-size: contain !important;
background-image: url(images/giamgia.png) !important;
text-transform: uppercase;
position: absolute;
top: 2px;
right: 2px;z-index:1}
.img_sp { overflow: hidden;
display: block;
width: 100%;
height: 260px;}
/* Flashing */
.img_sp:hover img {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}

.img_sp img {object-fit: scale-down;}		
.ten_sp {display:block}
.ten_sp h3{ font-size: 15px;  line-height: 24px;}
.gia_sp {    font-size: 14px;
color: red; 
font-weight: bold;
font-family: Arial; 
text-align: center;}
.gia_sp > del > span {
text-decoration: line-through;
color: #6a6a6a;
font-weight: 600;
}
.gia_sp > ins {
font-size: 14px;
color: red;
display: inline-block;
font-weight: bold;
font-family: Arial;
text-align: left;
margin-left: 20px;
}
.btldat_mua {   background: #feb707;
display: table;
margin: 10px auto;
color: #fff;
text-transform: uppercase;
padding: 5px 30px;
border-radius: 4px;}
.btldat_mua:hover {color: #fff; background:#f5c651}
.img_sp {    overflow: hidden;display: block; }
.img_sp img{     object-fit: scale-down;
width: 100%;
height: 100%;
display: block;
margin: auto;   display: block;
margin: auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all all 0.2s ease-in-out ease;
-moz-transition: all all 0.2s ease-in-out ease;
-ms-transition: all all 0.2s ease-in-out ease;
-o-transition: all all 0.2s ease-in-out ease;
transition: all all 0.2s ease-in-out ease;} 
.img_sp:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}	


/*Dự án*/
.box_mainduan {margin-bottom:40px}
.box_duanchild {position:relative; margin-bottom:20px;overflow:hidden}
.title_postduan {font-size: 15px;
line-height: 23px;
position: absolute;
bottom: 0px;
background: #19141482;
color: #fff;
padding: 10px;
margin: 0;
width: 100%;
text-transform: uppercase;
font-weight: 400;
}
.xemthemda {    background: #feb707;
display: table;
margin: 10px auto;
color: #fff;
text-transform: uppercase;
padding: 5px 30px;
border-radius: 4px;}
.xemthemda:hover {color: #fff; background:#f5c651}
/* Circle */ 
.box_duanchild a::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.box_duanchild a:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
} 	
/*Home tin tức*/
.title_posttintuc{    font-size: 15px; line-height: 23px;margin: 0;}
.xemthemtt {    background: #feb707;
display: table;
margin: 10px auto;
color: #fff;
text-transform: uppercase;
padding: 2px 10px;
border-radius: 4px;
font-size: 12px;}
.xemthemtt:hover {color: #fff; background:#f5c651}

/* ======= [ Effect ] ======*/
.effect--scale3d{position:relative;overflow:hidden;display:block;}
.effect--scale3d:after{position:absolute;top:0;left:0;width:160%;height:100%;background:rgba(255,255,255,.2);content:'';z-index:1;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.effect--scale3d:hover:after{-webkit-transition:transform .7s ease 0s;-moz-transition:transform .7s ease 0s;-o-transition:transform .7s ease 0s;transition:transform .7s ease 0s;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-moz-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-ms-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);-o-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,146%,0);}


/*Đối tác khách hàng*/
.box_doitackh {background:#0066b3; padding-bottom:40px; position:relative; overflow:hidden}
.tieude_mainkh {    color: #fff;
text-transform: uppercase;
text-align: center;
display: table;
margin: 40px auto;
padding-bottom: 20px;
background: url(images/line.png) no-repeat bottom center;filter: brightness(0) invert(1);}
.img_khachhang {
border-radius: .2rem;
}
/*breadcrumb*/
.bread { padding: 10px 0px;}
/*Home page*/
.box_main {margin-top:7px}
/*Page_single*/
.bd-topsing {    margin-bottom: 20px;}
.content-ghichu {
background: #eef9ff;
color: #047bc1;
padding: 10px  ;
font-size: 15px;
border: 1px dashed #047BC1;
margin: 20px 0px;
}
.title-post {    font-size: 20px;
margin: 0;
text-transform: uppercase;
padding: 10px 0px 20px 0px;
color: #444;} 
.feature  {    height: 26px; overflow: hidden;}
.like-click {margin-top:30px}

table td {
border: 1px solid #ddd;
padding: 5px;
box-sizing: border-box;
}
/*page archive*/
.title-archive {line-height: 1.4; 
display: block;
font-weight: bold;  
overflow: hidden;
margin-bottom: 5px;}
.archivepost-date {    color: #a8a8a8;
text-transform: capitalize;
font-size: 15px;
display: block;
font-style: italic;
font-weight: normal; }
.box_postarchive {margin-bottom:20px} 

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{padding:.8em !important}
/*========= Liên hệ==========*/
.contact-form .input-group .input-group-addon {
border-radius: 0px;
background-color: #f5821f;
border: none;
position: relative;
color: #fff;
}
.contact-form .input-group,.contact-form .input-group p,.contact-form .input-group p span {width: 100%;}
.contact-form .input-group .form-control {
background-color: rgb(255, 255, 255);
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border: none;
padding: 10px 10px;
color: #444;
min-height: 40px;
width: 100%;
border: 1px solid #ccc;
}
.contact-form .input-group {
margin-bottom: 10px;
float: left;
} 
.contact-box {
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
overflow: hidden;
padding: 40px;
position: absolute;
background-color: #fff;
z-index: 9;
top: -760px;
}
.contact-box .contact-form,
.contact-box .contact-info {
float: left;
width: 50%;
}
.contact-box h3.contact-title { 
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}
.contact-info .single-address {
margin-bottom: 25px;
overflow: hidden;
}
.contact-info .single-address:last-child {
margin-bottom: 0px;
}
.contact-info .single-address .icon {
border: 1px solid #646464;
border-radius: 50%;
color: #606060;
float: left;
font-size: 18px;
height: 32px;
line-height: 32px;
margin-top: 11px;
text-align: center;
width: 32px;
}
.contact-info .icon-text p {
font-weight: 400;
margin-bottom: 0;
padding-left: 45px;
}
.contact-form input,
.contact-form textarea {
text-transform: capitalize;
padding: 5px 0px;
margin-bottom: 18px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
width: 100%;
}
.contact-form .shopping-button button {
margin-top: 0px;
}





/*Sidebar*/
.box-sidebar {margin-bottom:20px}
.box-sidebar > .title-sidebar {margin: 0;
text-transform: uppercase;
border-bottom: 1px solid #ebebeb;
padding: 0;
line-height: 34px;
display: inline-block; 
width: 100%;
font-size: 15px;
color: #fff!important;
background: #403e3e;}
.box-sidebar > .title-sidebar:before {content: '';
position: relative;
left: 0;
border-style: solid;
top: 27px;
bottom: 0;
border-width: 34px 30px 0 0;
border-color: #272727 transparent transparent transparent;}
.box-sidebar > .title-sidebar:after {    content: '';
position: relative;
right: 0;
border-style: solid;
border-width: 0 0 34px 30px;
border-color: transparent transparent #272727 transparent;
float: right;}
.list-post {  margin-bottom: 10px; }	
.title_post_sidebar	 {    line-height: 20px; display: block; color:#444}
.bd-sidebar {  border: 1px solid #ddd;  padding: 10px 10px 0px 10px;}	

.box-prosidebar {
border: 1px solid #ededed;
border-bottom: none;
}	
.an_gia  > del{ display:none ;  }
.an_gia > ins {float:none !important ;    color: #444 !important ;  font-weight: normal !important ; }

.pad-top-bottom {
padding: 10px 0px;
border-bottom: 1px solid #ededed;
}	

.sidebar_man ul li a {    display: block;
color: #222;
padding: 10px 15px ;
text-decoration: none;  
font-size: 14px;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
}
.sidebar_man ul li a:before {
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);
margin-right: 5px;
color: #222;
}	
.sidebar_man ul	li a:hover {
padding-left: 20px;    background: #6B6A6A; color:#fff
}
.sidebar_man ul	li:hover a:before { color:#fff}

/*===== Footer ========*/

.footer_top_area {
height: 100%;
width: 100%;
padding: 20px 0px 0px;
background: url(images/world-map.png) #444 center bottom no-repeat;
color: #fff;
}
.footer_top_area  { background-color: #3c3c3c;  color: #fff;}
.thongtin_footer a { color:#fff} 
.thongtin_footer p span, .thongtin_footer p span { font-weight: 600; text-transform: uppercase;}
.thongtin_footer h3 {
color: #fff;
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
margin-top: 0;
}
.menu_footer li a { color: #fff;  display: block;  padding: 3px 0;} 
.menu_footer>li>a:before {
    content:"\ea69";
    font-family: 'icofont';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu_footer li a:hover {  color: #b7b7b7;}
.footer_area {background: rgba(0, 0, 0, 0.27); padding: 10px 0;} 
.footer_area p {
color: #fff;
font-weight: 400;
margin-bottom: 0;
text-align: center;
} 
.footer_area p a{color: #fff;} 
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
width: 100%!important;
}

/*laptops, desktops*/ 
@media (min-width: 1025px) and (max-width: 1280px) {    
} 
/*ipad-pro*/ 
@media (max-width: 1200px){ 


.padding_mobile {padding-left:0px; padding-right:0px}
/*Head*/
#ja-header { position: relative; }
.box_head {
padding-bottom: 5px;
border-radius: 0;  
background: #87ba2c;
}
.box_logomobile {    margin-left: 40px;}
.logo_margin {     margin-left: 0px;} 
.box_headchild { padding-top: 20px;}
.sl_gh > .fa-shopping-basket { color: #fff;} 
.sdt {  font-size: 15px; }
.box_mobile {    position: relative}
.slogen { font-size: 12px; }
/*Menu*/
.menu_main>li>a { padding: 18px 20px;}
/*Dịch vụ*/
.title_maindvchild {  font-size: 17px;}
/*Home sp*/
.tieude_maindv { 
margin: 20px auto; font-size: 20px;
}
.box_mainspchild {margin-bottom: 0px;}
.img_sp {  height: 160px;} 
.ten_sp h3 { font-size: 12px; line-height: 17px; margin-top: 0;} 
.gia_sp { font-size: 11px; }
.gia_sp > ins {  font-size: 11px;   margin-left: 10px;}
.btldat_mua {  padding: 0px 10px;  font-size: 11px;}
/*Home dự án*/
.title_postduan {
font-size: 10px;
line-height: 16px; 
padding: 5px; 
}
/*Home khách hàng*/  
.tieude_mainkh {  margin: 20px auto;  font-size: 20px;} 
/*Single sp*/ 
.title_pro_single {  font-size: 13px; line-height: 20px;} 
h1 {    font-size: 18px;  line-height: 25px;}
/*Footer*/ 
.thongtin_footer h3 { font-size: 12px; }
.menu_footer li a {font-size: 12px;}


}  



/*tablets, ipads (portrait)*/ 
@media (max-width: 992px){ 

.an_mobile {display:none}	 
.padding_mobile {padding-left:0px; padding-right:0px}
/*Head*/
#ja-header { position: relative; }
.box_head {
padding-bottom: 5px;
border-radius: 0;  
background: #87ba2c;
}
.box_logomobile {    margin-left: 40px;}
.logo_margin {     margin-left: 80px;} 
.logo {width:25%}
.box_headchild { padding-top: 20px;}
.sl_gh > .fa-shopping-basket { color: #fff;} 
.ja_searchmobile {display:block}
.boxmenu_main {display:none}
.box_mobile {    position: absolute;
right: 15px;
top: 25px; }
/*Dịch vụ*/
.title_maindvchild {  font-size: 17px;}
/*Home sp*/
.tieude_maindv { 
margin: 20px auto; font-size: 20px;
}
.box_mainspchild {margin-bottom: 0px;}
.img_sp {  height: 160px;} 
.ten_sp h3 { font-size: 12px; line-height: 17px; margin-top: 0;} 
.gia_sp { font-size: 11px; }
.gia_sp > ins {  font-size: 11px;   margin-left: 10px;}
.btldat_mua {  padding: 0px 10px;  font-size: 11px;}
/*Home dự án*/
.title_postduan {
font-size: 10px;
line-height: 16px; 
padding: 5px; 
}
/*Home khách hàng*/  
.tieude_mainkh {  margin: 20px auto;  font-size: 20px;} 
/*Single sp*/ 
.title_pro_single {  font-size: 13px; line-height: 20px;} 
h1 {    font-size: 18px;  line-height: 25px;}


}
/*low resolution tablets, mobiles (landscape)*/ 
@media (min-width: 481px) and (max-width: 767px){ 

.an_mobile {display:none}	 
.padding_mobile {padding-left:0px; padding-right:0px}
/*Head*/
#ja-header { position: relative; }
.box_head {
padding-bottom: 5px;
border-radius: 0;  
background: #87ba2c;
}
.box_logomobile {    margin-left: 40px;} 
.box_headchild { padding-top: 20px;}
.sl_gh > .fa-shopping-basket { color: #fff;} 
.ja_searchmobile {display:block}
.boxmenu_main {display:none}
.box_mobile {    position: absolute;
right: 0px;
top: 25px;}
/*Dịch vụ*/
.title_maindvchild {  font-size: 17px;}
/*Home sp*/
.tieude_maindv { 
margin: 20px auto; font-size: 20px;
}
.box_mainspchild {margin-bottom: 0px;}
.img_sp {  height: 160px;} 
.ten_sp h3 { font-size: 12px; line-height: 17px; margin-top: 0;} 
.gia_sp { font-size: 11px; }
.gia_sp > ins {  font-size: 11px;   margin-left: 10px;}
.btldat_mua {  padding: 0px 10px;  font-size: 11px;}
/*Home dự án*/
.title_postduan {
font-size: 10px;
line-height: 16px; 
padding: 5px; 
}
/*Home khách hàng*/  
.tieude_mainkh {  margin: 20px auto;  font-size: 20px;} 
/*Single sp*/ 
.title_pro_single {  font-size: 13px; line-height: 20px;} 
h1 {    font-size: 18px;  line-height: 25px;}

}   
/*smartphones mobiles (portrait)*/ 
@media (min-width: 320px) and (max-width: 480px){
.an_mobile {display:none}	 
.padding_mobile {padding-left:0px; padding-right:0px}
/*Head*/
#ja-header { position: relative; }
.box_head {
padding-bottom: 5px;
border-radius: 0;  
background: #87ba2c;
}
.header_bottom { background-color: #fff; }
.box_logomobile {    margin-left: 40px;}
.logo_margin { float:none; margin:0 auto} 
.logo { width: 70%;}
.box_headchild { padding-top: 20px;}
.sl_gh > .fa-shopping-basket { color: #fff;} 
.sl_gh i {     width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    color: #ff0000;
    font-size: 3rem;
    padding: 0.2rem;
}
.ja_searchmobile {display:block}
.boxmenu_main {display:none}
.box_mobile {    position: absolute;
right: 0px;
top: 25px;}
/*Dịch vụ*/
.title_maindvchild {  font-size: 17px;}
/*Home sp*/
.tieude_maindv { 
margin: 20px auto; font-size: 20px;
}
.box_mainspchild {margin-bottom: 0px;}
.img_sp {  height: 160px;} 
.ten_sp h3 { font-size: 12px; line-height: 17px; margin-top: 0;} 
.gia_sp { font-size: 11px; }
.gia_sp > ins {  font-size: 11px;   margin-left: 10px;}
.btldat_mua {  padding: 0px 10px;  font-size: 11px;}
/*Home dự án*/
.title_postduan {
font-size: 10px;
line-height: 16px; 
padding: 5px; 
}
/*Home khách hàng*/  
.tieude_mainkh {  margin: 20px auto;  font-size: 20px;} 
/*Single sp*/ 
.title_pro_single {  font-size: 13px; line-height: 20px;} 
h1 {    font-size: 18px;  line-height: 25px;}



}


/*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.7em;}

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

.support-online a .box_iconsvg{ background-color: #2c6ff4;
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:#2c6ff4bd;
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: #2c6ff4;
opacity: .5;}

.support-online a span {
border-radius: 2px;
text-align: center;
background: #2c6ff4;
padding: 2px 5px 2px 0;
display: none;
width: 110px;
margin-left: 20px;
position: absolute;
color: #fff;
z-index: 999;
top: 0.8em;
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;
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
}
.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: 15px 18px 15px 0;
border-color: transparent #2c6ff4 transparent transparent;
position: absolute;
left: -18px;
top: 0;
}
/**/
::placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
::-ms-input-placeholder{ color:#999;}
/**/
::-webkit-scrollbar{width:20px;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;}
::-webkit-scrollbar-thumb{background:#9E9E9E;border-radius:10px;}