.gv_topbar_block {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #1686ff, #0164d1);
font-family: Arial, sans-serif;
}
@media (max-width: 991px) {
.gv_topbar_block {
display: none;
}
}
.gv_topbar_block .topbar__nav {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gv_topbar_block .topbar__nav li {
display: inline-block;
}
.gv_topbar_block .topbar__nav li > a {
display: block;
padding: 7px 15px;
color: #fff;
position: relative;
font-size: 13px;
font-weight: 600;
}
.gv_topbar_block .topbar__nav li > a::after {
content: "";
height: 15px;
width: 1px;
background: #add;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
} .gv_header_block {
position: relative;
width: 100%;
left: 0;
right: 0;
z-index: 10;
transition: all 0.5s ease;
background: #fff;
padding: 10px 0;
box-shadow: 0px 3px 3px 0px #ccc;
}
@media (max-width: 991px) {
.gv_header_block {
display: none;
}
}
.gv_header_block .container .flex_wrap {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.gv_header_block .container .flex_wrap .col-left {
flex: 0 0 25%;
max-width: 25%;
}
.gv_header_block .container .flex_wrap .col-right {
flex: 0 0 75%;
max-width: 75%;
}
.gv_header_block .logo > a img {
height: 100px;
width: auto;
}
.gv_header_block .head_top {
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
}
.gv_header_block .head_top .search_box {
display: inline-block;
}
.gv_header_block .head_top .search_box form .from_group {
display: flex;
align-items: center;
border: 2px solid #dfdfdf;
border-radius: 40px;
overflow: hidden;
}
.gv_header_block .head_top .search_box form .from_group input {
line-height: 20px;
border: 0;
width: 100%;
color: #000;
padding: 6px 10px;
font-size: 13px;
min-width: 330px;
}
.gv_header_block .head_top .search_box form .from_group button {
border: 0;
color: #000;
line-height: 32px;
padding: 0 20px 0px 10px;
background: #ddd;
}
.gv_header_block .head_top .hotline_box {
margin-left: 20px;
}
.gv_header_block .head_top .hotline_box .phone {
display: block;
padding-left: 40px;
position: relative;
line-height: 32px;
border: 1px solid #0164d1;
background: linear-gradient(180deg, #1686ff, #0164d1);
border-radius: 30px;
overflow: hidden;
color: #fff;
}
.gv_header_block .head_top .hotline_box .phone i {
position: left;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
background: linear-gradient(180deg, #1686ff, #0164d1);
height: 30px;
width: 30px;
text-align: center;
line-height: 32px;
}
.gv_header_block .head_top .hotline_box .phone span {
display: block;
padding: 0 20px 0 0px;
}
.gv_header_block .head_bottom .nav_menu {
font-family: Arial, sans-serif;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.gv_header_block .head_bottom .nav_menu > li {
display: inline-block;
position: relative;
}
.gv_header_block .head_bottom .nav_menu > li > a {
display: block;
padding: 10px 0px;
margin: 0 15px;
color: #212529;
text-transform: uppercase;
position: relative;
font-size: 14px;
font-weight: 600;
}
.gv_header_block .head_bottom .nav_menu > li > a::after {
content: "";
bottom: 0;
left: 0;
width: 0px;
position: absolute;
background: #000;
height: 2px;
transition: all 0.4s ease 0s;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu {
position: absolute;
list-style: none;
padding: 0;
margin: 0;
display: none;
max-width: 100%;
background: #Fff;
z-index: -2;
min-width: 200px;
left: 0;
top: 150%;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li {
position: relative;
display: block;
padding: 0 10px;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li > a {
display: block;
padding: 5px 5px;
color: #212529;
position: relative;
border-bottom: 1px solid #ccc;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
list-style: none;
padding: 0;
background: #f6f6f6;
margin: 0;
min-width: 200px;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li {
display: block;
position: relative;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li > a {
display: block;
padding: 5px 5px;
margin: 0 10px;
color: #212529;
white-space: nowrap;
font-size: 13px;
border-bottom: 1px solid #ccc;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li:hover {
background: rgb(0, 123, 255);
color: #FFF;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li:hover > ul {
display: block;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li:hover {
background: rgb(0, 123, 255);
color: #FFF;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li:hover > ul {
display: block;
}
.gv_header_block .head_bottom .nav_menu > li:hover > .sub-menu {
display: block;
opacity: 1;
visibility: visible;
z-index: 11;
top: 100%;
}
.gv_header_block .head_bottom .nav_menu > li:hover > a::after {
width: 100%;
}
.gv_header_block .head_bottom .nav_menu > li.home > a {
padding-left: 25px;
}
.gv_header_block .head_bottom .nav_menu > li.home > a i {
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
background: #1686ff;
text-align: center;
line-height: 20px;
border-radius: 3px;
color: #FFF;
} .gv_mobile_block {
position: relative;
width: 100%;
left: 0;
right: 0;
transition: all 0.5s ease;
background: linear-gradient(180deg, #1686ff, #0164d1);
padding-bottom: 0px;
}
@media (min-width: 992px) {
.gv_mobile_block {
display: none;
}
}
.gv_mobile_block .main__bar {
padding: 13px 0;
}
.gv_mobile_block .main__bar .flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -5px;
margin-right: -5px;
}
.gv_mobile_block .main__bar .flex .menu,
.gv_mobile_block .main__bar .flex .search,
.gv_mobile_block .main__bar .flex .hotline {
padding-right: 5px;
padding-left: 5px;
}
.gv_mobile_block .main__bar .menu {
flex: 0 0 18%;
max-width: 18%;
}
.gv_mobile_block .main__bar .menu .bars {
display: flex;
align-items: center;
}
.gv_mobile_block .main__bar .menu .bars b {
color: #FFF;
margin-left: 8px;
font-size: 16px;
font-weight: 100;
text-transform: uppercase;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open {
width: 30px;
display: block;
cursor: pointer;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open i.line {
height: 3px;
width: 100%;
display: block;
background: #fff;
margin-bottom: 8px;
border-radius: 3px;
line-height: 1;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open i.line:last-child {
margin-bottom: 0;
}
.gv_mobile_block .main__bar .search {
flex: 0 0 64%;
max-width: 64%;
}
.gv_mobile_block .main__bar .search .search__form {
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group {
display: flex;
align-items: center;
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group input {
border: 0;
padding: 7px 14px;
background: #FFF;
line-height: 20px;
border-radius: 4px 0 0 4px;
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group button {
border: 0;
background: #222;
padding: 7px 14px;
line-height: 20px;
border-radius: 0px 4px 4px 0;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
white-space: nowrap;
}
.gv_mobile_block .main__bar .hotline {
flex: 0 0 18%;
max-width: 18%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gv_mobile_block .main__bar .hotline .phone a {
height: 32px;
width: 32px;
display: inline-block;
border-radius: 100%;
background: red;
color: #FFF;
box-shadow: 0px 0px 0px 4px #eee;
}
.gv_mobile_block .main__bar .hotline .phone a i {
display: block;
text-align: center;
line-height: 32px;
} .gv_banner_block {
position: relative;
}
.gv_banner_block .owl-carousel .owl-nav .owl-prev {
left: 0;
}
.gv_banner_block .owl-carousel .owl-nav .owl-next {
right: 0;
}
.gv_banner_block .banner_item > a {
display: block;
border-radius: 0px;
overflow: hidden;
height: 230px;
width: 100%;
background-position: center;
position: relative;
}
.gv_banner_block .banner_item > a img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.gv_banner_block .box_category {
position: relative;
margin-top: 10px;
}
.gv_banner_block .box_category .cate__panel {
position: relative;
background: linear-gradient(180deg, #1686ff, #0164d1);
border-radius: 5px;
}
.gv_banner_block .box_category .cate__panel .title {
font-size: 15px;
text-transform: uppercase;
margin: 0;
padding: 12px 15px;
color: #fff;
}
.gv_banner_block .box_category .cate__panel > i {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
background: rgba(255, 255, 255, 0.74);
line-height: 20px;
text-align: center;
border-radius: 3px;
}
.gv_banner_block .box_category .cate__box {
position: fixed;
transition: all 0.45s ease 0s;
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
background: #FFF;
border-radius: 5px;
overflow-y: scroll;
z-index: 999;
padding: 0px 0px;
}
.gv_banner_block .box_category .cate__box .head_box {
display: flex;
align-items: center;
justify-content: space-between;
background: #212529;
font-size: 15px;
text-transform: uppercase;
padding: 10px 10px;
color: #FFF;
}
.gv_banner_block .box_category .cate__box .head_box .nav_close {
border: 0;
padding: 0;
color: #FFF;
background: transparent;
line-height: 1;
}
.gv_banner_block .box_category .cate__box .nav_main {
list-style: none;
padding: 10px 0;
position: relative;
margin: 0;
z-index: 999;
transition: all 0.45s ease-in-out;
}
.gv_banner_block .box_category .cate__box .nav_main > li {
display: block;
padding: 0 10px;
position: relative;
border-bottom: 1px solid #fff;
}
.gv_banner_block .box_category .cate__box .nav_main > li > a {
display: block;
font-family: Arial, sans-serif;
background: linear-gradient(180deg, #1686ff, #0164d1);
padding: 10px 15px;
border-radius: 2px;
background-repeat: repeat;
color: #fff;
font-size: 14px;
font-weight: 600;
position: relative;
}
.gv_banner_block .box_category .cate__box .nav_main > li > span.caret {
right: 10px;
height: 30px;
width: 30px;
z-index: 2;
top: 5px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.gv_banner_block .box_category .cate__box .nav_main > li > span.caret::after {
height: 12px;
width: 8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #fff;
content: "";
display: block;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu {
position: relative;
list-style: none;
padding: 0;
opacity: 0;
transition: all 0.45s ease-in-out;
margin: 0;
z-index: -2;
display: none;
visibility: hidden;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li {
display: block;
position: relative;
padding: 0px;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > i {
position: absolute;
right: 10px;
top: 10px;
font-size: 15px;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > a {
display: block;
padding: 5px 20px;
color: #212529;
font-size: 13px;
white-space: nowrap;
font-weight: 400;
border-bottom: 1px solid #ccc;
padding-left: 32px;
position: relative;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > a::before {
content: "";
height: 16px;
width: 16px;
position: absolute;
left: 10px;
top: 7px;
background-image: url(//amthanhco.com.vn/wp-content/themes/gv-soundle/images/sound__icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu {
list-style: none;
padding: 0;
margin: 0;
display: none;
opacity: 0;
transition: all 0.45s ease-in-out;
position: relative;
visibility: hidden;
background: #FFF;
z-index: -2;
width: 100%;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu > li {
display: block;
position: relative;
padding: 0px 20px;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu > li > a {
display: block;
padding: 5px 0;
color: #212529;
font-size: 13px;
font-weight: 400;
border-bottom: 1px solid #eee;
padding-left: 15px;
position: relative;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu > li > a::before {
content: "";
left: 0;
top: 12px;
height: 7px;
width: 7px;
border: 1px solid #a7e36b;
position: absolute;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li:hover > .sub_menu {
display: block;
opacity: 1;
visibility: visible;
z-index: 4;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li.active > i {
transform: rotate(180deg);
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li.active > .sub_menu {
display: block;
opacity: 1;
visibility: visible;
z-index: 4;
}
.gv_banner_block .box_category .cate__box .nav_main > li:last-child {
border-bottom: 0;
}
.gv_banner_block .box_category .cate__box .nav_main > li:hover > .child_menu {
opacity: 1;
visibility: visible;
display: block;
z-index: 4;
}
.gv_banner_block .box_category .cate__box .nav_main > li.active > span.caret {
transform: rotate(90deg);
}
.gv_banner_block .box_category .cate__box .nav_main > li.active > .child_menu {
opacity: 1;
visibility: visible;
display: block;
z-index: 4;
} .gv_section_category {
position: relative;
overflow: hidden;
}
.gv_section_category .block_product {
padding: 15px 0;
}
.gv_section_category .block_product .product_wrap {
border: 1px solid #ccc;
padding: 0 5px;
border-top: 0;
}
.gv_section_category .block_product .product_wrap > .row {
margin-left: -5px;
margin-right: -5px;
}
.gv_section_category .block_product .product_wrap > .row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.gv_section_category .block_product .product_wrap .product_item {
padding: 0 5px;
}
.gv_section_category .block_product .product_wrap .product_item .product_inner {
margin: 10px 0;
} .woocommerce .woocommerce-breadcrumb {
border: 1px solid #bbb;
background: #FFF;
margin-top: 5px;
padding: 13px 15px;
border-radius: 2px;
} .gv_product_blog {
position: relative;
}
.gv_product_blog main .orderby {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 10px 10px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.gv_product_blog main .orderby span {
margin-right: 10px;
}
.gv_product_blog main .orderby .woocommerce-ordering {
float: none;
margin: 0;
}
.gv_product_blog main .orderby .woocommerce-ordering select {
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 2px;
}
.gv_product_blog main .main__product {
border: 1px solid #ccc;
padding: 10px;
border-top: 0;
}
.gv_product_blog main .main__product > .row {
margin-left: -5px;
margin-right: -5px;
}
.gv_product_blog main .main__product > .row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
} .gv_page_woocommerce {
position: relative;
overflow: hidden;
} .gv_section_page {
position: relative;
overflow: hidden;
}
.gv_section_page .content-col > article {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
} .gv_section_single {
position: relative;
overflow: hidden;
}
.gv_section_single .content-col > article {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
}
.gv_section_single .content-col > article .title {
font-size: 22px;
font-weight: 600;
}
.gv_section_single .related-grid .related-box {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
} .gv_section_blog {
position: relative;
overflow: hidden;
}
.gv_section_blog .content-col .list_block {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
}
.gv_section_blog .content-col .list_block .post_item {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.gv_section_blog .content-col .list_block .post_item:last-child {
border-bottom: 0;
}
@media (max-width: 575px) {
.gv_section_blog .content-col .list_block .post_item .post_inner .thumb {
width: 100%;
float: none;
}
.gv_section_blog .content-col .list_block .post_item .post_inner .info {
margin-left: 0;
margin-top: 10px;
}
} .gv_footer_block {
position: relative;
overflow: hidden;
background: #313435;
color: #FFF;
}
.gv_footer_block [class*=footer__] .inner {
padding: 10px 0;
}
.gv_footer_block [class*=footer__] .inner .title {
text-transform: uppercase;
font-weight: 600;
margin: 0 0 15px;
font-size: 18px;
color: #FFF;
padding-bottom: 9px;
position: relative;
border-bottom: 1px solid #fff;
}
.gv_footer_block [class*=footer__] .inner .title::before {
height: 5px;
width: 50px;
position: absolute;
bottom: -3px;
left: 10px;
content: "";
background: #fff;
}
.gv_footer_block .footer__block .list__contact {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .list__contact > li {
margin-bottom: 11px;
position: relative;
display: block;
}
.gv_footer_block .footer__block .list__contact > li a {
color: #fff;
}
.gv_footer_block .footer__block .list__contact > li b {
font-weight: 600;
}
.gv_footer_block .footer__block .statitics {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .statitics > li {
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 15px;
}
.gv_footer_block .footer__block .statitics > li i {
margin-right: 5px;
}
.gv_footer_block .footer__block .statitics > li span {
margin-left: 5px;
font-weight: 600;
}
.gv_footer_block .footer__block .map_box {
display: block;
height: 200px;
position: relative;
background-position: center;
border: 4px solid #236b93;
}
.gv_footer_block .footer__block .map_box img {
height: 100%;
width: 100%;
top: 0;
bottom: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
position: absolute;
}
.gv_footer_block .footer__block .list__menu {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .list__menu > li {
margin-bottom: 11px;
display: block;
}
.gv_footer_block .footer__block .list__menu > li a {
color: #fff;
display: block;
font-weight: 600;
transition: all 0.25s ease;
}
.gv_footer_block .footer__block .list__menu > li a i {
margin-right: 5px;
}
.gv_footer_block .footer__block .list__menu > li a:hover {
color: orange;
padding-left: 10px;
}.gv_topbar_block {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #1686ff, #0164d1);
font-family: Arial, sans-serif;
}
@media (max-width: 991px) {
.gv_topbar_block {
display: none;
}
}
.gv_topbar_block .topbar__nav {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gv_topbar_block .topbar__nav li {
display: inline-block;
}
.gv_topbar_block .topbar__nav li > a {
display: block;
padding: 7px 15px;
color: #fff;
position: relative;
font-size: 13px;
font-weight: 600;
}
.gv_topbar_block .topbar__nav li > a::after {
content: "";
height: 15px;
width: 1px;
background: #add;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
} .gv_header_block {
position: relative;
width: 100%;
left: 0;
right: 0;
z-index: 10;
transition: all 0.5s ease;
background: #fff;
padding: 10px 0;
box-shadow: 0px 3px 3px 0px #ccc;
}
@media (max-width: 991px) {
.gv_header_block {
display: none;
}
}
.gv_header_block .container .flex_wrap {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.gv_header_block .container .flex_wrap .col-left {
flex: 0 0 25%;
max-width: 25%;
}
.gv_header_block .container .flex_wrap .col-right {
flex: 0 0 75%;
max-width: 75%;
}
.gv_header_block .logo > a img {
height: 100px;
width: auto;
}
.gv_header_block .head_top {
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
}
.gv_header_block .head_top .search_box {
display: inline-block;
}
.gv_header_block .head_top .search_box form .from_group {
display: flex;
align-items: center;
border: 2px solid #dfdfdf;
border-radius: 40px;
overflow: hidden;
}
.gv_header_block .head_top .search_box form .from_group input {
line-height: 20px;
border: 0;
width: 100%;
color: #000;
padding: 6px 10px;
font-size: 13px;
min-width: 330px;
}
.gv_header_block .head_top .search_box form .from_group button {
border: 0;
color: #000;
line-height: 32px;
padding: 0 20px 0px 10px;
background: #ddd;
}
.gv_header_block .head_top .hotline_box {
margin-left: 20px;
}
.gv_header_block .head_top .hotline_box .phone {
display: block;
padding-left: 40px;
position: relative;
line-height: 32px;
border: 1px solid #0164d1;
background: linear-gradient(180deg, #1686ff, #0164d1);
border-radius: 30px;
overflow: hidden;
color: #fff;
}
.gv_header_block .head_top .hotline_box .phone i {
position: left;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
background: linear-gradient(180deg, #1686ff, #0164d1);
height: 30px;
width: 30px;
text-align: center;
line-height: 32px;
}
.gv_header_block .head_top .hotline_box .phone span {
display: block;
padding: 0 20px 0 0px;
}
.gv_header_block .head_bottom .nav_menu {
font-family: Arial, sans-serif;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.gv_header_block .head_bottom .nav_menu > li {
display: inline-block;
position: relative;
}
.gv_header_block .head_bottom .nav_menu > li > a {
display: block;
padding: 10px 0px;
margin: 0 15px;
color: #212529;
text-transform: uppercase;
position: relative;
font-size: 14px;
font-weight: 600;
}
.gv_header_block .head_bottom .nav_menu > li > a::after {
content: "";
bottom: 0;
left: 0;
width: 0px;
position: absolute;
background: #000;
height: 2px;
transition: all 0.4s ease 0s;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu {
position: absolute;
list-style: none;
padding: 0;
margin: 0;
display: none;
max-width: 100%;
background: #Fff;
z-index: -2;
min-width: 200px;
left: 0;
top: 150%;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li {
position: relative;
display: block;
padding: 0 10px;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li > a {
display: block;
padding: 5px 5px;
color: #212529;
position: relative;
border-bottom: 1px solid #ccc;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
list-style: none;
padding: 0;
background: #f6f6f6;
margin: 0;
min-width: 200px;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li {
display: block;
position: relative;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li > a {
display: block;
padding: 5px 5px;
margin: 0 10px;
color: #212529;
white-space: nowrap;
font-size: 13px;
border-bottom: 1px solid #ccc;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li:hover {
background: rgb(0, 123, 255);
color: #FFF;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li:hover > ul {
display: block;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li:hover {
background: rgb(0, 123, 255);
color: #FFF;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li:hover > ul {
display: block;
}
.gv_header_block .head_bottom .nav_menu > li:hover > .sub-menu {
display: block;
opacity: 1;
visibility: visible;
z-index: 11;
top: 100%;
}
.gv_header_block .head_bottom .nav_menu > li:hover > a::after {
width: 100%;
}
.gv_header_block .head_bottom .nav_menu > li.home > a {
padding-left: 25px;
}
.gv_header_block .head_bottom .nav_menu > li.home > a i {
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
background: #1686ff;
text-align: center;
line-height: 20px;
border-radius: 3px;
color: #FFF;
} .gv_mobile_block {
position: relative;
width: 100%;
left: 0;
right: 0;
transition: all 0.5s ease;
background: linear-gradient(180deg, #1686ff, #0164d1);
padding-bottom: 0px;
}
@media (min-width: 992px) {
.gv_mobile_block {
display: none;
}
}
.gv_mobile_block .main__bar {
padding: 13px 0;
}
.gv_mobile_block .main__bar .flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -5px;
margin-right: -5px;
}
.gv_mobile_block .main__bar .flex .menu,
.gv_mobile_block .main__bar .flex .search,
.gv_mobile_block .main__bar .flex .hotline {
padding-right: 5px;
padding-left: 5px;
}
.gv_mobile_block .main__bar .menu {
flex: 0 0 18%;
max-width: 18%;
}
.gv_mobile_block .main__bar .menu .bars {
display: flex;
align-items: center;
}
.gv_mobile_block .main__bar .menu .bars b {
color: #FFF;
margin-left: 8px;
font-size: 16px;
font-weight: 100;
text-transform: uppercase;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open {
width: 30px;
display: block;
cursor: pointer;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open i.line {
height: 3px;
width: 100%;
display: block;
background: #fff;
margin-bottom: 8px;
border-radius: 3px;
line-height: 1;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open i.line:last-child {
margin-bottom: 0;
}
.gv_mobile_block .main__bar .search {
flex: 0 0 64%;
max-width: 64%;
}
.gv_mobile_block .main__bar .search .search__form {
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group {
display: flex;
align-items: center;
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group input {
border: 0;
padding: 7px 14px;
background: #FFF;
line-height: 20px;
border-radius: 4px 0 0 4px;
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group button {
border: 0;
background: #222;
padding: 7px 14px;
line-height: 20px;
border-radius: 0px 4px 4px 0;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
white-space: nowrap;
}
.gv_mobile_block .main__bar .hotline {
flex: 0 0 18%;
max-width: 18%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gv_mobile_block .main__bar .hotline .phone a {
height: 32px;
width: 32px;
display: inline-block;
border-radius: 100%;
background: red;
color: #FFF;
box-shadow: 0px 0px 0px 4px #eee;
}
.gv_mobile_block .main__bar .hotline .phone a i {
display: block;
text-align: center;
line-height: 32px;
} .gv_banner_block {
position: relative;
}
.gv_banner_block .banner_item > a {
display: block;
border-radius: 6px;
overflow: hidden;
height: 380px;
width: 100%;
background-position: center;
position: relative;
}
.gv_banner_block .banner_item > a img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.gv_banner_block .box_category {
position: relative;
margin-top: 15px;
}
.gv_banner_block .box_category .cate__panel {
position: relative;
background: linear-gradient(180deg, #1686ff, #0164d1);
border-radius: 5px;
}
.gv_banner_block .box_category .cate__panel .title {
font-size: 15px;
text-transform: uppercase;
margin: 0;
padding: 12px 15px;
color: #fff;
}
.gv_banner_block .box_category .cate__panel > i {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
background: rgba(255, 255, 255, 0.74);
line-height: 20px;
text-align: center;
border-radius: 3px;
}
.gv_banner_block .box_category .cate__box {
position: fixed;
width: 330px;
left: -330px;
transition: all 0.45s ease 0s;
height: 100vh;
z-index: 999;
background: #FFF;
top: 0;
}
.gv_banner_block .box_category .cate__box .head_box {
display: flex;
align-items: center;
justify-content: space-between;
background: #212529;
font-size: 15px;
text-transform: uppercase;
padding: 10px 10px;
color: #FFF;
}
.gv_banner_block .box_category .cate__box .head_box .nav_close {
border: 0;
padding: 0;
color: #FFF;
background: transparent;
line-height: 1;
}
.gv_banner_block .box_category .cate__box .nav_main {
list-style: none;
padding: 10px 0;
position: relative;
margin: 0;
z-index: 999;
transition: all 0.45s ease-in-out;
}
.gv_banner_block .box_category .cate__box .nav_main > li {
display: block;
padding: 0 10px;
position: static;
border-bottom: 1px solid #fff;
}
.gv_banner_block .box_category .cate__box .nav_main > li > a {
display: block;
font-family: Arial, sans-serif;
background: linear-gradient(180deg, #1686ff, #0164d1);
padding: 10px 15px;
border-radius: 2px;
background-repeat: repeat;
color: #2f2f2f;
font-size: 14px;
font-weight: 600;
position: relative;
}
.gv_banner_block .box_category .cate__box .nav_main > li > a::after {
right: 10px;
content: "";
height: 12px;
width: 8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #fff;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu {
position: relative;
list-style: none;
padding: 0;
opacity: 0;
transition: all 0.45s ease-in-out;
margin: 0;
z-index: -2;
display: none;
visibility: hidden;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li {
display: block;
position: relative;
padding: 0px;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > i {
position: absolute;
right: 10px;
top: 10px;
font-size: 15px;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > a {
display: block;
padding: 5px 20px;
color: #212529;
font-size: 13px;
white-space: nowrap;
font-weight: 400;
border-bottom: 1px solid #ccc;
padding-left: 32px;
position: relative;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > a::before {
content: "";
height: 16px;
width: 16px;
position: absolute;
left: 10px;
top: 7px;
background-image: url(//amthanhco.com.vn/wp-content/themes/gv-soundle/images/sound__icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu {
list-style: none;
padding: 0;
margin: 0;
display: none;
opacity: 0;
transition: all 0.45s ease-in-out;
position: relative;
visibility: hidden;
background: #FFF;
z-index: -2;
width: 100%;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu > li {
display: block;
position: relative;
padding: 0px 20px;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu > li > a {
display: block;
padding: 5px 0;
color: #212529;
font-size: 13px;
font-weight: 400;
border-bottom: 1px solid #eee;
padding-left: 15px;
position: relative;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li > .sub_menu > li > a::before {
content: "";
left: 0;
top: 12px;
height: 7px;
width: 7px;
border: 1px solid #a7e36b;
position: absolute;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li:hover > .sub_menu {
display: block;
opacity: 1;
visibility: visible;
z-index: 4;
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li.active > i {
transform: rotate(180deg);
}
.gv_banner_block .box_category .cate__box .nav_main > li > .child_menu > li.active > .sub_menu {
display: block;
opacity: 1;
visibility: visible;
z-index: 4;
}
.gv_banner_block .box_category .cate__box .nav_main > li:last-child {
border-bottom: 0;
}
.gv_banner_block .box_category .cate__box .nav_main > li:hover > .child_menu {
opacity: 1;
visibility: visible;
display: block;
z-index: 4;
}
.gv_banner_block .box_category .cate__box .nav_main > li.active > .child_menu {
opacity: 1;
visibility: visible;
display: block;
z-index: 4;
}
.gv_banner_block .box_category .cate__box.open {
left: 0;
} .gv_section_category {
position: relative;
overflow: hidden;
}
.gv_section_category .block_product {
padding: 15px 0;
}
.gv_section_category .block_product .product_wrap {
border: 1px solid #ccc;
padding: 0 5px;
border-top: 0;
}
.gv_section_category .block_product .product_wrap > .row {
margin-left: -5px;
margin-right: -5px;
}
.gv_section_category .block_product .product_wrap > .row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.gv_section_category .block_product .product_wrap .product_item {
padding: 0 5px;
}
.gv_section_category .block_product .product_wrap .product_item .product_inner {
margin: 10px 0;
} .woocommerce .woocommerce-breadcrumb {
border: 1px solid #bbb;
background: #FFF;
margin-top: 5px;
padding: 13px 15px;
border-radius: 2px;
} .gv_product_blog {
position: relative;
}
.gv_product_blog main .orderby {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.gv_product_blog main .orderby span {
margin-right: 10px;
}
.gv_product_blog main .orderby .woocommerce-ordering {
float: none;
margin: 0;
}
.gv_product_blog main .orderby .woocommerce-ordering select {
padding: 0px 5px;
border: 2px solid #fff;
border-radius: 2px;
}
.gv_product_blog main .main__product {
border: 1px solid #ccc;
padding: 10px;
border-top: 0;
}
.gv_product_blog main .main__product > .row {
margin-left: -5px;
margin-right: -5px;
}
.gv_product_blog main .main__product > .row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
} .gv_product_detail {
position: relative;
overflow: hidden;
} .gv_section_page {
position: relative;
overflow: hidden;
} .gv_page_woocommerce {
position: relative;
overflow: hidden;
} .gv_section_page {
position: relative;
overflow: hidden;
}
.gv_section_page .content-col > article {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
} .gv_section_single {
position: relative;
overflow: hidden;
}
.gv_section_single .content-col > article {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
}
.gv_section_single .content-col > article .title {
font-size: 22px;
font-weight: 600;
}
.gv_section_single .related-grid .related-box {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
} .gv_section_blog {
position: relative;
overflow: hidden;
}
.gv_section_blog .content-col .list_block {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
}
.gv_section_blog .content-col .list_block .post_item {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.gv_section_blog .content-col .list_block .post_item:last-child {
border-bottom: 0;
}
@media (max-width: 1100px) {
.gv_section_blog .content-col .list_block .post_item .post_inner .thumb {
width: 145px;
}
.gv_section_blog .content-col .list_block .post_item .post_inner .info {
margin-left: 160px;
}
} .gv_footer_block {
position: relative;
overflow: hidden;
background: #313435;
color: #FFF;
}
.gv_footer_block [class*=footer__] .inner {
padding: 10px 0;
}
.gv_footer_block [class*=footer__] .inner .title {
text-transform: uppercase;
font-weight: 600;
margin: 0 0 15px;
font-size: 18px;
color: #FFF;
padding-bottom: 9px;
position: relative;
border-bottom: 1px solid #fff;
}
.gv_footer_block [class*=footer__] .inner .title::before {
height: 5px;
width: 50px;
position: absolute;
bottom: -3px;
left: 10px;
content: "";
background: #fff;
}
.gv_footer_block .footer__block .list__contact {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .list__contact > li {
margin-bottom: 11px;
position: relative;
display: block;
}
.gv_footer_block .footer__block .list__contact > li a {
color: #fff;
}
.gv_footer_block .footer__block .list__contact > li b {
font-weight: 600;
}
.gv_footer_block .footer__block .statitics {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .statitics > li {
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 15px;
}
.gv_footer_block .footer__block .statitics > li i {
margin-right: 5px;
}
.gv_footer_block .footer__block .statitics > li span {
margin-left: 5px;
font-weight: 600;
}
.gv_footer_block .footer__block .map_box {
display: block;
height: 200px;
position: relative;
background-position: center;
border: 4px solid #236b93;
}
.gv_footer_block .footer__block .map_box img {
height: 100%;
width: 100%;
top: 0;
bottom: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
position: absolute;
}
.gv_footer_block .footer__block .list__menu {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .list__menu > li {
margin-bottom: 11px;
display: block;
}
.gv_footer_block .footer__block .list__menu > li a {
color: #fff;
display: block;
font-weight: 600;
transition: all 0.25s ease;
}
.gv_footer_block .footer__block .list__menu > li a i {
margin-right: 5px;
}
.gv_footer_block .footer__block .list__menu > li a:hover {
color: orange;
padding-left: 10px;
}.gv_topbar_block {
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #1686ff, #0164d1);
font-family: Arial, sans-serif;
}
@media (max-width: 991px) {
.gv_topbar_block {
display: none;
}
}
.gv_topbar_block .topbar__nav {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gv_topbar_block .topbar__nav li {
display: inline-block;
}
.gv_topbar_block .topbar__nav li > a {
display: block;
padding: 7px 15px;
color: #fff;
position: relative;
font-size: 13px;
font-weight: 600;
}
.gv_topbar_block .topbar__nav li > a::after {
content: "";
height: 15px;
width: 1px;
background: #add;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
} .gv_header_block {
position: relative;
width: 100%;
left: 0;
right: 0;
z-index: 10;
transition: all 0.5s ease;
background: #fff;
padding: 10px 0;
box-shadow: 0px 3px 3px 0px #ccc;
}
@media (max-width: 991px) {
.gv_header_block {
display: none;
}
}
.gv_header_block .container .flex_wrap {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.gv_header_block .container .flex_wrap .col-left {
flex: 0 0 25%;
max-width: 25%;
}
.gv_header_block .container .flex_wrap .col-right {
flex: 0 0 75%;
max-width: 75%;
}
.gv_header_block .logo > a img {
height: 100px;
width: auto;
}
.gv_header_block .head_top {
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
}
.gv_header_block .head_top .search_box {
display: inline-block;
}
.gv_header_block .head_top .search_box form .from_group {
display: flex;
align-items: center;
border: 2px solid #dfdfdf;
border-radius: 40px;
overflow: hidden;
}
.gv_header_block .head_top .search_box form .from_group input {
line-height: 20px;
border: 0;
width: 100%;
color: #000;
padding: 6px 10px;
font-size: 13px;
min-width: 330px;
}
.gv_header_block .head_top .search_box form .from_group button {
border: 0;
color: #000;
line-height: 32px;
padding: 0 20px 0px 10px;
background: #ddd;
}
.gv_header_block .head_top .hotline_box {
margin-left: 20px;
}
.gv_header_block .head_top .hotline_box .phone {
display: block;
padding-left: 40px;
position: relative;
line-height: 32px;
border: 1px solid #0164d1;
background: linear-gradient(180deg, #1686ff, #0164d1);
border-radius: 30px;
overflow: hidden;
color: #fff;
}
.gv_header_block .head_top .hotline_box .phone i {
position: left;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
background: linear-gradient(180deg, #1686ff, #0164d1);
height: 30px;
width: 30px;
text-align: center;
line-height: 32px;
}
.gv_header_block .head_top .hotline_box .phone span {
display: block;
padding: 0 20px 0 0px;
}
.gv_header_block .head_bottom .nav_menu {
font-family: Arial, sans-serif;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.gv_header_block .head_bottom .nav_menu > li {
display: inline-block;
position: relative;
}
.gv_header_block .head_bottom .nav_menu > li > a {
display: block;
padding: 10px 0px;
margin: 0 15px;
color: #212529;
text-transform: uppercase;
position: relative;
font-size: 14px;
font-weight: 600;
}
.gv_header_block .head_bottom .nav_menu > li > a::after {
content: "";
bottom: 0;
left: 0;
width: 0px;
position: absolute;
background: #000;
height: 2px;
transition: all 0.4s ease 0s;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu {
position: absolute;
list-style: none;
padding: 0;
margin: 0;
display: none;
max-width: 100%;
background: #Fff;
z-index: -2;
min-width: 200px;
left: 0;
top: 150%;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li {
position: relative;
display: block;
padding: 0 10px;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li > a {
display: block;
padding: 5px 5px;
color: #212529;
position: relative;
border-bottom: 1px solid #ccc;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
list-style: none;
padding: 0;
background: #f6f6f6;
margin: 0;
min-width: 200px;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li {
display: block;
position: relative;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li > a {
display: block;
padding: 5px 5px;
margin: 0 10px;
color: #212529;
white-space: nowrap;
font-size: 13px;
border-bottom: 1px solid #ccc;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li:hover {
background: rgb(0, 123, 255);
color: #FFF;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li ul > li:hover > ul {
display: block;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li:hover {
background: rgb(0, 123, 255);
color: #FFF;
}
.gv_header_block .head_bottom .nav_menu > li > .sub-menu > li:hover > ul {
display: block;
}
.gv_header_block .head_bottom .nav_menu > li:hover > .sub-menu {
display: block;
opacity: 1;
visibility: visible;
z-index: 11;
top: 100%;
}
.gv_header_block .head_bottom .nav_menu > li:hover > a::after {
width: 100%;
}
.gv_header_block .head_bottom .nav_menu > li.home > a {
padding-left: 25px;
}
.gv_header_block .head_bottom .nav_menu > li.home > a i {
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
background: #1686ff;
text-align: center;
line-height: 20px;
border-radius: 3px;
color: #FFF;
} .gv_mobile_block {
position: relative;
width: 100%;
left: 0;
right: 0;
transition: all 0.5s ease;
background: linear-gradient(180deg, #1686ff, #0164d1);
padding-bottom: 0px;
}
@media (min-width: 992px) {
.gv_mobile_block {
display: none;
}
}
.gv_mobile_block .main__bar {
padding: 13px 0;
}
.gv_mobile_block .main__bar .flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -5px;
margin-right: -5px;
}
.gv_mobile_block .main__bar .flex .menu,
.gv_mobile_block .main__bar .flex .search,
.gv_mobile_block .main__bar .flex .hotline {
padding-right: 5px;
padding-left: 5px;
}
.gv_mobile_block .main__bar .menu {
flex: 0 0 18%;
max-width: 18%;
}
.gv_mobile_block .main__bar .menu .bars {
display: flex;
align-items: center;
}
.gv_mobile_block .main__bar .menu .bars b {
color: #FFF;
margin-left: 8px;
font-size: 16px;
font-weight: 100;
text-transform: uppercase;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open {
width: 30px;
display: block;
cursor: pointer;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open i.line {
height: 3px;
width: 100%;
display: block;
background: #fff;
margin-bottom: 8px;
border-radius: 3px;
line-height: 1;
}
.gv_mobile_block .main__bar .menu .bars .menu_bar_open i.line:last-child {
margin-bottom: 0;
}
.gv_mobile_block .main__bar .search {
flex: 0 0 64%;
max-width: 64%;
}
.gv_mobile_block .main__bar .search .search__form {
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group {
display: flex;
align-items: center;
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group input {
border: 0;
padding: 7px 14px;
background: #FFF;
line-height: 20px;
border-radius: 4px 0 0 4px;
width: 100%;
}
.gv_mobile_block .main__bar .search .search__form .from_group button {
border: 0;
background: #222;
padding: 7px 14px;
line-height: 20px;
border-radius: 0px 4px 4px 0;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
white-space: nowrap;
}
.gv_mobile_block .main__bar .hotline {
flex: 0 0 18%;
max-width: 18%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gv_mobile_block .main__bar .hotline .phone a {
height: 32px;
width: 32px;
display: inline-block;
border-radius: 100%;
background: red;
color: #FFF;
box-shadow: 0px 0px 0px 4px #eee;
}
.gv_mobile_block .main__bar .hotline .phone a i {
display: block;
text-align: center;
line-height: 32px;
} .gv_banner_block {
position: relative;
padding: 20px 0;
}
.gv_banner_block .container .row {
align-items: stretch;
}
.gv_banner_block .container .row [class*=col-] {
min-height: 100%;
}
.gv_banner_block .content_box {
height: 100%;
}
.gv_banner_block .content_box .box_category {
position: relative;
height: 100%;
border: 2px solid #1686ff;
border-radius: 6px;
}
.gv_banner_block .content_box .box_category .cate__panel {
position: relative;
}
.gv_banner_block .content_box .box_category .cate__panel .title {
font-size: 15px;
text-transform: uppercase;
background: #1686ff;
margin: 0;
padding: 10px 15px;
color: #FFF;
}
.gv_banner_block .content_box .box_category .cate__panel > i {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
background: rgba(255, 255, 255, 0.74);
line-height: 20px;
text-align: center;
border-radius: 3px;
}
.gv_banner_block .content_box .box_category .nav_main {
list-style: none;
padding: 8px 0;
margin: 0;
}
.gv_banner_block .content_box .box_category .nav_main > li {
display: block;
padding: 5px 10px;
position: static;
}
.gv_banner_block .content_box .box_category .nav_main > li > a {
display: block;
font-family: Arial, sans-serif;
background: linear-gradient(180deg, #1686ff, #0164d1);
padding: 10px 15px;
border-radius: 8px;
color: #fff;
font-size: 14px;
border: 1px solid #7698bd;
font-weight: bold;
position: relative;
}
.gv_banner_block .content_box .box_category .nav_main > li > a::after {
right: 10px;
content: "";
height: 12px;
width: 8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #fff;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu {
list-style: none;
padding: 10px 0;
margin: 0;
display: none;
opacity: 0;
transition: all 0.45s ease-in-out;
position: absolute;
left: 90%;
border: 2px solid #1686ff;
top: 0;
visibility: hidden;
background: #FFF;
z-index: 0;
min-width: 200px;
height: 100%;
overflow-y: scroll;
border-radius: 0 5px 5px 0;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li {
display: block;
position: relative;
padding: 0px;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li > a {
display: block;
padding: 5px 20px;
color: #212529;
font-size: 13px;
white-space: nowrap;
font-weight: 400;
border-bottom: 1px solid #ccc;
padding-left: 32px;
position: relative;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li > a::before {
content: "";
height: 16px;
width: 16px;
position: absolute;
left: 10px;
top: 7px;
background-image: url(//amthanhco.com.vn/wp-content/themes/gv-soundle/images/sound__icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li > .sub_menu {
list-style: none;
padding: 0;
margin: 0;
display: none;
opacity: 0;
transition: all 0.45s ease-in-out;
position: relative;
visibility: hidden;
background: #FFF;
z-index: -2;
width: 100%;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li > .sub_menu > li {
display: block;
position: relative;
padding: 0px 20px;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li > .sub_menu > li > a {
display: block;
padding: 5px 0;
color: #212529;
font-size: 13px;
font-weight: 400;
border-bottom: 1px solid #eee;
padding-left: 15px;
position: relative;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li > .sub_menu > li > a::before {
content: "";
left: 0;
top: 12px;
height: 7px;
width: 7px;
border: 1px solid #a7e36b;
position: absolute;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li > .sub_menu > li:hover > a {
color: red;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li:hover > a {
color: red;
}
.gv_banner_block .content_box .box_category .nav_main > li > .child_menu > li:hover > .sub_menu {
opacity: 1;
display: block;
visibility: visible;
z-index: 1;
}
.gv_banner_block .content_box .box_category .nav_main > li:hover > a {
background: #489cf7;
color: #000;
}
.gv_banner_block .content_box .box_category .nav_main > li:hover > .child_menu {
left: 100%;
display: block;
opacity: 1;
visibility: visible;
z-index: 11;
}
.gv_banner_block .banner_item > a {
display: block;
border-radius: 6px;
overflow: hidden;
height: 380px;
width: 100%;
background-position: center;
position: relative;
}
.gv_banner_block .banner_item > a img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
} .gv_section_category {
position: relative;
overflow: hidden;
}
.gv_section_category .block_product {
padding: 15px 0;
}
.gv_section_category .block_product .product_wrap {
border: 1px solid #ccc;
padding: 0 5px;
border-top: 0;
}
.gv_section_category .block_product .product_wrap > .row {
margin-left: -5px;
margin-right: -5px;
}
.gv_section_category .block_product .product_wrap > .row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.gv_section_category .block_product .product_wrap .product_item {
padding: 0 5px;
}
.gv_section_category .block_product .product_wrap .product_item .product_inner {
margin: 10px 0;
} .woocommerce .woocommerce-breadcrumb {
border: 1px solid #bbb;
background: #FFF;
margin-top: 5px;
padding: 9px 15px;
border-radius: 2px;
} .gv_product_blog {
position: relative;
}
.gv_product_blog main .orderby {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.gv_product_blog main .orderby span {
margin-right: 10px;
}
.gv_product_blog main .orderby .woocommerce-ordering {
float: none;
margin: 0;
}
.gv_product_blog main .orderby .woocommerce-ordering select {
padding: 0px 5px;
border: 2px solid #fff;
border-radius: 2px;
}
.gv_product_blog main .main__product {
border: 1px solid #ccc;
padding: 10px;
border-top: 0;
}
.gv_product_blog main .main__product > .row {
margin-left: -5px;
margin-right: -5px;
}
.gv_product_blog main .main__product > .row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.gv_product_blog main .main__product .product_item .product_inner {
margin: 10px 0;
} .gv_product_detail {
position: relative;
overflow: hidden;
}
.gv_product_detail main .content_box .product_block .product_item .product_inner {
margin: 10px 0;
} .gv_section_page {
position: relative;
overflow: hidden;
} .gv_page_woocommerce {
position: relative;
overflow: hidden;
} .gv_section_page {
position: relative;
overflow: hidden;
}
.gv_section_page .content-col > article {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
} .gv_section_single {
position: relative;
overflow: hidden;
}
.gv_section_single .content-col > article {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
}
.gv_section_single .content-col > article .title {
font-size: 22px;
font-weight: 600;
}
.gv_section_single .related-grid .related-box {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
} .gv_section_blog {
position: relative;
overflow: hidden;
}
.gv_section_blog .content-col .list_block {
border: 1px solid #ccc;
padding: 10px 10px;
background: #fff;
border-radius: 0 0 6px 6px;
}
.gv_section_blog .content-col .list_block .post_item {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.gv_section_blog .content-col .list_block .post_item:last-child {
border-bottom: 0;
} .gv_footer_nav {
position: relative;
background: #1484fc;
}
.gv_footer_nav .footer_nav .nav_menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.gv_footer_nav .footer_nav .nav_menu > li {
display: inline-block;
position: relative;
}
.gv_footer_nav .footer_nav .nav_menu > li > a {
padding: 10px 15px;
position: relative;
display: block;
font-family: Arial, sans-serif;
color: #FFF;
}
.gv_footer_nav .footer_nav .nav_menu > li > a::before {
content: "";
height: 14px;
width: 1px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: #add;
}
.gv_footer_nav .footer_nav .nav_menu > li:last-child > a::before {
display: none;
}
.gv_footer_nav .footer_nav .nav_menu > li.home.active > a {
color: #ffffff;
font-weight: bold;
} .gv_footer_block {
position: relative;
overflow: hidden;
background: #313435;
color: #FFF;
}
.gv_footer_block [class*=footer__] .inner {
padding: 10px 0;
}
.gv_footer_block [class*=footer__] .inner .title {
text-transform: uppercase;
font-weight: 600;
margin: 0 0 15px;
font-size: 18px;
color: #FFF;
padding-bottom: 9px;
position: relative;
border-bottom: 1px solid #fff;
}
.gv_footer_block [class*=footer__] .inner .title::before {
height: 5px;
width: 50px;
position: absolute;
bottom: -3px;
left: 10px;
content: "";
background: #fff;
}
.gv_footer_block .footer__block .list__contact {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .list__contact > li {
margin-bottom: 11px;
position: relative;
display: block;
}
.gv_footer_block .footer__block .list__contact > li a {
color: #fff;
}
.gv_footer_block .footer__block .list__contact > li b {
font-weight: 600;
}
.gv_footer_block .footer__block .statitics {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .statitics > li {
display: flex;
align-items: center;
margin-bottom: 10px;
font-size: 15px;
}
.gv_footer_block .footer__block .statitics > li i {
margin-right: 5px;
}
.gv_footer_block .footer__block .statitics > li span {
margin-left: 5px;
font-weight: 600;
}
.gv_footer_block .footer__block .map_box {
display: block;
height: 200px;
position: relative;
background-position: center;
border: 4px solid #236b93;
}
.gv_footer_block .footer__block .map_box img {
height: 100%;
width: 100%;
top: 0;
bottom: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
position: absolute;
}
.gv_footer_block .footer__block .list__menu {
list-style: none;
padding: 0;
margin: 0;
}
.gv_footer_block .footer__block .list__menu > li {
margin-bottom: 11px;
display: block;
}
.gv_footer_block .footer__block .list__menu > li a {
color: #fff;
display: block;
font-weight: 600;
transition: all 0.25s ease;
}
.gv_footer_block .footer__block .list__menu > li a i {
margin-right: 5px;
}
.gv_footer_block .footer__block .list__menu > li a:hover {
color: orange;
padding-left: 10px;
}