/*
Theme Name: Flatsome Upweb
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
blockquote {
    border-color: #c31a1d !important;
}
th, td {
    border: 1px solid #000 !important;
}
td {
    color: #222;
}
th:first-child, td:first-child {
    padding-left: 7px !important;
}
.entry-content.single-page {
    text-align: justify;
	    padding-top: 0;
}
div#ez-toc-container ul li {
    font-size: 100%;
    padding: 5px 10px;
    font-weight: 600;
}
div#ez-toc-container p.ez-toc-title {
    color: #333333;
    font-size: 137%;
    padding: 10px;
    font-weight: 600;
}
div#comments {
    display: none;
}
b, strong {
    font-weight: 600;
}
ul.nav.header-nav li.menu-item a.nav-top-link {
    font-size: 20px;
    color: #000;
}
.flex-col.ml-half {
    margin-left: 0;
    border-radius: 0;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    border-radius: 0;
}
input.wpcf7-form-control.wpcf7-submit.button {
    border-radius: 0;
    background: red;
}
h1.page-title.is-large.uppercase span {
    font-size: 28px;
}
h1.page-title.is-large.uppercase {
    font-size: 0;
}
span.post_comments.op-7.block.is-xsmall {
    display: none;
}
@media screen and (min-width: 850px){
	.col0 {
	padding-bottom: 0px !important;
}
}
/* .footer-form .col-inner p:before {
    content: "\f2b6";
    font-family: 'FontAwesome';
    color: #000;
    margin: 0 10px 0 0;
    font-size: 25px;
    font-weight: 500;
} */
.footer-form .col-inner p {
    color: #000 !important;
    font-size: 20px !important;
    text-transform: capitalize;
	    text-align: justify;
    line-height: 25px;
    margin-bottom: 0;
}
.sectionb .box-image {
    padding: 10px;
}
svg:not(:root) {
    color: white;
    overflow: hidden;
    fill: white;
}
a.button.primary span {
    color: #666;
}
.row3 li {
    text-align: center;
	    list-style-type: none;
}
li.html.custom.html_topbar_right ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
a.btn.button--secondary {
    border: 1px solid #fff;
    color: #fff;
    transition: .3s ease;
    align-items: center;
    padding: 13px 35px;
    margin-top: 10px;
    text-transform: lowercase;
    border-radius: 25px;
}
li.html.custom.html_topbar_right li {
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin-left: 10px;
    position: relative;
}
p.t-body.h-my1 {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    color: #000;
    padding-bottom: 20px;
    margin-bottom: 15px;
    position: relative;
}
strong.testimonial-name.test_name {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #0a402b;
    text-transform: capitalize;
    margin: 0;
}
.gal .gallery-col.col {
    padding-bottom: 0;
}
.gal {
    padding-top: 20px;
    background: #fbfbfb;
    border-radius: 80px;
}
.rowc img.attachment-large.size-large {
    border-radius: 20px;
}
.rowc {
    margin-top: -200px !important;
}
.sectionb .box-text.text-left {
    min-height: 88px;
    padding: 10px;
}
.sectionb .box-text.text-center {
    min-height: 88px;
}
.product-small.box.has-hover.box-normal.box-text-bottom {
    background: white;
}
.sectiona img.attachment-medium.size-medium {
    border-radius: 100%;
    padding: 20px;
    border: 1px solid #0fb587;
}
.sectiona .icon-box-img {
    margin: inherit;
}
.rowd .icon-box.testimonial-box.icon-box-center.text-center {
    padding: 48px 24px;
    text-align: center;
    display: grid;
    justify-items: center;
    align-items: center;
    margin: 0 auto;
}
.rowd .col-inner {
    padding: 0px;
    border: 1px solid #0a402b;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.5s ease-in-out;
}
.sectiona .icon-box.featured-box {
    border-radius: 100px;
    background: #fbfbfb;
    padding: 10px;
    transition: .3s ease;
    margin: 13px;
}

.left  li:first-child{
	    border-radius: 100%;
    padding: 20px;
    border: 1px solid #0fb587;

}
.rowa {
    padding: 20px 0;
    text-align: center;
    border-radius: 20px;
    background: #fbfbfb;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.16));
    /* margin: 0; */
    margin-top: -50px !important;
}
/* LIEN LAC */
.gt3_tools_bar {
    position: fixed;
    right: -400px;
    top: 0;
    background-color: #ffffff;
    width: 400px;
    height: 100%;
    z-index: 10001;
    -webkit-transition: right .3s ease;
    -moz-transition: right .3s ease;
    transition: right .3s ease;
}

.gt3_tools_bar .gt3_tools_bar__icon_container {
    /* width: 50px; */
    position: absolute;
    top: calc(65% - 88px);
    left: -45px;
    display: inline-block;
    box-shadow: -8px 8px 30px rgba(0, 0, 0, 0.07);
}
.gt3_tools_bar__icon.gt3_tools_bar__icon_side_bar div.gt3_tools_bar__icon_src {
    background-position: 28px -36px;
}
.gt3_tools_bar__icon:hover {
    left: -130px;
}
.gt3_tools_bar__icon.gt3_tools_bar__icon_side_bar {
    background:  #3b5998;
	
}
.gt3_tools_bar__icon {
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
    background-color: #3b5998;
    color: #ffffff;
    cursor: pointer;
    left: 0;
    white-space: nowrap;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.gt3_tools_bar__icon.gt3_tools_bar__icon_side_bar div.gt3_tools_bar__icon_src {
    background-position: 28px -36px;
}
.gt3_tools_bar__icon div.gt3_tools_bar__icon_src {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 48px;
    vertical-align: middle;
    border-radius: 0 !important;
    transition: opacity .2s ease;
	 color: #ffffff;
}
.gt3_tools_bar__icon_tooltip {
    font-size: 13px;
    width: 130px;
    height: 45px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    transition: all .2s ease;
    padding: 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.24);
    border-radius: 0;
    display: block;
    float: right;
    color: #ffffff;
}
.gt3_tools_bar__icon.gt3_tools_bar__icon_sale {
    background: #f73859;
}
.gt3_tools_bar__icon {
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: relative;
    background-color: #2f323a;
    color: #ffffff;
    cursor: pointer;
    left: 0;
    white-space: nowrap;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.gt3_tools_bar__icon a {
    color: #ffffff;
}
.gt3_tools_bar__icon.gt3_tools_bar__icon_sale div.gt3_tools_bar__icon_src {
    background-position: -37px -4px;
}
.gt3_tools_bar__icon.gt3_tools_bar__icon_support {
    background-color: #4fa8f5d4;
}
.gt3_tools_bar__icon.gt3_tools_bar__icon_docs {
    background: #48ab5fd1;
}
p.ww {
    margin-bottom: 0;
}
/* END */

.hotline-footer{display:none}
@media (max-width: 767px) {
	
.gt3_tools_bar__icon_container {
    display: none !important;
}
.hotline-footer{display:block; position:fixed; bottom:0; width:100%; height:50px; z-index:99; background:rgba(0,0,0,0.6)}
.hotline-footer .left{    
	width: 65%;
    float: left;
    height: 100%;
    color: white;
    line-height: 43px;
    text-align: center;}
.hotline-footer .right{    
	width: 35%;
    float: right;
    height: 100%;
    line-height: 43px;
    text-align: center;}.absolute-footer{font-size:13px}
.blog-single .large-9, .blog-single .large-3{    flex-basis: 100%;
 max-width: 100%;}.blog-single .large-3{padding-left:15px; font-size:15px}
 
.blog-single .large-3 .widget-area .section4{display:none}.tin-tuc-section .cot1-2{display:none}.hotline-footer a{color:white}
.hotline-footer a{display:block;}.hotline-footer .left a{    
	background: #3fb801;
    line-height: 40px;
    margin: 5px;
 border-radius: 3px;}.hotline-footer .right a{
	background: #0082d0;
    line-height: 40px;
    margin: 5px;
 border-radius: 3px;}
.hotline-footer .left img, .hotline-footer .right img{
	width:38px;    
	padding-right: 10px;
	padding-bottom: 3px;
	}
}