/*!

Theme Name: WP Gooweb

Theme URI: https://gooweb.vn

Author: Dev Gooweb

Author URI:

Description: "WP Gooweb" là 1 theme wordpress được phát triển và xây dựng bởi đội ngũ kỹ thuật của Gooweb. Theme được xây dựng dựa trên nền tảng là css boostraps 4 mới nhất. 

Version: 1.0.1

License: GNU General Public License v3 or later

License URI: https://www.gnu.org/licenses/gpl.html

Text Domain: wp-gooweb

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



WP Gooweb is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.

*/





/*--------------------------------------------------------------

# Media Queries

--------------------------------------------------------------*/

@font-face {
  font-family: Roboto;
  src: url(assets/fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto-medium;
  src: url(assets/fonts/roboto/Roboto-Medium.ttf);
}
@font-face {
  font-family: Roboto-bold;
  src: url(assets/fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
  font-family: Roboto-black;
  src: url(assets/fonts/roboto/Roboto-Black.ttf);
}
@font-face {
  font-family: TextUP;
  src: url(assets/fonts/SFUSWISSBTEXTRACOMPRESSED.TTF);
}



@media (min-width: 768px) { .hentry.card .card-body { padding: 2.5rem 4rem; }

  .wb-hide-mobile-sidebar .wp-bp-sidebar-width { display: block; } }

button:hover,
button:focus,
button:visited {
    outline: none;
}

*, html, body {
    font-family: Roboto;
}

h1,h2,h3,h4,h5,h6, strong {
    font-family: Roboto-bold;
}

/*Header*/

.header__main__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.header__main__info p {
    margin: 0;
    margin-right: 5rem;
    font-size: .9rem;
}

.header__main__info p:last-child {
    margin-right: 0;
}

.header__main__info i {
    margin-right: 10px;
    font-size: 1.2rem;
}

.header__main {
    min-height: 80px;
}

.header__main__logo img {
    max-width: 240px;
}
li.menu-action>a:first-child {
    display: none !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.menu-action span {
    margin: 0 15px;
    color: #fff;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.menu-action>a {
    color: #fff;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.menu-action {
    margin-left: 60px;
}

/*Slide*/

section.slide__home {
    background: url(assets/images/home/bg_slide.png);
    background-size: cover;
    padding: 2rem 0;
}

.form__slide {
    background-color: #ffc600;
    padding: 10px 45px;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 15px;
    margin-bottom: 2rem;
}

.form__slide form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.form__slide input {
    width: 75%;
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: inset 3px 3px 3px #3333335c;
            box-shadow: inset 3px 3px 3px #3333335c;
}

button.btn.btn-submit-form {
    background-color: #313131;
    color: #fff;
    width: 15%;
    border-radius: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
div#jssor_1 {
    max-width: 100%;
}
#jssor_1 img {
    height: auto;
}

.main__slide {
    border: 1px solid;
    padding: 6px;
    background: #fff;
    position: relative;
}
button.btn.btn-submit-form:hover {
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
}
/*Main*/
.title__main h3 {
    background: url(assets/images/home/border.png) center bottom no-repeat;
    padding-bottom: 15px;
    background-size: contain;
    font-size: 1.5rem;
}
.title__main {
    margin: 20px 0;
    position: relative;
}
.title__main h3 span {
    font-family: Roboto-bold;
    margin-left: 10px;
}
ul.list__main {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.list__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

li.item__main {
    width: 18%;
    text-align: center;
    position: relative;
    margin-bottom: 2rem;
}

li.item__main>a {
    display: block;
    overflow: hidden;
    border: 1px solid #313131;
    padding: 3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

h4.main__item_title a {
    color: #333;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: Roboto-bold;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a.thumb__main img {
    width: 100%;
    height: 140px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
a.thumb__main:hover {
    border-color: #313131;
}
h4.main__item_title a:hover {
    color: #ffc600;
}
[class*=" imghvr-"] figcaption, [class^=imghvr-] figcaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
[class*=" imghvr-"] figcaption, [class^=imghvr-] figcaption,[class*=" imghvr-"], [class^=imghvr-] {
    background-color: #313131;
    margin-bottom: -5px;
}
a.thumb__main figcaption h4 {
    font-size: 1rem;
}

/*Banner*/
section.banner__home {
    background: url(assets/images/home/img_slogan.png);
    background-size: cover;
    padding: 2rem 0;
    margin: 3rem 0;
    color: #fff;
}

p.title__banner strong {
    font-family: TextUp;
    font-size: 4rem;
    letter-spacing: 3px;
}

p.title__banner {
    margin-bottom: 0;
}

p.title__banner span {
    font-size: 1.6rem;
    color: #fff;
}

.content_banner ul {
    margin: 0;
    padding-left: 15px;
    list-style: square;
}

.content_banner ul li {
    font-size: 14px;
    margin-bottom: 15px;
}

.content_banner span {
    color: yellow;
}


/*FOrm*/
.content_form h3 {
    font-family: TextUp;
    font-size: 2.5rem;
    text-transform: capitalize;
    line-height: 25px;
    margin-bottom: 2rem;
}

.third-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.third-form select {
    width: 100%;
    height: 35px;
    margin-top: 4px;
}

.third-form label {
    width: 48.5%;
    font-size: 15px;
    font-family: Roboto-bold;
    margin-bottom: 25px;
}

.third-form input {
    width: 100%;
    height: 35px;
    margin-top: 4px;
    padding: 0 5px;
}

.form__main .wpcf7-submit {
    background-color: #313131;
    color: yellow;
    border: none;
    padding: 8px 45px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.form__main .wpcf7-submit:hover {
    background-color: #ffc600;
    color: #333;
    cursor: pointer;
}

section.form__home {
    position: relative;
    margin-bottom: 2rem;
}

.img_form a {
    display: block;
    overflow: hidden;
    position: relative;
}

.img_form img {
    width: 100%;
    height: 410px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3333;
  opacity: 1; /* Firefox */
}

::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3333;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3333;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3333;
  opacity: 1; /* Firefox */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3333;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3333;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #3333;
}


/*Footer*/
footer#footer {
    background-color: #313131;
    color: #fff;
    padding-top: 2rem;
}

.main_footer h4 {
    text-transform: capitalize;
    position: relative;
    margin-bottom: 2rem;
}

.main_footer p {
    margin: 20px 0;
    font-size: 13px;
}

.main_footer p a {
    color: yellow;
}

a.btn_hotline {
    background: rgb(222,152,0);
    background: -o-linear-gradient(left, rgba(222,152,0,1) 0%, rgba(255,198,0,1) 32%, rgba(222,152,0,1) 69%, rgba(255,198,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(222,152,0,1)), color-stop(32%, rgba(255,198,0,1)), color-stop(69%, rgba(222,152,0,1)), to(rgba(255,198,0,1)));
    background: linear-gradient(to right, rgba(222,152,0,1) 0%, rgba(255,198,0,1) 32%, rgba(222,152,0,1) 69%, rgba(255,198,0,1) 100%);
    color: #131313;
    padding: 6px 30px;
    font-size: 1.8rem;
    font-family: Roboto-bold;
    display: block;
    max-width: 410px;
    margin: 15px auto;
    border-radius: 30px;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    margin-bottom: 25px;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform-origin: 50% 50% 0px;
        -ms-transform-origin: 50% 50% 0px;
            transform-origin: 50% 50% 0px;
    background-size: 200% auto !important;
}
a.btn_hotline:hover {
    background-position: right center;
}

.copyright {
    text-align: center;
    border-top: 1px solid;
    padding: 8px 0;
}

.main_footer h4:before {
    position: absolute;
    content: "..........................................................................................";
    left: 48%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 30px;
    font-size: 8px;
    color: #a5a5a5;
}
.main_footer h4:after {
    position: absolute;
    content: "..........................................................................................";
    right: 30%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 35px;
    font-size: 8px;
    color: #a5a5a5;
}


/*Archive*/
.bg_archive img {
    width: 100%;
}

.bg_archive {
    position: relative;
}

.bg_archive:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #3333338c;
    left: 0;
    top: 0;
}
.page-service {
    margin: 2rem 0;
}

.list-danhmuc>h4 {
    text-transform: uppercase;
    font-size: 16px;
    background: #313131;
    color: #fff;
    padding: 12px 0;
    font-family: Roboto-bold;
    text-align: center;
    margin: 0;
}

ul.list_dm {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #3333;
}

ul.list_dm>li>a {
    padding: 8px 0;
    display: block;
    padding-left: 20px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px dashed #3333;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

ul.list_dm>li>a>i {
    margin: 0 8px;
}
.list-dichvu {
    position: relative;
    background-color: #b6b6b633;
    padding: 25px 20px;
    border-radius: 8px;
}

.main-dichvu {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
}

.tieude_dv h3 {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 1.2rem;
}

.tieude_dv span {
    text-transform: none;
    margin-left: 5px;
    font-size: 16px;
}

.info_dichvu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.thumb_dv {
    width: 35%;
}

.content_item {
    width: 65%;
    padding-left: 15px;
}

.content_item {
    font-size: 16px;
    position: relative;
}

.content_item p {
    margin-bottom: 6px;
}

.content_item i {
    color: rgba(255,198,0,1);
}

.thumb_dv a {
    display: block;
    border: 1px solid #33333385;
    padding: 3px;
    overflow: hidden;
}

.thumb_dv a:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    opacity: .6;
}

.thumb_dv img {
    width: 100%;
    height: 165px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.item_dichvu h4 {
    margin-bottom: 12px;
    font-size: 20px;
    position: relative;
    padding-left: 45px;
}

.item_dichvu {
    padding: 0 10px;
    border-bottom: 1px solid #9d9d9d33;
    padding-bottom: 10px;
    margin-bottom: 1.5rem;
    position: relative;
}
span.stt {
    position: absolute;
    left: 0;
    top: -5px;
    width: 35px;
    height: 30px;
    background-color: #ffc600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 15px;
    font-family: Roboto-bold;
}
.main-dichvu>div:last-child {
    border-bottom: none;
}
.btn-detail {
    position: absolute;
    right: 0;
    bottom: 0px;
    color: #fff;
    padding: 5px 25px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-detail:hover {
    background-color: #313131;
    color: #fff;
    border-color: #313131;
}
ul.list_dm>li>a:hover {
    background-color: #ffc600;
    color: #fff;
    padding-left: 25px;
}
.item_dichvu .img_qc {
    width: 100%;
}
span.stt_qc {
    position: absolute;
    left: 10px;
    top: 0;
    width: 35px;
    height: 30px;
    background-color: #ffc600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 15px;
    font-family: Roboto-bold;
}


/*Single*/
section.banner-single {
    position: relative;
    background: #000;
    color: #fff;
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 2rem 0;
}

.left_banner p {
    margin-bottom: 5px;
}

.left_banner h3 {
    font-family: TextUp;
    color: #ffc600;
}

.list-banner ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.list-banner ul li {
    font-size: 13px;
    margin-bottom: 5px;
}

.list-banner ul li i {
    margin-right: 7px;
}

.right_banner a {
    background: rgb(222,152,0);
    background: -o-linear-gradient(left, rgba(222,152,0,1) 0%, rgba(255,198,0,1) 32%, rgba(222,152,0,1) 69%, rgba(255,198,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(222,152,0,1)), color-stop(32%, rgba(255,198,0,1)), color-stop(69%, rgba(222,152,0,1)), to(rgba(255,198,0,1)));
    background: linear-gradient(to right, rgba(222,152,0,1) 0%, rgba(255,198,0,1) 32%, rgba(222,152,0,1) 69%, rgba(255,198,0,1) 100%);
    padding: 8px 35px;
    font-size: 22px;
    font-family: Textup;
    color: #000;
    text-transform: uppercase;
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.content-dichvu {
    position: relative;
    background: #b6b6b633;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 3rem;
}

.main-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
}

.main-content>h1 {
    font-size: 24px;
    margin-bottom: 1rem;
    color: #068fdf;
}

h3.title_des {
    color: #068fdf;
    text-transform: uppercase;
    font-size: 24px;
    margin: 1rem 0;
    margin-top: 2rem;
}

.danhmuc-new {
    border: 1px solid #3333;
    border-radius: 10px;
    padding: 12px;
}

h4.title-dm {
    font-size: 19px;
    border-bottom: 3.5px solid #ffc600;
    padding-bottom: 5px;
}

ul.list-danhmuc {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.list-danhmuc li {
    margin: 12px 0;
    font-size: 15px;
}

ul.list-danhmuc>li>a {
    display: -webkit-box;
    color: #068fdf;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2;
}

ul.list-danhmuc>li>a:hover {
    color: #ffc600;
}

ul.list-danhmuc>li>a>i {
    margin-right: 5px;
}

.main-des {
    font-size: 15px;
}
.contact-single {
    text-align: center;
    margin-bottom: 3rem;
}

.contact-single p {
    color: #0669ce;
}

.contact-single a {
    background-color: #ffc600;
    color: #000;
    padding: .6rem 1.5rem;
    border-radius: 6px;
    font-family: Roboto-bold;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.back-to-list {
    text-align: right;
}
.contact-single a:hover {
    background-color: #313131;
    color: #fff;
    -webkit-box-shadow: 1px 2px 6px #33333385;
            box-shadow: 1px 2px 6px #33333385;
}

p.time-post span {
    font-size: 16px;
    font-style: italic;
}

p.time-post {
    margin-bottom: 5px;
    color: #ffc600;
    line-height: 20px;
    width: 50%;
    float: left;
}
.card-body .post-views.entry-meta {
    width: 50%;
    float: left;
    font-size: 13px;
    text-align: right;
    top: 4px;
    position: relative;
}
p.time-post span:before {
    font-family: fontawesome;
    content: '\f274';
    margin-right: 5px;
    font-style: normal;
}
.list-article-content .card-body {
    padding: .8rem;
}
.list-article-content .card-body a.btn:hover {
    background-color: #ffc600;
    color: #333;
}
.list-article-content .card-body a.btn {
    background-color: #313131;
    border: none;
    font-size: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.list-article-content .card:hover h3>a {
    color: #ffc600;
}
.list-article-content .card:hover .image-blog img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
a.image-blog {
    display: block;
    overflow: hidden;
}
.title__related h3 {
    padding-bottom: 6px;
    border-bottom: 1px solid #3333;
    margin-bottom: 1rem;
}
.title__related h3 span {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-family: Roboto-bold;
    border-bottom: 3px solid #ffc600;
    padding-bottom: 5px;
}
ul.related__list li a:hover {
    color: #ffc600;
}
ul.related__list li {
    font-size: 15px;
    margin-bottom: 6px;
}

.item-search.item_dichvu h4 {
    padding-left: 0px;
}

.page-video {
    position: relative;
    background-color: #e7e7e7;
    padding: 1rem 1.2rem;
    border-radius: 6px;
    margin: 2rem 0;
}
.main-video {
    position: relative;
    padding: 1rem;
    background-color: #fff;
    border-radius: 6px;
    padding-bottom: 0;
}

.item-video {
    margin-bottom: 1.2rem;
}

.item-video iframe {
    width: 100%;
    height: 230px;
}
.tieude_video h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    text-align: center;
}

.fanpage-contact iframe {
    border: 1.5px solid #ffc600 !important;
    margin-top: 10px;
    margin-bottom: 20px;
}

.social-footer a {
    margin: 0 10px;
    color: #fff;
    border: 1px solid;
    width: 35px;
    height: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 1px 2px 6px #fff3;
            box-shadow: 1px 2px 6px #fff3;
}

a.fcebook {
    background-color: #0060c6;
    border-color: #0060c6;
}

a.youtube {
    background-color: #d30000;
    border-color: #a10000;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    margin: 0;
    border-color: #313131;
    text-align: center;
}
.rating-item .wpdiscuz-post-rating-wrap.wpd-custom-field .wpd-rating-value {
    display: none;
}

.rating-item .wpd-rating-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
}

.rating-item .wpd-rating-stars svg {
    width: 26px;
    fill: rgba(255,198,0,1);
}

.rating-item .wpd-rating-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.rating-item .wpd-rating-title {
    display: none;
}
.rating-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -10px;
}
.wpd-rating {
    margin-bottom: 10px;
    margin-top: 0;
}
.grecaptcha-badge {
    display: none !important;
}
.wpd-sbs-toggle {
    display: none;
}
.search-blog {
    position: absolute;
    left: 0;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search-blog form {
    width: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.search-blog input.s {
    width: 100%;
    height: 50px;
    background-color: #ffffff73;
    border: 1px solid #ffc600;
    color: #fff;
    border-radius: 0;
}

.search-blog input.s::-webkit-input-placeholder {
    color: #fff;
}

.search-blog input.s::-moz-placeholder {
    color: #fff;
}

.search-blog input.s:-ms-input-placeholder {
    color: #fff;
}

.search-blog input.s::-ms-input-placeholder {
    color: #fff;
}

.search-blog input.s::placeholder {
    color: #fff;
}

.search-blog button {
    background-color: #ffc600 !important;
    border-radius: 0 !important;
    height: 50px;
    width: 140px !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: none;
}
h1.title_search_post {
    font-size: 1.2rem;
    border-bottom: 1px solid #3333;
    padding-bottom: 8px;
}

h1.title_search_post span {
    text-transform: uppercase;
}
h1.title_search_post {
    margin-top: 2rem;
}
.search-blog button:hover {
    background-color: #313131 !important;
    color: #fff !important;
}
h4.content-none {
    min-height: 210px;
    padding-top: 30px;
}
.main-des .wpd-rating {
    margin: 0;
}

.comment-single {
    margin-top: -30px;
}
#wpdcom .wpd-form-head {
    margin: 0px;
}
#wpdcom.wpd-layout-3 .wpd-thread-list {
    padding-bottom: 0;
    margin-bottom: -30px;
}
#toc_container p.toc_title {
    font-size: 1.4rem;
    font-weight: 400;
}
.wp-video {
    margin: auto;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1025px) {

    li#mega-menu-item-332 ul {
        -webkit-column-count: 5;
           -moz-column-count: 5;
                column-count: 5;
        -webkit-box-shadow: 1px 2px 6px #3333337a !important;
                box-shadow: 1px 2px 6px #3333337a !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
        font-family: fontawesome;
        content: '\f105';
        margin-right: 10px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
        padding-left: 20px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

    p.title__banner strong {
        font-size: 2rem;
    }
    li.item__main {
        width: 23.5%;
    }
    .img_form {
        margin-bottom: 2rem;
    }
    .img_form img {
        height: auto;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.menu-action {
        margin-left: 10px;
    }
    a.thumb__main figcaption h4 {
        font-size: 1rem;
    }
    h4.main__item_title a {
        font-size: .8rem;
    }
    .list-dichvu {padding: 15px;}

    .main-dichvu {
        padding: 20px 0px;
    }
    .danhmuc-new {
        margin: 20px 0;
    }
    .right_banner a {
        font-size: 15px;
        padding: 10px 20px;
    }

    .list-banner ul li {
        font-size: 11px;
    }

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 767px) {

    p.title__banner strong {
        font-size: 2.5rem;
    }
    li.item__main {
        width: 49%;
        margin-bottom: 1rem;
    }   
    section.banner__home {
       margin: 2rem 0;
    }
   .img_form img {
    height: auto;
    }
    .img_form {
        margin-bottom: 2rem;
    }
    .content_form h3 {
        font-size: 1.8rem;
    }
    .third-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 1;
        margin-bottom: 10px;
    }

    .third-form label {
        width: 100%;
        margin-bottom: 10px;
    }

    .third-form input {
        margin-top: 6px;
        border: 1px solid;
    }
    .main_footer h4:after {
        right: 0;
    }

    .main_footer h4:before {
        left: 53%;
    }

    a.btn_hotline {
        font-size: 1.5rem;
        max-width: 360px;
    }
    button.btn.btn-submit-form {
        width: 23%;
        font-size: 15px;
    }
    .form__slide {
        padding: 10px 5px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.menu-action {
        margin-left: 10px;
    }
    .jssora093 img {
        -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
                transform: scale(.5);
    }
    .main-dichvu {
        padding: 15px 0;
    }

    .info_dichvu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .thumb_dv {
        width: 100%;
    }

    .content_item {
        width: 100%;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .item_dichvu h4 {
        font-size: 16px;
    }

    .list-dichvu {
        padding: 15px 0px;
        background-color: transparent;
    }

    .item_dichvu {
        padding: 0;
    }
    h4.main__item_title a {
        font-size: .8rem;
    }
    section.banner-single {
        min-height: 270px;
    }

    section.banner-single .col-md-5 {
        margin: 15px 0;
    }

    .content-dichvu {
        padding: 0;
    }

    .main-content {
        padding: 0;
    }
    .danhmuc-new {
        margin: 20px 0;
    }
    .left-form,.right-form {
        width: 100%;
    }

    .left-form span.email, .right-form span.sdt {
        width: 100%;
    }
    .wpd-custom-field.wpd-cf-rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .wpd-custom-field.wpd-cf-rating .wpd-cf-label {
        width: 20%;
    }

    .page-video {
        padding: 0;
        background-color: transparent;
    }

    .main-video {
        padding: 0;
        margin-top: 0rem;
    } 
    .thumb_dv img {
        height: 250px;
    }
    .tieude_dv span {
        font-size: 12px;
    }
    .search-blog form {
        width: 380px;
    }

    .search-blog input.s,.search-blog button{
        height: 40px;
    }
    .contact-single {
        margin-top: -30px;
    }
    .back-to-list {
        margin-bottom: -30px;
    }
    .btn-detail {
        bottom: -8px;
    }

}       

p.time-post strong:before {
    font-family: fontawesome;
    content: '\f06e';
    margin-right: 6px;
}
p.time-post strong {
    font-family: Roboto;
    font-weight: 100;
    font-size: 14px;
    color: #000;
    float: right;
    position: relative;
}
.fb-like.fb_iframe_widget, .fb-like.fb_iframe_widget * {
    width: 128px !important;
    height: 17px;
}
.page-ads {
    padding-top: 3rem;
}
.blogs-item-thumb a {
    display: block;
    overflow: hidden;
}

.blogs-item-thumb a img {
    height: 220px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.blogs-item-content {
    padding: 1rem;
    min-height: 13rem;
}

.blogs-item {
    border: 1px solid #3333;
}

.blogs-item-content h3 a {
}

.blogs-item-content h4 a {
    font-size: 18px;
    color: #333;
    font-family: 'Roboto-bold';
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.blogs-item-content h4 {
    line-height: 23px;
    margin-bottom: .8rem;
}

.blogs-item-content p {
    font-size: 16px;
    margin-bottom: 20px;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

a.blogs-more {
    background-color: #333;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.blogs-item:hover img {
    -webkit-filter: contrast(0.5);
            filter: contrast(0.5);
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.blogs-item:hover h4 a {
    color: #ffc600;
}

a.blogs-more:hover {
    background-color: #ffc600;
}

.blogs .owl-nav button {
    position: absolute;
    top: 46%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #333333a8 !important;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.blogs .owl-nav button.owl-prev {
    left: -20px;
}

.blogs .owl-nav button.owl-next {
    right: -20px;
}

.blogs .owl-nav button i {
    font-size: 1.6rem;
}

div#owl-news:hover .owl-nav button {
    opacity: 1;
}

.blogs .owl-nav button:hover {
    border-color: #ffc600 !important;
    background-color: #ffc600;
}
section.blogs {
    margin-bottom: 2rem;
}

.blogs .owl-dots button {
    width: 12px;
    height: 4px;
    background: black !important;
    margin: 0 3px;
}

.blogs .owl-dots button.active {
    background: #ffc600 !important;
}

.blogs .owl-dots {
    text-align: center;
    margin-top: 8px;
}

.blogs .block-blogs {
    margin-bottom: 3rem;
}