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

    Theme Name: netweb.vn
    Theme URI: netweb.vn

/**************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    list-style: none;
}

th {
    background: #ffffff;
    color: #000;
}

td, th {
    padding: 5px;
    border: 1px solid #d8d5d5;
    line-height: 29px;
}

h3 {
    font-size: 20px;
    font-family: open sans-serif;
	line-height: 36px;
    padding-top: 7px;
}

h3 span {
    font-size: 20px;
    font-family: open sans-serif;
	line-height: 36px;
    padding-top: 7px;
}

h3 strong {
    font-size: 18px;
    font-family: open sans-serif;
	line-height: 36px;
    padding-top: 7px;
}

h4 {
    font-size: 16px;
    font-family: open sans-serif;
	line-height: 36px;
    padding-top: 7px;
}

h4 span {
    font-size: 16px;
    font-family: open sans-serif;
	line-height: 36px;
    padding-top: 7px;
}

h4 strong {
    font-size: 16px;
    font-family: open sans-serif;
	line-height: 36px;
    padding-top: 7px;
}



.contentbv li {
    list-style: disc;
    margin-left: 20px;
    line-height: 31px;
}

.pageok img {
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.card-body ul li {
    list-style: disc;
    margin-left: 11px;
    line-height: 26px;
    font-size: 16px;
}

.dichvuthietke {
    padding: 41px 0px;
    background: #fff;
}

h3.post-title-gory {
    font-size: 29px;
    padding-top: 14px;
    text-align: center;
    font-weight: bold;
}

.hoidap h2 {
    font-size: 26px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-bottom: 14px;
}


.hinhok img {
    width: 100%;
    height: 259px;
    border: 1px solid #e3e3e3;
    margin-bottom: 12px;
}

.tieudehinh {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.hinhok img:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

.hinhdichvu.hinhok1 img:hover {
    transform: scale(1.05);
    transition: 0.5s;
}


textarea#input_1_3 {
    width: 100%;
    padding: 6px;
    margin-top: 5px;
}

input#input_1_2 {
    margin-top: 5px;
    padding: 5px;
}

input#input_1_1 {
    margin-top: 5px;
    padding: 5px;
}

input#gform_submit_button_1 {
    margin-top: -10px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.imglist img {
    width: 300px;
    height: 200px;
}

h1.title-bv {
    font-size: 28px;
    padding-bottom: 12px;
}
h3 {
    font-size: 19px;
    font-family: open sans-serif;
}
.contentbv h2 {
    font-size: 22px;
    color: #ff0000;
    display: inherit;
    font-weight: 500;
    margin-bottom: 1rem;
    padding: 0px 10px;
    border-left: 5px solid #ff0000;
    line-height: 1.5;
}



.gt-topok {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.gt-topok span {
    margin-top: -18px;
    font-size: 56px;
    color: #ff0000;
    display: block;
}

.gt-topok span:hover {
    color: #7e1e17;
}

ul.titleft li {
    line-height: 24px;
    font-size: 15px;
}

.ft-line {
    line-height: 24px;
    font-size: 15px;
    width: 100%;
    display: block;
}

.ft-line i {
    margin-top: 3px;
    font-size: 16px;
    color: #e33a40;
}

.ft-line fa {}

h4.title-wiget {
    font-size: 20px;
    border-bottom: 1px solid #0003334d;
    padding-bottom: 9px;
    margin-bottom: 10px;
    color: #ff0000;
    cursor: pointer;
}

h4.title-wiget:hover {
    color: #7e1f18;
}

h5.post-title.is-large {
    padding: 15px 0px;
}

.motashop {
    text-align: center;
}

.tieude-shop a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 7px;
    text-align: center;
    color: #e33a40;
}

.tieude-shop a:hover {
    color: #7e1e17;
}



img.logo-bh {
    border-radius: 32px;
    border: 1px solid #e3e3e3;
}

img.logo-bh:hover {
    transform: scale(1.1);
    transition: 0.5s;
}


h3.title-wg {
    font-size: 25px;
    color: #ff0000;
    border-bottom: 4px solid #e3e3e3;
    padding-bottom: 8px;
    margin-bottom: 13px;
}

.hinhtm {
    width: 70px;
    float: left;
    padding-right: 6px;
}

.tinmoi {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e3e3e3;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.post-item-bv {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.row.boxtinok {
    margin-left: 0px;
    margin-right: 0px;
}

@media only screen and (max-width: 576px) {

.info-menu ul li {
    font-size: 14px !important;
}

 .icon-menu-mobile {
    font-size: 30px;
}

h1.title-bv {
    font-size: 19px;
    padding-bottom: 12px;
}

.contentbv h2 {
    font-size: 18px;
    color: #ff0000;
    display: inherit;
    font-weight: 500;
    margin-bottom: 1rem;
    padding: 0px 10px;
    border-left: 5px solid #ff0000;
    line-height: 1.5;
}

h3 {
    font-size: 18px;
    font-family: open sans-serif;
}


#header>.main {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 99px;
    display: none;
}

h4.title-wiget {
    font-size: 20px;
    border-bottom: 1px solid #0003334d;
    padding-bottom: 9px;
    margin-bottom: 10px;
    color: #ff0000;
    cursor: pointer;
    padding-top: 26px;
}

h2.tieudeh2 {
    text-align: center;
    border-bottom: 3px solid #ff0000;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #ff0000;
    text-transform: uppercase;
    font-size: 24px;
    padding-top: 24px;
}


a.head-logo {
    padding-top: 9px;
    width: 100%;
}

.row.new-home {
    padding: 0px 13px;
}

}



@media only screen and (min-width: 900px) {
	
.logo img {
    width: 312px !important;
    margin-top: -13px;
}
	
#cssmenu {
    font-family: sans-serif;
    background: #000;
    z-index: 3;
    
    padding-top: 6px;
}
	

.container-fluid.tatcashop {
    width: 100%;
    height: auto;
    background-image: url(//i.imgur.com/ETMJWw4.jpg);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}


h2.tieudeh2 {
    text-align: center;
    border-bottom: 3px solid #ff0000;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #ff0000;
    text-transform: uppercase;
}

 
}


#header>.main {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 99px;
}

.head-menu>li>a:hover {
    color: #e33a40;
}

span.gt-topok {
    font-size: 17px;
    font-weight: bold;
}


.container.gt-top {
    padding: 59px 0px;
}
.container.gt-top {
    text-align: center;
}

.hinh3cot {
    padding-bottom: 13px;
}

.hinh3cot fa {
    font-size: 100px;
}

.container.tintuc-home {
    padding-top: 38px;
    padding-bottom: 16px;
}

.nav-tabs .nav-item a {
    font-size: 18px;
    font-weight: bold;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #e33a40;
    border-color: #dee2e6 #dee2e6 #fff;
}

.hinh3cot i {
    font-size: 187px;
    color: #e33a40;
}

.hinh3cot i:hover {
    color: #7e1e17;
    transform: scale(1.1);
    transition: 0.5s;
}

.navbar-brand img {
    width: 117px;
    margin-top: -9px;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-lg-5ths {
    margin-bottom: 26px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}


@media (min-width: 576px) {

nav.navbar.navbar-expand-md.navbar-light.bg-light {
    display: none;
}

}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }


.post-item-box {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 15px;
}



}






@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}




.post-detail {
    width: 160px;
    height: 110px;
    margin-right: 8px;
    float: left;
}

.post-detail img {
    border: 1px solid #e3e3e3;
    height: 110px;
}

.post-detail img:hover {
    transform: scale(1.05);
    transition: 0.5s;
}


img {
    height: auto;
}

@media (min-width: 767px){

.info-footer {
    padding-top: 26px;
}

}


.copyright {
    padding: 8px 0px;
    line-height: 16px;
}


.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 18px;
    border-bottom: 1px solid #e3e3e3;
}
.dropdown-toggle::after {
    color: #359c69;
    margin-bottom: -3px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}



.pageok {
    padding: 18px 0px;
}



.pagenavi{
 margin: 13px 0px;
}

.pagenavi a:hover {
    color: #fff;
    background: #e33a40;
}
 
.pagenavi .current{color: #fff;background: #e33a40;}

span.page-numbers.current {}

page-numbers a:hover {
}
 
.pagenavi .page-numbers{border:1px solid #DDD;padding: 5px 11px;/* border-radius: 8px; */}




.gform_wrapper h3.gform_title {
    letter-spacing: normal!important;
    margin: 10px 0 6px;
    display: none;
}

input#gform_submit_button_1 {
    background: #000;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    border: none;
}

.gform_wrapper .gform_footer {
    padding: 16px 0 10px;
    margin: 0 !important;
    clear: both;
    width: 100%;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100% !important;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: -15px !important;
}


/* css hinh anh */
.myFancyBox .fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 95px;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
}

.myFancyBox .fancybox-show-thumbs .fancybox-inner {
  right: 0 !important;
  bottom: 95px !important;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0px !important;
    bottom: 98px;
}


#slideshow_thumb img {
    display:none;
    width:100%;
    height:auto;
}

#slideshow_thumb a:first-of-type img{
    display:block;
}

#slideshow_thumb_info {
    color:black;
    padding-top: 10px;
    font-size: 10px;
    line-height: 12px;

}



/* chenvideo */
 .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    


/* hoi dap */
.hoidap {
    margin-top: 20px;
    margin-bottom: 10px;
}


a.card-link:after {
    content: "+";
    background-color: #e33a40;
    position: absolute;
    left: 10px;
    top: 23px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 34px;
    font-weight: 400;
    border: none;
    text-align: center;
    color: #fff;
    -webkit-transition: .3s transform;
    -moz-transition: .3s transform;
    -o-transition: .3s transform;
    transition: .3s transform;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tieudehoi {
    padding-left: 26px;
}

.card {
    margin-bottom: 10px;
}

.card-header {
    border-bottom: 1px solid #e33a40;
}






.row.topheader {
    padding: 10px 0;
}


.col-sm-2 button {
    float: right;
}


.info-menu ul li {
    display: inline;
}

.info-menu ul li {
    display: inline;
    font-size: 21px;
    padding-left: 18px;
    /* margin-top: 14px; */
    line-height: 40px;
}

.info-menu {
    float: right;
}

.icontopok {
    line-height: 41px;
}



/* menu header */
#cssmenu {
    font-family: sans-serif;
    background: #000;
    z-index: 99999;
}

ul#menu-main-menu {
    float: right;
}



.logo a {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    font-family: tahoma;


}

.current_page_item,.current-cat,.current-menu-item,.current-menu-ancestor {
    background-color:#ffffff;
}

header{position:relative;width:100%;background:#000;}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#fff;float:left;/* width:15%; *//* background: #fff; */margin-top: 0px;height: 53px;padding-top: 18px;border-left: 1px solid #e3e3e354;}

.logo img {
    width: 201px;
}
.logo a{color:#fff;}
nav{position:relative;width: 1110px;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background: #ffffff;z-index: 3;}

#cssmenu a {
    color: #000000 !important;
}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
    padding: 19px 15px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:none!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top: 26px;right:11px;width:8px;height:2px;display:block;background: #fff;content:'';}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top: 23px;right:14px;display:block;width:2px;height:8px;background: #fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#ffffff;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.65);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #000}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #000}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%;}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:none!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}



/* =căn giữa
————————————————————– */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}