/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com/
Author:               UX-Themes
Author URI:           http://www.uxthemes.com/
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.15.2
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.4.0
Text Domain:          flatsome
License:              http://themeforest.net/licenses
License URI:          http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

.absolute-footer.dark {
    color: rgb(255 255 255);
}
.entry-content {
    text-align: justify;
    padding-top: 0px;
    font-size: 16px;
}.entry-header-text{
	padding:0;
}
/*chia form*/
/*-- chia cột Form --*/
#info-left {
    width: 49%;
    float: left;
    margin-right:2%;
}
#info-right {
    width: 49%;
    float: right;
}
.form-contact-twocol:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.form-contact-twocol {
    display:block;
}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }
#icon-form{
  position: absolute;
  color: #666666;
  z-index: 100;
  font-size: 18px;
  top: 8px;
  right: 10px;
}
/*width:100% button*/
 input[type='submit']:not(.is-form){
	width:100%;
}
.dark a.lead, .dark label, .dark .heading-font, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .hover-dark:hover p, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover a{
	text-transform: capitalize;
}
.dark .is-divider {
    background-color: rgb(255 255 255);
}
/*tab*/
.du-an-section .tabbed-content .nav {
    margin-bottom: 10px;
    border-bottom: 2px solid #74c149;
}
.du-an-section ul li.tab {
    background: #002855 !important;
}
.du-an-section ul li.tab a:hover, .du-an-section ul li.tab.active a {
    background: #74c149;
}

.du-an-section ul li.tab a {
    display: block;
    padding: 6px 35px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}
/*ttsp*/
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
td {
    color: #020202;
}
.table td{
	border-top: none;
}
.footer-2{
    background: url(http://cokhikimdungngan.com.vn/wp-content/uploads/2022/02/bg-footer.jpg);
    background-size: cover;
}
.box-text.text-center {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 75px;
}
.title-block {
    line-height: 25px;
    padding: 10px 0 10px 15px;
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    background: #136c3b;
    border-left: 5px solid #FFA726;
   
}
.list-support {
    overflow: hidden;
    background: #FFF;
    margin: 0 10px 0 10px;
}
.support {
    overflow: hidden;
    padding: 10px 0px 10px 65px;
    min-height: 60px;
    margin: 0px 0px 0 0px;
    border-bottom: 1px solid #E6E4E1;
    background: url(http://www.cokhimha.com/publics/images/icon-phone.png) left center no-repeat;
}
.support p{ overflow:hidden; margin:0px 0 0 0px;   line-height:25px;  border:0px solid; text-align:left }
.support .name{ text-transform:uppercase; background:url(http://www.cokhimha.com/publics/images/icon-zalo.png) left center no-repeat; padding-left:35px }
.support .cell{ color:#d20000; font-size:18px; padding-left:5px }
.support p span{ color:#ca2424;}
.section-title-bold-center span, .section-title-bold span {
    border: 2px solid rgba(0,0,0,.1);
    padding: 0.3em 0.8em;
    background: #136c3b;
    border-radius: 10px;
	color: #fff!important;
}
.section-title b {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: 1;
    background-color: #136c3b;
}
@media only screen and (max-width: 600px) {
	.box-text.text-center{
		min-height:100px;
		
	}
}

/*camket*/
/* commitent */
.commitment { background: #f2f2f2; }
    .commitment .cont .cmit { display: grid; grid-template-columns: 30% 40% 30%; padding: 100px 0; }
.cmit .tit-h3 h3 { font-size: 20px; text-transform: uppercase; border-bottom: 3px solid orange; padding-bottom: 10px; font-family: "Roboto Condensed"; }
.cmit .item .tit-h3 p { margin-bottom: 0; padding-top: 5px; font-size: 16px; text-align: justify; line-height: 24px; max-height: 58px; font-family: "Roboto Condensed"; }
.cmit .item:nth-child(2) { transform: translate(65px, -33px); display: initial; }
.cmit .item:nth-child(3) { display: initial; transform: translate(-58px, -33px); }
.cmit .item:nth-child(6) { display: initial; transform: translate(66px, 80px); }
.cmit .item:nth-child(7) { display: initial; transform: translate(-66px, 80px); }
.cmit .item:nth-child(1) { grid-column: 2/3; grid-row: 1/4; align-self: center; justify-self: center; }
.cmit .item ._img { text-align: center; display: flex; justify-content: center; align-items: center; height: 100%; position: relative; }
    .cmit .item ._img img:hover { transform: initial; }
    .cmit .item ._img img { width: 100%; min-height: 100%; object-fit: cover; }
    .cmit .item ._img .txt { position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-50%, -50%); font-family: "Roboto Condensed"; }
        .cmit .item ._img .txt p { text-transform: uppercase; font-size: 33px; font-weight: 700; margin-bottom: 0; line-height: 34px; }
            .cmit .item ._img .txt p:last-child { color: #043881; }
.cmit .item { display: flex; justify-content: center; align-items: center; }
    .cmit .item:nth-child(3) .tit-h3 h3 { border-bottom: 3px solid #6fbe44; }
    .cmit .item:nth-child(4) .tit-h3 h3 { border-bottom: 3px solid #3e56b9; }
    .cmit .item:nth-child(5) .tit-h3 h3 { border-bottom: 3px solid #de3f50; }
    .cmit .item:nth-child(6) .tit-h3 h3 { border-bottom: 3px solid #6a3eaf; }
    .cmit .item:nth-child(7) .tit-h3 h3 { border-bottom: 3px solid #a64eb1; }
/* het commit */
.different .cont { padding: 55px 0 0 0; }
.different .bg { background: url('https://toky.vn/Content/html/images/bg-khacbiet.jpg') no-repeat; background-size: 100% 100%; background-position-y: 275px; width: 100%; }
.iframe iframe { width: 100%; height: 425px; border: 12px solid #eeeeee; }
.iframe { width: 720px; padding-bottom: 75px; margin: auto; }
/*mobile*/
@media(max-width:1200px) {
	.cmit-center .item ._img img { width: 90%; object-fit: cover; }
	 .cmit .tit-h3 h3 { font-size: 17px; }
}
@media(max-width: 991px) {
	 .cmit .tit-h3 h3 { font-size: 15px; }
	 .commitment .cont .cmit { grid-template-columns: 50% 50%; margin: 0 -10px; }
}
@media(max-width: 767px) {
	.commitment .cont .cmit { display: block; padding: 15px 0; margin: 0; }
    .cmit .item { transform: initial !important; padding: 10px 0 !important; }
    .cmit .tit-h3 h3 { font-size: 15px; }
    .cmit .item .tit-h3 p { font-size: 13px; }
    .cmit-center { display: none; }
}
@media(max-width: 767px) {
	.cmit .item { transform: initial !important; padding: 10px 0 !important; }
    .cmit .tit-h3 h3 { font-size: 15px; }
    .cmit .item .tit-h3 p { font-size: 13px; }
    .cmit-center { display: none; }
    .cmit .item:nth-child(1) { display: block; padding-top: 0; }
    .cmit .item ._img img { display: none; }
    .cmit .item ._img .txt { position: relative; transform: initial; top: 0; left: 0; }
    .cmit .item:nth-child(1) ._img .txt p { display: inline-block; font-size: 24px; }
}