/* 
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.com.vn - Hotline: 0333 079 379 
Author URI: http://diamondgroup.vn 
Version: 2022 
Text Domain: diamondgroup.vn*/ 

*{
    margin: 0;
    padding: 0;
}
@import 'https://fonts.googleapis.com/css?family=Lato:400,700,700i,700,700i|Poppins:300,400,600';

@font-face{font-family:'MyriadPro-BoldCond';src:url('fonts/MyriadPro-BoldCond.eot?v=4.5.0');
 src:url('fonts/MyriadPro-BoldCond.eot?#iefix&v=4.5.0') 
 format('embedded-opentype'),url('fonts/MyriadPro-BoldCond.woff2?v=4.5.0') 
 format('woff2'),url('fonts/MyriadPro-BoldCond.woff?v=4.5.0') 
 format('woff'),url('fonts/MyriadPro-BoldCond.ttf?v=4.5.0') 
 format('truetype'),url('fonts/MyriadPro-BoldCond.svg?v=4.5.0') 
format('svg');}



 @font-face{font-family:'Roboto-Regular';src:url('fonts/Roboto-Regular.ttf')}
 @font-face{font-family:'Roboto-Light';src:url('fonts/Roboto-Light.ttf')}
 @font-face{font-family:'Roboto-Bold';src:url('fonts/Roboto-Bold.ttf')}
 @font-face{font-family:'vnf-lobster';src:url('fonts/vnf-lobster.ttf')}
 @font-face{font-family:'Roboto-Medium';src:url('fonts/Roboto-Medium.ttf')}
 @font-face{font-family:'UVNBenXuan';src:url('fonts/UVNBenXuan_R.TTF')}



 @font-face{font-family:'MyriadPro-Cond';src:url('fonts/MyriadPro-Cond.eot?v=4.5.0');
 src:url('fonts/MyriadPro-Cond.eot?#iefix&v=4.5.0') 
 format('embedded-opentype'),url('fonts/MyriadPro-Cond.woff2?v=4.5.0') 
 format('woff2'),url('fonts/MyriadPro-Cond.woff?v=4.5.0') 
 format('woff'),url('fonts/MyriadPro-Cond.ttf?v=4.5.0') 
 format('truetype'),url('fonts/MyriadPro-Cond.svg?v=4.5.0') 
 format('svg'); }
 
  @font-face{font-family:'UVFLobster';src:url('fonts/UVFLobster.eot?v=4.5.0');
 src:url('fonts/UVFLobster.eot?#iefix&v=4.5.0') 
 format('embedded-opentype'),url('fonts/UVFLobster.woff2?v=4.5.0') 
 format('woff2'),url('fonts/UVFLobster.woff?v=4.5.0') 
 format('woff'),url('fonts/UVFLobster.ttf?v=4.5.0') 
 format('truetype'),url('fonts/UVFLobster.svg?v=4.5.0') 
 format('svg'); }
 


.title_home { position:fixed; left: -50%; font-size:1px  }
.padding-0 {padding-left:0; padding-right:0}
.padding-left0{padding-left:0;}
.padding-right0{padding-right:0}


 
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
img,.wp-caption {
    max-width: 100%; height:auto
}
a {
    transition: all 0.5s ease 0s;
}
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;
}
 

/*========================================*/
/*  2. Header Top
/*========================================*/
 
.bg-head {
    padding: 10px 0;
    margin: 0;
    background-color: #EEEEEE;
}
 

.title-white{	border-bottom: 1px solid #fff;	}
.title-heading {
    display: inline-block;
    padding: 0 20px 20px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    margin: 20px auto;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.title-white:before {
    border: 3px solid #ccc;
    background: #999;
    -webkit-box-shadow: 0 0 0 1px #ffffff, inset 0 0 0 2px #fff;
    box-shadow: 0 0 0 1px #ffffff, inset 0 0 0 2px #fff;
}
.title-heading:before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    width: 15px;
    height: 15px;
}
.title-white:after {
    background: #fff;
}
.title-heading:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    margin-left: -46%;
    z-index: -1;
    width: 92%;
    height: 1px;
}


 
/*========================================*/
/*  3. MainMenu
/*========================================*/

.header-transparent .main-menu-area {
    background-color: transparent;
   
}
.header-transparent .main-menu nav ul li a {
    color: #fff;
}
.header-static .main-menu nav ul li a {
    font-style: normal;
}
.header-static .main-menu nav ul li a::after {
    transform: rotate(0deg);
    left: 0;
    width: 100%;
}

 

.main-menu-area {
   background: transparent; 
   padding: 0px 0px; 
}
 
.logo a {
    display: block;
    padding: 7px 0;
    height: auto;
}

 
.menu_main .menu-item {
    list-style: none;
    display: inline-block;
    position: relative;
    float:left; 
}

.main-menu ul {float:right}
 
.menu_main > .menu-item > a {
    padding: 17px 27px;
    display: inline-block;
    position: relative; 
    text-align: center; 
    text-transform: uppercase; transition: all 0.5s ease 0s;
    font-size: 14px;     
}

.menu_main .current-menu-item a, .menu_main .menu-item a:hover{    
     transition: all 0.5s ease 0s;
	}
 
 


.main-menu ul li .sub-menu{
    background-color: #D29D00;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 99;
    color: #fff;
}

.main-menu li:hover .sub-menu {    opacity: 1;  visibility: visible;  transform: scaleY(1);}
.main-menu ul li .sub-menu li { width: 100%; border-left:0}
.main-menu > ul > li > .sub-menu > li > a{
border-bottom: 1px solid #e1ad12;
    display: block;
    font-family: "Poppins",sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 8px 10px;
    color: #fff;
    text-align: left;
    text-transform: capitalize;
}
.main-menu > ul > li > .sub-menu > li > a:hover {	 padding-left: 15px; opacity:0.9}


	
/*===  Sticky Menu =====*/
.stick > .header-top { display:none;}
 
#sticker.stick {
      position: fixed;
     top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9999; background: #fff;
}
.header-top{       background: #D29D00;}
.header-top ul>li{
    display: inline-block;
    float: right;
    padding: 3px 0;
}
.header-top ul>li>a{
    padding: 0px 20px;
    color: #fff;
    border-right: 1px solid #e3aa00;
    font-family: "Roboto-Regular";
}
.box_menu{
    background-color: #FFF;

}
.navbar-header >a{
    height: 40px;
}
.box_menu ul>li>a{
    font-family: "Roboto-Light";
    color: #191919 ;
    font-weight: normal;
    font-size: 14px ;}
.box_menu ul>li>a>b{font-family: "Roboto-Bold";}

 




#sticker.stick a img {  width: 80%;     }
#sticker.stick .menu_main > .menu-item > a {     padding: 9px 25px; }
 


/*======Sidebar=====*/
.menu-sidebar-top ul {
    background: #D29D00;
    padding: 10px 20px;
    margin: 0 0 10px;
}

.menu-sidebar-top ul li a {
    padding: 10px 0px;
    color: #fff;
    border-bottom: 1px solid #13c120;
    display: block;
    font-weight: 700;
}

.menu-sidebar-top ul li a i {
    font-size: 25px;
    padding: 0px 10px 0px 0px;
}

.menu-sidebar-top ul li:last-child a {
    border-bottom: 0px;
}

.box-sidebar {
    margin-bottom: 15px;
}

.title-sidebar {

    color: #fff; 
    background: #D29D00; 
    padding: 10px 0 10px 20px; 
    text-transform: uppercase;
    font-size: 15px;
}
.box-sidebar ul {
    border: 1px solid #ddd;
    border-bottom: none;
    list-style: none;
    background: #f6f5f5; 
    padding: 15px 25px; 
}
.box-sidebar ul li { 
    line-height: 2;
    border-bottom: 1px solid #d7d7d7;
}
.box-sidebar ul li a {
    padding: 10px 0;
    display: block;
    color: #191919;
    font-family: arial;
}

 .box-sidebar 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;
} 
.title_postsidebar  {color:#444}
.title_postsidebar1 {font-size: 15px;     color: #080707;
    margin-top: 10px;
    display: block;}


   
/*Dịch vụ*/
.box_home_dv {
    padding: 30px 0 30px;
    background-color:#fff;
}

.title_dichvu a{
    color: #D29D00;
    font-family: 'vnf-lobster';
    font-size: 40px;
}
.titledvcon a{
    text-align: center;
    margin: 10px 0;
    font-family: "Roboto-Bold";
    text-transform: uppercase;
    color: #191919;
    line-height: 1.3em;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 33px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}   
.titledvcon p{
    display: block;
    text-align: justify;
    margin-top: 10px;
    font-family: "Roboto-Light";
    font-size: 15px;
    color: #191919;
}

.dichvu-content a {display:block;min-height:40px}
 
.thumb_dichvu > a > img {	  object-fit: scale-down;width: 100%; height: 150px; }
.thumb_dichvu {position: relative;  padding: 12px;  border: #ddd 1px solid;}
.read_dv {position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    height: 35px;
    width: 103px;
    margin-left: -51.5px;
    margin-top: -17.5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 35px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #D29D00;}	
	
.thumb_dichvu:hover a{display:block; color:#fff}
.thumb_dichvu:hover::before{display:block}
.thumb_dichvu::before{content:"";display:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5)}

/*Tại sao chọn */
.tsc{
    position: relative;
    margin-top: 20px;
    padding: 35px 0;
    background: #D29D00;
}
.danhsachtaisaochon{ margin: 20px auto;}
.titlechinh_taisaochon{
    color: #D29D00;
    font-family: "vnf-lobster";
    font-size: 2.5em;
    padding: 10px 30px;
    text-align: center;
    border: 3px #D29D00 dashed;
    margin: auto;
    display: table;
    border-radius: 10px;
    background: #fff;
    margin-top: -1%;
    
}
.titlecon_taisaochon{
    font-size: 14px;
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    color: #ffde00;
    font-family: "Roboto-Bold";
    text-align: center;
}
.img_taisaochon img{    
    margin: auto;
    border: 5px  #80D3A8 solid;
    border-radius: 50%;}
.danhsachtaisaochon p{
    display: block;
    color: #fff;
    margin: 5px 0;
    font-family: "Roboto-Light";
    font-size: 14px;
    text-align: center;
}
.icon_taisaochon{
    margin: auto;
}

.box_titlechinh_taisaochon{ 
    background-color: #fbfafa;
    display: table;
    margin: -6% auto 0px;
    padding: 8px;
    border-radius: 10px;
    
}

/*Trước và sau thẩm mỹ*/

.img_caroulsel{
    margin-top: 28px;
    float: left;
}
.luuy{
    display: inline-block;
    margin: 20px 0;
    text-align: center;
    font-family: "Roboto-Regular";
    font-style: italic;
    font-size: 15px;
    width: 100%;
}
.carousel-control{
    top: 40%;
    display: table;
}
.carousel-control i{
    width: 45px;
    height: 45px;
    background: #77786D;
    line-height: 45px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.titlevideo{
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    margin-bottom: 0px;
}
.titlevideo a{
    font-size: 18px;
    border-bottom: 2px solid #D29D00;
    padding-bottom: 5px;
    font-family: "Roboto-Bold";
}
.linkvideo{
    color: #191919;
}
.linkvideo:hover{
    color:#23527C;
}
.linkvideo i{
    padding-right: 5px;
    color: #D29D00;
    font-weight: 400;
    font-size: 20px;
}
.titleimg{
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}
.titleimg a{
    font-size: 18px;
    border-bottom: 2px solid #D29D00;
    padding-bottom: 5px;
    font-family: "Roboto-Bold";
}
.linkimg{
    color: #191919;
}
.linkimg i{  color:#D29D00;}
.linkimg:hover{
    color:#23527C;
}
.video{
    margin-top: 30px;
}
/*Tin tức làm đẹp*/
.box_tintuclamdep {margin-bottom:5px}
.img_tintuclamdep a img {border: 1px solid #EEE!important;  padding: 2px;}
/*Tin tức*/
.ttld{
    background-color: #F1EFEF;
}
.fulltintuc{
    margin: 20px 0px;  background-color: #fff;
}
.titlefanpage{
    border-bottom: 1px solid #ccc;
}
.linkfanpage{
    text-transform: uppercase;
    color: #191919;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 2px solid #D29D00;
    padding-bottom: 5px;
    font-family: "Roboto-Bold";
    display: table;
}

.titlefanpage i{
    padding-right: 5px;
    color: #D29D00;
    font-weight: 400;
    font-size: 20px
}
.box_tintuc{
    display: inline-block;
    padding-bottom: 10px;
}
.title_tintuc{
    border-bottom: 1px solid #ccc;
}
.title_tintuc a{
    color: #191919;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #D29D00;
    font-family: "Roboto-Bold";
    display: table;
    padding-bottom: 4px;
}

.thumb_tintuc img{
    width: 75px;
    height: 75px;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.titletituccon a{
    font-size: 15px;
    color: #010101;
    margin-top: 0;
    font-family: "Roboto-Medium";
}
.box_tintuc p{
    display: block;
    font-size: 15px;
    font-family: 'Roboto-Light';
    color: #191919;
}
.title_tintuclamdep,.content_tintuclamdep{ 
    font-size: 0.9em; 
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;}


/*Tin tức nổi bật*/
.fulltintucnoibat{
    margin: 30px 0px;
}
.box_tintucnoibat{
    display: inline-block;
    padding-bottom: 10px;
}
.title_tintucnoibat{
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 20px 0px;
}
.title_tintucnoibat a{
    color: #191919;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #D29D00;
    font-family: "Roboto-Bold";
    display: table;
    padding-bottom: 4px;
}

.thumb_tintucnoibat img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}
.titletitucnoibatcon a{
    color: #010101;
    font-size: 13px;
    font-family: "Roboto-Bold";
}
.box_tintucnoibat p{
    font-family: 'Roboto-Light';
    color: #191919;
    line-height: 1.3em;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 33px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/*Gọi ngay*/
.goingay{
    font-family: 'UVNBenXuan';
    font-size: 3.3em;
    color: #D29D00;
}
.sdt_goingay{
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 20px 0 0!important;
}
.sdt_goingay p>a{    background-image: linear-gradient(to bottom,#f1de53,#D29D00);
    border-radius: 8px;
    color: #fff;
    font-size: 22px;
    padding: 10px 25px;
    border: solid #b1770b 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Roboto-Bold";
}

/*Menu footer*/

.footer-top-title h3{
    text-align: center;
    background: #D29D00;
    color: #fff;
    padding: 10px 0;
    text-transform: uppercase;
    font-family:'Roboto-Medium';
    font-size: 15px;
    font-weight: 700;
    margin: 0px;

}
.single-footer-top{
    border: 2px solid #eceaea;
    margin: 20px 0;
}
.menu>li{ 
    line-height: 1.7;
}
.menu>li>a{
    color: #191919;
    font-family: "Roboto-Light";
}

/*Footer bottom*/

.footer-bottom{
    background-color: #D29D00; padding-bottom:10px
} 
.titlechung{
    text-transform: uppercase;
    font-family: "Roboto-Medium";
    color: #fff;
    font-size: 15px;
    margin: 0;
}

.noidunghethong h3{
    font-size: 15px;
    font-family: 'Roboto-Medium';
    color: #fff;
    line-height: 20px;
    margin: 3px auto;
}
.noidunghethong p{
        line-height: 1.8;
    font-family: 'Roboto-Light';
    font-size: 15px;
    color: #fff;
}
.noidunghethong p a{ 
    color: #fff;
}
.Thongtinbvdk_footer h2{
    font-size: 15px;
    font-family: 'Roboto-Medium';
    color: #fff;
    line-height: 20px;
    margin: 3px auto;
}
.Thongtinbvdk_footer p{
    font-family: 'Roboto-Light';
    font-size: 15px;
    color: #fff;
}
.noidungduoi_footerbottom h5{
    color: #fff;
    padding-top: 20px;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    font-family: 'Roboto-Light';
}
.noidungduoi_footerbottom h4{
    font-weight: normal;
    font-size: 18px;
    font-family: 'Roboto-Medium';
}
.noidungduoi_footerbottom p{
    font-weight: normal;
    font-size: 15px;
    font-family: arial;
    line-height: 25px;
}

.title_footer {    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;margin-top:10px}
	
	
	
/*to-top*/
#return-to-top {
position: fixed;
    bottom: 20%;
    right: 20px; 
    background: #fbb817;
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
}
#return-to-top i {
    color: #fff; 
    font-size: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
}
#return-to-top:hover {
   opacity:0.9
}
 	
	 
 

/*Đặt lịch*/
.form-control::-moz-placeholder{color:#333;opacity:1}
.form-control:-ms-input-placeholder{color:#333}
.form-control::-webkit-input-placeholder{color:#333} 
 
.box_datlich  {  background: url(images/bg_datlich.jpg) top no-repeat; background-size:cover; }
.box_datlichchild {background:#9e9e9e82;    padding: 30px 0px; }
.title_datlich h2 {display: inline-block; 
    width: 100%; color:#D29D00; font-weight:700;
    line-height: 50px;}
.title_datlich img {    float: left;width: 60px;}

.form_datlich .input-group .form-control {       background-color: rgba(255, 255, 255, 0.45) !important;
    border-radius: 5px !important;
    padding: 5px 10px 5px 40px !important; 
    min-height: 40px !important;}
	
.icon_hoten	{  background: url(images/icon_hoten.png) no-repeat 2% 50%; background-size: 25px;}
.icon_sdt {  background: url(images/icon_sdt.png) no-repeat 2% 50%;background-size: 25px;} 
.icon_noidung	{background: url(images/icon_noidung.png) no-repeat 1% 3%;background-size: 25px;}
.icon_email {  background: url(images/icon_email.png) no-repeat 2% 50%;background-size: 25px;} 
.icon_dichvu{background: url(images/icon_dichvu.png) no-repeat 2% 50%;background-size: 25px;}
/*Gọi lại*/
.btndatlichhen { background-color: #D29D00;
     padding: 10px 10px 5px !important;
}
.input_gl > span > input {     padding: 5px 10px 5px 50px !important;   min-height: 45px !important;}
.btngoilai {background-color: #D29D00;    margin-top: 20px; 
    color: #fff;  width: 100%;}
.frm_goilai .wpcf7-validation-errors ,.input_gl span .wpcf7-not-valid-tip{color:red}
/*Header-page*/
 
.colorbreadcrumb, .colorbreadcrumb a,.color-head a{color: rgb(24, 23, 23);}
.color-head a>i{
    color: #D29D00;
}
 
 
/*=========== Modal form =========*/
.modal-tit {color: #fff; text-align:center}
.modal-head {    background: #D29D00;  color: #fff;}
  
/*========================================*/
/*  14. Pages
/*========================================*/

.page-title-area {
    padding: 150px 0px;
    margin-top: 170px;
    background-image: url(images/page-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.page-title-area.no-top-bar {
    margin-top: 110px;
}
.page-title-area.fixed-bg {
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}
.page-title-area.bg-dark {
    background-color: #24273e;
    background-image: none;
}
.page-title-area.bg-color {
    background-color: #D29D00;
    background-image: none;
    padding: 60px 0px;
}
.page-title-area.bg-color .page-title-menu ul li a {
    color: #fff;
}
.page-title-area.bg-color .page-title-menu ul li a:hover {
    text-decoration: underline;
}
.page-title-area.bg-pattern {
    background-image: url(images/pattern.png);
    background-repeat: repeat;
}
.page-title h2 {
    color: #fff; 
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: 2px;
}
.page-title-menu ul li {
    color: #fff;
    display: inline-block;
}
.page-title-menu ul li a {
    color: #D29D00;
    font-weight: 400;
    padding-right: 3px;
    text-transform: uppercase;
}
.page-title-menu ul li:first-child a {
    color: #fff;
}
 

  
 
/*======  Contact  =======*/
.contact-form .input-group .input-group-addon {
border-radius: 0px;
    background-color: #D29D00;
    border: none;
    position: relative;
    color: #fff;
}
.contact-form .input-group .form-control {
    background-color: rgb(255, 255, 255);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border:1px solid #ddd;
    padding: 1px 10px;
    color: #444;
    min-height: 35px;
    width: 100%; 
}
.contact-form .input-group {
    margin-bottom: 20px;     width: 100%;
    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 { 
     border-radius: 2px;
  
}
.contact-form .shopping-button button {
    margin-top: 0px;
}

 /*=======Page Archive=======*/
.list-post a.readmore {
    float: right;
    color: #fff;
    background: #D29D00;
    padding: 4px 8px;
    border-radius: 4px;
    display: block;
}
.list-post{
    float: left;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    padding: 10px 0;
}


.title-archive h3 {font-size: 18px;
    display: block; 
    font-family: Tahoma;
    color: #D29D00; 
    margin: 0px 0px 10px;}
.archivepost-date {    color: #a8a8a8;
    text-transform: capitalize;
    font-size: 15px;
    display: block;
    font-style: italic;
    font-weight: normal; }
.bg_pagechild {
    background: #fff;
    padding: 5px;
}
.author .icofont{font-size: 18px;     color: #777;}
.author span {    color: #D29D00;}	
/*================Page-navigation==========*/
#navigation {margin-bottom:10px; line-height: 46px;  }
#navigation a {padding:7px 12px; margin: 0 3px ; font-weight: bold; background:#F1F1F1; 
color:#333; border:1px solid #D29D00;
}
#navigation a:hover {background:#D29D00; color:#fff; border:1px solid #D29D00;}
#navigation span.current {    padding: 7px 12px;
    margin-right: 2px;
    font-weight: bold;
    background: #D29D00;
    color: #fff;
    border: 1px solid #D29D00;
}

/*=======Page Single=======*/
.box_goilai_dangkytv {padding:20px 0px} 
.btn_goilai, .btn_dangkytv {    background: #D29D00;
    color: #fff;
    display: table;
    padding: 10px 7px;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 auto;} 
.btn_goilai:hover,.btn_goilai:focus,.btn_goilai:active, .btn_dangkytv:hover,.btn_dangkytv:focus,.btn_dangkytv:active {opacity:0.8;color: #fff;} 
 
 
#content {
    padding: 30px 0;
}
.bd-sidebar {
    border: 1px solid #ddd;
    padding: 10px 10px 0px 10px;
}
.title-post {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    padding: 10px 0px;
    color: #D29D00;
}


.content-ghichu {
background: #eef9ff;
    color: #D29D00;
    padding: 10px 20px;
    font-size: 15px;
    border: 1px dashed #D29D00;
    margin: 20px 0px;
}
 
.bd-topsing > div > a {
    color: #D29D00;
}
.bd-topsing > div > h3 {
    color: #888888;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
}

.frmlienhe {
    padding: 15px ;
    line-height: 22px;
    margin: 10px 0px;
    border: 1px dashed #ff9307;
    background: #f9fbf4 none repeat scroll 0px 0px;
}
.frmlienhe >div> p > a {
    color: #ff6600;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
    width: 100%!important;
}

.notice {
    border-radius: 0;
    margin: 20px 0;
    overflow: hidden; width:100%
}

 
 
.img_qc {    margin-bottom: 15px;  display: block;}
.blog-area .section-heading {
    margin-bottom: 60px;
}
.post-content p {    font-family: sans-serif; font-size: 15px;}
.post-content h3 {font-size: 18px;}
.tieude {background: #3399FF;padding: 5px 15px;margin: 15px 0px; color: #ffffff; display: table; border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;}
.post-content ul li {line-height:26px ; 
    font-size: 15px;
    font-family: sans-serif;}	
.post-content .box_h2 { font-size: 15px;}

.post-content ul {    padding-left: 30px;}
.aligncenter {margin:0 auto ; display: block;}
table tbody tr td {padding:10px}
.table > tbody > tr > td {border:1px solid #999999d9}


.single-blog {
    position: relative;
}
.blog-img {
    position: relative;
}
.blog-img img,
.product-img img {
    width: 100%;
}
 
 
.blog-info .blog-title {
    color: #24273e;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 10px;
    text-transform: capitalize;
}
.blog-info .blog-title:hover {
    color: #D29D00;
}
.blog-info .post-info span {
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}
.blog-info .post-info span:last-child {
    margin-right: 10px;
}
.blog-info .post-info span i {
    color: #D29D00;
}
.blog-info p.post-summary {
    color: #353535;
    margin-bottom: 5px;
    text-align: justify;
}
.blog-info a.read-post {
    color: #24273e;
    display: inline-block;
    font-weight: 600;
}
.blog-info a.read-post:hover {
    color: #D29D00;
}

.share_fb {    padding: 3px 0px;}
/*=======contact=====*/
 

.contact-form-area .contact-box {
    position: static;
}
.shortcode-title {
    margin-bottom: 30px;
}
.shortcode-spacer {
    margin-bottom: 60px;
}
.button {
    transition: all 0.5s ease 0s;
}
.button {
    background-color: transparent;
    border: 1px solid #24273e;
    margin-bottom: 10px;
    padding: 5px 24px;
    text-transform: uppercase;
}
.button.dark {
    background-color: #24273e;
    color: #fff;
}
.button:hover {
    background-color: #24273e;
    color: #fff;
}
.button.color-hover:hover {
    background-color: #D29D00;
    border-color: #D29D00;
}
.button.dark:hover {
    background-color: transparent;
    color: #24273e;
}
.button.dark.color-hover:hover {
    background-color: #D29D00;
    color: #fff;
}
.button.large-btn {
    padding: 7px 32px;
}
.button.small-btn {
    padding: 4px 16px;
}
.button.main-color {
    background-color: transparent;
    border-color: #D29D00;
}
.button.main-color:hover {
    color: #fff;
}
.button.bg-main-color,
.button.main-color:hover {
    background-color: #D29D00;
    border-color: #D29D00;
}
.button.bg-main-color:hover,
.button.main-color {
    color: #D29D00;
}
.button.hover-dark:hover {
    background-color: #24273E;
    color: #fff;
    border-color: #24273e;
}
.alert, .progress {
    border-radius: 0px;
}
.modal {
    z-index: 999999;
}
.tab-nav li {
    display: inline-block;
}
.tab-nav li a {
    display: block;
    color: #24273e;
}
.tab-nav li.active a {
    background-color: #24273e;
    color: #fff;
}
.heading-bg .panel-heading {
    background-color: #24273e;
    color: #fff;
}

/*======Menu footer=====*/
 

.footer-top-area { 
    padding: 30px 0;    background-color: #252d44;
}
.footer-top-area.light {
    background-color: #999;
}
 
.single-footer-top p ,.single-footer-top a,.single-footer-top span {color: #d3d8db;}

 
.single-footer-top h4 {
    color: #fff; 
    font-size: 16px;    font-weight: 600;
    margin-top: 0;
} 
 
.menufooter ul li { background: url(images/ico.png) no-repeat 5px;
    padding-left: 25px;
    line-height: 2.5;}
 
/*=========copyright========*/

.footer-area {
    background-color: #666;
    padding: 5px 0;
}
 
.about-social ul li a {
    color: #ed1d50;
    line-height: 60px;
}
 
.footer-copyright p {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center; 
}
.footer-copyright a {
    color: #fff;
    font-weight: 600;
}
.footer-copyright a:hover {
    text-decoration: underline;
}

/*Scrollbar*/
::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #999; border-radius: 10px;}