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

/*************** ADD CUSTOM CSS HERE.   ***************/
html, body {font-family: "Roboto", sans-serif;font-size: 14pt;line-height: 1.42857143;color: #333;background-color: #fff;-webkit-font-smoothing: antialiased;}
#ftwp-container.ftwp-wrap #ftwp-list, #ftwp-container.ftwp-wrap #ftwp-header-title {font-family: "Roboto", sans-serif !important;line-height: 1.5;}
#ftwp-container #ftwp-list.ftwp-liststyle-decimal .ftwp-anchor::before {line-height: 1.7;width: 16px;}
#ftwp-container #ftwp-list .ftwp-item:not(:last-child) {border-bottom: 1px dashed #00000085;}
#main {
    /*background-image: url(https://suadodien.com/wp-content/uploads/2021/12/Trung-Tam-Sua-Chua-Bao-Hanh-Dien-Tu-Dien-Lanh-Ngoc-Thach-Ha-Noi.jpg);*/
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
p {margin-bottom: 10px;}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    background: #fff;;
    font-style: normal;
}
#breadcrumbs {
    background: #d3d3d3;
    padding: 8px 0;
}
#breadcrumbs p {margin:0;}
.breadcrumbs, #breadcrumbs span {
    font-size: 13px;
    text-transform: initial !important;
    font-weight: normal;
    color: #333;
    opacity: 1;
}
#breadcrumbs a {
    text-transform: initial;
    font-size: 13px;
    color: #333;
}
.section-title-center b {background: transparent;}
.page-title span {color: rgb(9, 106, 191);text-transform: uppercase;font-size: 26px;}
.section-title-center span:after, .page-title span:after {
    content: "";
    display: table;
    clear: both;
    background: url(assets/images/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}
a {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}

/*************** HEADER ***************/
#masthead {background: white !important;}
.html_topbar_right a {
    background: #db1f23;
    padding: 0 20px 0 50px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    height: 40px;
    border-radius: 40px;
    position: relative;
}
.html_topbar_right a i {
    font-size: 20px !important;
    position: absolute;
    left: 0;
    height: 40px;
    top: 0;
    width: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    background: #e13037;
    color: #fff;
    border: 1px solid #fff;
}
#wide-nav {padding: 0 15px;}
#wide-nav .header-nav > li {margin: 0;}
#wide-nav .header-nav > li > a {
    padding: 0 15px;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
    font-size: 14px;
    margin: 0 1px;
}
#wide-nav .header-nav > li.active > a, #wide-nav .header-nav > li:hover > a, #wide-nav .header-nav > li.current-menu > a {color: #096abf !important;}
#wide-nav .header-nav > li.current-dropdown > a {background:white !important;}
.nav-dropdown-has-border .nav-dropdown {
    padding: 0;
    border: none;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 1px dashed #ececec;
    font-size: 14px;
    font-weight: 500;
}

/*************** HOME ***************/
.section-news .col-inner {box-shadow: unset;background: white;}
.section-news .col-inner .box-text {background: #f1f1f1;}
.section-news .list-article .box-text {background: transparent;}
.section-news .list-article .post-title {font-size: 16px;}
.section-news .list-article .from_the_blog_excerpt {font-size: 14px;}
.section-product .slide-item {
    padding: 0 10px !important;
}
.section-product .box {
    padding: 0 !important;
    background: transparent;
    box-shadow: 2px 2px 20px #00000012;
    border-radius:6px;
    overflow:hidden;
}
.section-product .box-image {
    background: white;
}
.section-product .box-image img {
    padding: 20px;
}
.section-product .box-text {padding: 15px 15px 0;}
.section-product .box-text a {
    font-size: 16px;
    color: #096abf;
    text-align: center;
    display: block;
    margin: 0 0 10px;
}
.section-product .box:hover a {color: #12ba19}
.section-service .box-image {padding: 5px;border-radius: 5px;}
.section-product .box-image {border-radius: 5px 5px 0 0;}
.section-service .col-inner {height: 100%;}
.section-service .col-inner .box {box-shadow: 2px 2px 20px #00000012;border-radius:6px;overflow:hidden; background: white;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;height: 100%;}
.section-service .col-inner .box:hover {box-shadow: 2px 2px 20px #00000054;}
.section-service .box-text, .section-product .box-text {padding: 10px;}
.section-product .box-text {background:white;}
.section-service .box-text-inner a {font-size: 22px;color: #333;}
.section-service .box:hover a {color:#096abf;}
.section-service .box-service .box-image {padding-bottom: 15px;overflow: initial;}
.section-service .box-service .box-image:after, .section-service .box-service .box-image:before {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 15px 10px rgb(0 0 0 / 60%);
    box-shadow: 0 15px 10px rgb(0 0 0 / 60%);
    left: 5px;
    right: 50%;
    bottom: 25px;
    height: 30%;
    z-index: -1;
    border-radius: inherit;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    transform: skewY(-6deg);
}
.section-service .box-service .box-image:after {
    left: 50%;
    right: 5px;
    -webkit-transform: skewY(6deg);
    -ms-transform: skewY(6deg);
    transform: skewY(6deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

/*************** BLOG POST ***************/
.single .entry-header-text-top {padding-bottom: 0;}
.single .entry-title {margin-bottom: 0;}
.taxonomy-description {position: relative;background: white;padding: 20px;border: 1px solid #ebebeb;margin-top: 20px;}
.taxonomy-description > .content {max-height: 600px;overflow: hidden;position: relative;}
.gradient {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.taxonomy-description > .content.show {max-height:unset;}
.readmore {
    cursor: pointer;
    display: block;
    width: 229px;
    height: 39px;
    margin: 10px auto 0px;
    color: rgb(24, 158, 255);
    font-size: 13px;
    font-weight: 400;
    line-height: 39px;
    text-align: center;
    border: 1px solid rgb(24, 158, 255);
    border-radius: 4px;
} 
.readmore:hover {background: #096abf;color: white;border: 1px solid #096abf;}

.list-article .post-item:not(:last-child) {padding-bottom: 15px;}
.list-article .post-item:not(:last-child) .col-inner {height: 100%;margin-bottom: 15px;border-bottom: 1px solid #ebebeb;}
.post-item a:hover .from_the_blog_excerpt {color:#333;}
.post-item a:hover .post-title {color: #12ba19;}
.single p, .single span, .single h1, .single h2, .single h3, .single h4, .single ul, .single li,
.page p, .page span, .page h1, .page h2, .page h3, .page h4, .page ul, .page li {
    font-family: "Roboto", sans-serif !important;
}
.archive .post-item .col-inner {height: 100%;}
#ftwp-container.ftwp-wrap .ftwp-icon, #ftwp-container.ftwp-wrap .ftwp-icon-bullet, #ftwp-container.ftwp-wrap .ftwp-icon-circle, #ftwp-container.ftwp-wrap .ftwp-icon-circle-o, #ftwp-container.ftwp-wrap .ftwp-icon-collapse, #ftwp-container.ftwp-wrap .ftwp-icon-ellipsis, #ftwp-container.ftwp-wrap .ftwp-icon-expand, #ftwp-container.ftwp-wrap .ftwp-icon-menu, #ftwp-container.ftwp-wrap .ftwp-icon-minimize, #ftwp-container.ftwp-wrap .ftwp-icon-number, #ftwp-container.ftwp-wrap .ftwp-icon-square, #ftwp-container.ftwp-wrap .ftwp-icon-square-o, #ftwp-container.ftwp-wrap .ftwp-icon-vellipsis {
    font-family: "ftwp-icon" !important;
}
.nav-pagination>li {margin: 0 3px !important;}
.nav-pagination>li>span, .nav-pagination>li>a {
    border: 1px solid #096abf;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 600;
    width: 38px;
    height: 38px;
    line-height: 38px;
}
.widget-related-post .widget-title {
    text-transform: initial;
    color: #333;
    padding: 10px 0;
    font-size: 20px;
    margin-bottom: 15px;
    border-radius: 7px;
    border-bottom: 2px solid #dbdbdb;
    position: relative;
}
.widget-related-post .widget-title:after {
    content:'';
    height:2px;
    width:70px;
    position: absolute;;
    background: #096abf;
    display: block;
    bottom:-2px;
}
.widget-related-post .post-item:not(:last-child) {
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}
.widget-related-post .post-item .box-text {
    padding: 0 0 0 10px;
    vertical-align: top;
}
.widget-related-post .post-item .box-image {
    width: 40%;
}
.widget-related-post .post-item .post-title a {
    text-transform: initial;
    font-size: 14px;
    color: #333;
}
.widget-related-post .post-item .post-date {
    font-size: 12px;
}

/*************** FOOTER ***************/
#footer .footer-up .section-bg {
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
}
#footer .footer-up .ux-menu-link__link {
    font-size: 16px;
    min-height: unset;
}
#footer .section-title-container {margin-bottom: 10px;}
#footer .ux-menu-link__link {font-size: 15px;min-height: unset;}
.addThis_listSharing {
    position: fixed;
    bottom: 65px;
    z-index: 999;
    right: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.addThis_listSharing {
    position: fixed;
    bottom: 65px;
    z-index: 999;
    right: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.addThis_listing .addThis_item {
    margin-top: 5px;
    margin-right: 13px;
    margin-bottom: 0;
}
.addThis_listing {
    list-style: none;
    margin: 0;
}
.addThis_listing .addThis_item .addThis_item--icon {
    position: relative;
    display: block;
    text-align: center;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
    position: absolute;
    top: 4px;
    right: 55px;
    z-index: 9;
    height: 32px;
    line-height: 26px;
    padding: 3px 10px;
    width: auto;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 1);
    visibility: hidden;
    opacity: 0;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after {
    content: '';
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(0, 0, 0, 1);
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.addThis_listing .addThis_item .addThis_item--icon:hover {
    text-decoration: none;
    opacity: 0.9;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}
.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.absolute-footer {
    padding: 10px 0 5px;
    font-size: 14px;
    color: white !important;
    background: #024395;
    border-top: 1px solid #ffffff14;
}
.footer-primary {
    padding: 7.5px 0;
}
.back-to-top.active {
    background: #75ba40;
    border: none;
    color: white;
    line-height: 47px;
    height: 45px;
    bottom: 10px;
    right: 10px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .section-title-container {margin-bottom: 15px;}
    .row .col {padding-bottom: 15px;}
    .section {padding: 20px 0 !important;}
    .footer-bottom .section-bg {background: #024395 !important;}
    .addThis_listing .addThis_item:last-child {display: none;}
    .section-service .box-text-inner a {font-size: 18px;}
    .widget-related-post .post-item .box-image {margin-bottom: 10px;}
}