| Server IP : 103.48.194.25 / Your IP : 216.73.217.33 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 8.2.20 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/conlathientai.com-bk/public_html/skin/css/ |
Upload File : |
.row.row-gutter-10 {
margin-left: -5px;
margin-right: -5px
}
.row.row-gutter-10>[class*="col-"] {
padding-left:5px;
padding-right:5px
}
.row.row-gutter-20 {
margin-left: -10px;
margin-right: -10px
}
.row.row-gutter-20>[class*="col-"] {
padding-left:10px;
padding-right:10px
}
.row.row-noGutter {
margin-left: 0;
margin-right: 0
}
.row.row-noGutter-2 {
margin-left: 0px;
margin-right: 0px
}
.row.row-noGutter-2>[class*="col-"] {
padding-left:0px;
padding-right:0px
}
.row.row-noGutter-75 {
margin-left: -7.5px;
margin-right: -7.5px
}
.row.row-noGutter-75>[class*="col-"] {
padding-left:7.5px;
padding-right:7.5px
}
.row.row-noGutter-12 {
margin-left: -10px;
margin-right: -10px
}
@media (max-width: 767px) {
.row.row-noGutter-12 {
margin-left: 0px;
margin-right: 0px
}
}
.row.row-noGutter-12>[class*="col-"] {
padding-left:6px;
padding-right:6px
}
@media (max-width: 767px) {
.row.row-noGutter-12>[class*="col-"] {
padding-left:0px;
padding-right:0px
}
}
@media (max-width: 1199px) {
.row.row-noGutter-fix {
margin-left: -10px;
margin-right: -10px
}
.row.row-noGutter-fix>[class*="col-"] {
padding-left:5px;
padding-right:5px
}
}
.title-h {
font-size: 16px !important;
text-transform: none;
color: #000;
text-decoration: none;
position: relative;
border-bottom: 1px solid #e9edf5;
height: 45px !important
}
.title-h:before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 20%;
height: 2px;
background: #066ceb
}
.title-h a {
color: #000
}
.title_center_page {
font-size: 24px;
font-weight: bold;
color: #000
}
@media (max-width: 991px) {
.title_center_page {
text-align: center
}
}
.title_base_h {
font-size: 30px !important;
font-family: "Quicksand", sans-serif;
font-weight: bold;
line-height: normal;
margin-top: 0px
}
.title_full {
width: 100%;
float: left;
text-align: center
}
.title_full .title_page {
font-weight: 700;
font-size: 48px;
line-height: 70px;
font-family: "Quicksand", sans-serif;
color: #fff;
margin: 0
}
@media (max-width: 480px) {
.title_full .title_page {
font-size: 30px;
line-height: 40px;
margin-bottom: 15px
}
}
.title_full .title_page.large {
font-size: 60px;
line-height: 68px
}
.breadcrumb_nobackground {
display: block;
width: 100%;
overflow: hidden;
margin-bottom: 10px !important
}
.breadcrumb_nobackground .bread-crumb {
display: block;
width: 100%;
background: #fff;
border-top: 1px solid #fd0
}
.breadcrumb_nobackground .bread-crumb .breadcrumb {
margin: 0;
font-size: 14px;
padding: 15px 0;
border-radius: 0;
text-align: left
}
.breadcrumb_nobackground .bread-crumb .breadcrumb li a span {
color: #000
}
.breadcrumb_nobackground .bread-crumb .breadcrumb li .mr_lr {
color: #000
}
.bread-crumb {
background: transparent;
margin-bottom: 0px
}
@media (max-width: 767px) {
.bread-crumb {
margin-bottom: 0px
}
}
.bread-crumb .title-page {
padding: 25px 0px 10px
}
.bread-crumb .title-page .title-head-page {
font-size: 18px;
font-weight: 400;
color: #000;
line-height: 24px
}
.breadcrumb {
font-family: "Quicksand", sans-serif;
margin: 0;
font-size: 14px;
padding: 0px;
border-radius: 0;
font-weight: 400;
line-height: 24px;
background-color: transparent;
width: 100%;
text-align: center
}
.breadcrumb li {
display: inline
}
.breadcrumb li>a {
color: #fff
}
.breadcrumb li>a>span {
color: #fff
}
.breadcrumb li .mr_lr {
padding: 0px 3px;
color: #fff
}
.breadcrumb li span {
display: inline;
color: #fff
}
.breadcrumb li span .fa {
color: #fff;
padding: 0px 5px
}
.breadcrumb li a:hover, .breadcrumb li.active, .breadcrumb li strong {
color: #066ceb;
font-weight: 400;
text-decoration: none
}
.breadcrumb li a:hover span, .breadcrumb li.active span, .breadcrumb li strong span {
color: #066ceb
}
.breadcrumb>li+li:before {
display: none
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-radius: 50%
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-radius: 50%
}
.nav_pagi {
margin: 20px 0px
}
.nav_pagi .pagination {
display: inline-block;
background: #fff;
position: relative;
z-index: 999;
padding: 0 0px;
margin: 0
}
.nav_pagi .pagination .page-link {
float: left;
margin: 0px;
border-radius: 50%;
width: 30px;
background: transparent;
text-align: center;
height: 30px;
font-size: 14px;
padding: 0;
line-height: 30px;
color: #333;
border: none;
text-decoration: none
}
@media (max-width: 375px) {
.nav_pagi .pagination .page-link {
width: 27px;
height: 27px;
line-height: 27px
}
}
.nav_pagi .pagination .page-link.page-db {
width: auto;
padding: 0 20px
}
.nav_pagi .pagination .page-link:hover {
background-color: #066ceb;
color: #fff
}
.nav_pagi .pagination .page-item.disabled .page-link {
border: 0;
display: none
}
.nav_pagi .pagination .page-item.active .page-link {
background-color: #066ceb;
border-color: #066ceb;
color: #fff;
display: block
}
.contact_now {
float: left;
width: 100%;
display: block;
margin-top: 7px
}
.header-block-item {
float: left;
height: 35px;
padding: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 35px
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-block-item {
padding-right: 13px;
font-size: 11px
}
}
.header-block-item:last-child {
padding-right: 0px
}
.header-block-item .icon {
display: inline-block;
width: 40px;
float: left
}
.header-block-item .info {
width: calc(100% - 32px);
-o-width: calc(100% - 32px);
-moz-width: calc(100% - 32px);
-webkit-width: calc(100% - 32px);
display: inline-block;
float: left;
margin-left: 10px;
line-height: 19px
}
.header-block-item .info p {
margin: 0;
line-height: normal;
color: #8d90a6;
font-size: 13px
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-block-item .info p {
font-size: 12px
}
}
.header-block-item .info p a {
color: #066ceb;
font-weight: bold
}
.header-block-item .info p a:hover {
color: #000
}
.header-block-item .info p b {
color: #066ceb
}
.header {
position: relative;
z-index: 1000;
float: left;
width: 100%
}
@media (min-width: 1200px) {
#menu-overlay {
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 999;
display: none
}
#menu-overlay.reveal {
display: block
}
}
.wrap_top_bar {
float: left;
width: 100%;
background: #066ceb
}
.topbar {
height: 50px;
line-height: 50px;
float: left;
width: 100%
}
.topbar .topbar_left {
font-size: 15px;
font-family: "Quicksand", sans-serif
}
@media (min-width: 992px) and (max-width: 1199px) {
.topbar .topbar_left {
font-size: 14px
}
}
.topbar .topbar_left ul {
padding: 0px;
margin: 0px
}
.topbar .topbar_left .item {
display: inline-block
}
.topbar .topbar_left li {
font-size: 15px;
display: inline-block;
color: #fff
}
@media (min-width: 992px) and (max-width: 1199px) {
.topbar .topbar_left li {
font-size: 14px
}
}
.topbar .topbar_left li:hover a {
color: #56509f
}
.topbar .topbar_left li:first-child {
margin-right: 12px
}
@media (max-width: 767px) {
.topbar .topbar_left li:first-child {
margin-right: 0px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
text-align: center
}
}
.topbar .topbar_left li:nth-child(2) {
margin-right: 0px
}
.topbar .topbar_left li b {
color: #000
}
.topbar .topbar_left li a {
font-size: 14px;
font-weight: 400;
color: #fff
}
@media (max-width: 767px) {
.topbar .topbar_left li a {
font-size: 16px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.topbar .topbar_left li a {
font-size: 13px
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.topbar .topbar_left li a {
font-size: 13px
}
}
.topbar_right {
font-size: 15px
}
@media (min-width: 768px) and (max-width: 991px) {
.topbar_right.top-cart-contain {
position: absolute;
right: 15px;
bottom: 0px
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.topbar_right {
font-size: 14px
}
}
@media (max-width: 767px) {
.topbar_right {
position: absolute;
right: 15px;
bottom: 0
}
}
@media (max-width: 767px) {
.topbar_right .list-inline {
float: right !important;
display: inline-block
}
}
.topbar_right .ul-account {
padding: 0px;
padding-top: 15px;
margin: 0px
}
.topbar_right .ul-account .login_content {
height: 50px;
float: left;
position: relative
}
@media (max-width: 767px) {
.topbar_right .ul-account .login_content {
float: none
}
}
.topbar_right .ul-account .login_content:hover ul {
display: block
}
.topbar_right .ul-account .login_content a img {
width: 35px;
height: 35px;
margin-right: 25px
}
.topbar_right .ul-account .login_content a .gavatar {
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #066ceb
}
.topbar_right .ul-account .login_content ul {
position: absolute;
top: 45px;
right: -50px;
min-width: 186px;
border: 1px solid #efefef;
background: #fff;
margin: 0;
padding: 8px 10px;
border-radius: 0 0 3px 3px;
box-shadow: 0 6px 12px 0 rgba(0,0,0,0.18);
z-index: 999;
border-radius: 3px;
display: none
}
@media (max-width: 374px) {
.topbar_right .ul-account .login_content ul {
right: 30px
}
}
@media (min-width: 375px) and (max-width: 414px) {
.topbar_right .ul-account .login_content ul {
right: 50px
}
}
@media (min-width: 425px) and (max-width: 543px) {
.topbar_right .ul-account .login_content ul {
right: 70px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.topbar_right .ul-account .login_content ul {
right: -50px
}
}
.topbar_right .ul-account .login_content ul:before {
border: 9px solid transparent;
border-bottom: 9px solid #fff;
bottom: 100%;
right: 82px;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.topbar_right .ul-account .login_content ul li {
float: none;
text-align: center;
border-radius: 3px;
padding: 5px 0;
margin-left: 0px;
font-family: "Quicksand", sans-serif;
font-size: 14px
}
.topbar_right .ul-account .login_content ul li:nth-child(1) {
background: #066ceb;
margin-bottom: 10px;
border: 1px solid transparent
}
.topbar_right .ul-account .login_content ul li:nth-child(1) a {
color: #fff
}
.topbar_right .ul-account .login_content ul li:nth-child(1):hover {
border: 1px solid #066ceb;
background: #fff
}
.topbar_right .ul-account .login_content ul li:nth-child(1):hover a {
color: #066ceb
}
.topbar_right .ul-account .login_content ul li:nth-child(2) {
background: #7b8395;
border: 1px solid transparent
}
.topbar_right .ul-account .login_content ul li:nth-child(2) a {
color: #fff
}
.topbar_right .ul-account .login_content ul li:nth-child(2):hover {
border: 1px solid #7b8395;
background: #fff
}
.topbar_right .ul-account .login_content ul li:nth-child(2):hover a {
color: #7b8395
}
.topbar_right .ul-account .login_content ul li a {
font-size: 13px;
font-weight: 700;
display: block;
color: #000;
margin: 0
}
.topbar_right li {
font-size: 15px;
margin-left: 15px
}
@media (min-width: 768px) and (max-width: 991px) {
.topbar_right li {
font-size: 12px
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.topbar_right li {
font-size: 13px
}
}
.topbar_right .top-cart-contain {
padding: 0 15px 0 50px
}
@media (max-width: 767px) {
.topbar_right .top-cart-contain {
padding: 0px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.topbar_right .top-cart-contain {
padding: 0 0 0 30px
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.topbar_right .top-cart-contain {
padding: 0 0 0 15px
}
}
.topbar_right .top-cart-contain .cart_header:hover .img_hover_cart {
color: #000
}
.topbar_right .top-cart-contain .cart_header:hover .content_cart_header .bg_cart {
color: #000
}
.topbar_right .top-cart-contain .cart_header:hover .content_cart_header span {
color: #000
}
.topbar_right .top-cart-contain .img_hover_cart {
width: 20px;
display: inline-block;
float: left;
color: #066ceb
}
.topbar_right .top-cart-contain .img_hover_cart .icon_hotline {
float: left;
position: relative;
padding-bottom: 2px
}
.topbar_right .top-cart-contain .img_hover_cart .count_item {
position: absolute;
right: -11px;
top: -10px;
width: 22px;
height: 22px;
line-height: 22px;
font-size: 14px;
color: #fff;
text-align: center;
background: #066ceb;
border-radius: 50%;
font-family: "Quicksand", sans-serif
}
@media (max-width: 991px) {
.topbar_right .top-cart-contain .img_hover_cart .count_item {
top: 24px
}
}
.header_search {
margin-right: 0px;
width: 60px;
position: relative;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
float: right;
margin-top: 12px
}
.header_search input {
float: right;
background: none;
border: none !important;
padding-right: 40px;
color: #333
}
.header_search input::-webkit-input-placeholder {
color:#333
}
.header_search input::-moz-placeholder {
color:#333
}
.header_search input:-ms-input-placeholder {
color:#333
}
.header_search .input-group-btn {
position: absolute;
right: 0;
top: -14px;
width: 30px
}
.header_search .input-group-btn .fas {
font-size: 18px;
color: #066ceb
}
.header_search .input-group {
width: 100%;
margin-bottom: 0
}
.header_search button {
padding: 0;
width: 45px;
background: transparent
}
.header_search button img {
margin-top: 6px
}
@media (min-width: 1400px) {
.header_search:hover {
width: 200px
}
.header_search:hover:after {
display: none
}
}
@media (max-width: 991px) {
.header-main .nav-mobile-button {
top: 56px;
width: 40px;
left: 15px;
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1000
}
.header-main .nav-mobile-button .fas {
font-size: 30px;
color: #066ceb
}
}
.header-main .media_item .media-body h4 {
font-weight: bold;
text-transform: uppercase;
margin: 0
}
.header-main .media_item .media-body span {
font-size: 13px;
text-transform: none;
color: #333
}
.header-main .media_item ion-icon {
font-size: 42px
}
.header-main .media_item ion-icon.icon_1 {
color: #066ceb
}
.header-main .media_item ion-icon.icon_2 {
color: #56509f
}
.menu_search_mobi {
display: block;
float: left;
width: 100%;
position: relative
}
.menu_search_mobi .search_button_mobile {
display: block;
float: left;
width: 30px;
height: 30px;
position: absolute;
right: 5px;
z-index: 9999;
top: -65px
}
.menu_search_mobi .search_button_mobile .icon-fallback-text {
float: right;
display: inline-block;
width: 40px;
height: 20px;
line-height: 20px;
background: transparent;
text-align: center;
margin: 0 auto;
align-items: center;
justify-content: center;
display: flex
}
.menu_search_mobi .search_button_mobile .icon-fallback-text .fas {
font-size: 18px;
color: #066ceb
}
.menu_search_mobi .nav-mobile-button {
top: 56%;
position: absolute;
display: inline-block;
float: left;
height: 30px;
width: unset;
text-transform: uppercase;
font-size: 15px;
color: #000
}
.menu_search_mobi .nav-mobile-button .fas {
font-size: 18px;
padding-right: 10px
}
.menu_search_mobi .search_mobile .icon-fallback-text {
float: right;
display: inline-block;
width: 43px;
height: 43px;
line-height: 43px;
background: #fff;
border: 1px dashed #d7d7d7;
border-radius: 50%;
text-align: center;
margin: 0 auto;
align-items: center;
justify-content: center;
display: flex
}
.menu_search_mobi .search_mobile .icon-fallback-text .fas {
font-size: 15px
}
@media (max-width: 991px) {
.searchboxlager .searchfromtop {
z-index: 3;
display: none;
border-radius: 0px;
z-index: 999999;
position: absolute;
top: 100%;
right: 0px;
width: 100%;
float: right !important;
margin-right: 0px;
margin-left: 0px
}
.searchboxlager .searchfromtop form {
margin-bottom: 0px
}
.searchboxlager .searchfromtop form input {
border: none;
border-top: 1px solid #ebebeb;
border-radius: 0px;
padding: 0px 20px;
margin-bottom: 0px;
box-shadow: none;
height: 45px;
line-height: 45px
}
.searchboxlager .searchfromtop form input:focus {
outline: none;
box-shadow: none
}
.searchboxlager .searchfromtop form input::-webkit-input-placeholder {
color:#000
}
.searchboxlager .searchfromtop form input::-moz-placeholder {
color:#000
}
.searchboxlager .searchfromtop form input:-ms-input-placeholder {
color:#000
}
}
.mid-header {
float: left;
width: 100%;
height: 110px;
line-height: 110px
}
@media (max-width: 991px) {
.mid-header {
padding: 0
}
}
.mid-header .content_header {
position: relative
}
.mid-header .content_header .product-mini-lists .item_small {
border-bottom: none
}
.mid-header .content_header .product-mini-lists .item_small .product-mini-item {
padding: 0px;
display: flex;
align-items: center;
justify-content: center
}
.mid-header .content_header .product-mini-lists .item_small .product-info {
margin-top: 15px
}
.mid-header .content_header .product-mini-lists .item_small .product-info h3 {
font-size: 14px !important
}
.mid-header .content_header .product-mini-lists .item_small .product-info .price-box {
margin: 3px 0 0 0
}
.mid-header .content_header .header-left {
float: left
}
@media (max-width: 991px) {
.mid-header .content_header .header-left {
position: absolute;
top: -10px;
right: 0px;
padding-top: 0px
}
}
.mid-header .content_header .header-left .header-block-item {
float: left;
height: 45px;
padding: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 35px
}
@media (min-width: 992px) and (max-width: 1199px) {
.mid-header .content_header .header-left .header-block-item {
padding-right: 22px;
font-size: 11px
}
}
.mid-header .content_header .header-left .header-block-item:last-child {
padding-right: 0px
}
.mid-header .content_header .header-left .header-block-item .ion_1 {
color: #066ceb
}
.mid-header .content_header .header-left .header-block-item .ion_2 {
color: #56509f
}
.mid-header .content_header .header-left .header-block-item ion-icon {
font-size: 46px;
float: left;
display: inline-block
}
.mid-header .content_header .header-left .header-block-item .info {
width: calc(100% - 32px);
-o-width: calc(100% - 32px);
-moz-width: calc(100% - 32px);
-webkit-width: calc(100% - 32px);
display: inline-block;
float: left;
margin-left: 15px;
line-height: 25px
}
.mid-header .content_header .header-left .header-block-item .info strong {
font-size: 15px;
text-transform: uppercase;
padding-bottom: 5px
}
.mid-header .content_header .header-left .header-block-item .info a {
font-size: 15px;
font-weight: bold
}
.mid-header .content_header .header-left .header-block-item .info p {
margin: 0;
line-height: normal;
color: #8d90a6
}
.mid-header .content_header .header-left .header-block-item .info p a {
color: #066ceb;
font-weight: bold
}
.mid-header .content_header .header-left .header-block-item .info p a:hover {
color: #000
}
.mid-header .content_header .header-left .header-block-item .info p b {
color: #066ceb
}
.mid-header .content_header .header-right {
position: relative;
float: right
}
@media (max-width: 991px) {
.mid-header .content_header .header-right {
float: left;
width: 100%
}
}
.mid-header .content_header .header-right .hotline_dathang {
width: 165px;
float: left;
padding: 15px 0
}
@media (min-width: 992px) and (max-width: 1199px) {
.mid-header .content_header .header-right .hotline_dathang {
width: 151px
}
}
@media (max-width: 767px) {
.mid-header .content_header .header-right .hotline_dathang {
position: absolute;
top: 0;
left: 0
}
}
.mid-header .content_header .header-right .hotline_dathang .content_hotline {
line-height: 17px;
margin-top: 4px;
padding-left: 40px
}
.mid-header .content_header .header-right .hotline_dathang .content_hotline a {
color: #fff;
font-weight: bold;
display: block
}
.mid-header .content_header .header-right .hotline_dathang .content_hotline a:hover {
color: #ffba00
}
.mid-header .content_header .header-right .hotline_dathang .content_hotline span {
color: #ffdada;
font-size: 12px
}
.mid-header .header_search_ .input-group-field {
font-family: "Quicksand", sans-serif;
font-size: 14px;
border-right: none;
padding: 0 0 0 20px
}
.mid-header .header_search_ .icon-fallback-text {
background: transparent;
border: 1px solid #ddd;
border-left: none
}
.mid-header .header_search_ .icon-fallback-text .fa-search {
font-size: 17px
}
.deal_style {
padding: 0px
}
.wrap_time {
width: 100%;
display: inline-block;
position: relative
}
.wrap_time .time {
color: #066ceb;
font-size: 20px
}
.wrap_time .time div {
width: 66px;
height: 66px;
z-index: 199;
background: #fff1f7;
border-radius: 50%;
text-align: center;
line-height: 66px;
font-size: 21px;
color: #fff;
display: inline-block;
float: left
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrap_time .time div {
width: 59px;
height: 59px;
line-height: 59px;
font-size: 20px
}
}
.wrap_time .time span {
background: #066ceb;
display: inline-block;
border-radius: 50%;
width: 57px;
height: 57px;
margin: 4px;
line-height: 40px
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrap_time .time span {
width: 50px;
height: 50px;
line-height: 34px
}
}
.wrap_time .time span p {
display: block;
padding: 0;
margin: 0;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 0
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrap_time .time span p {
font-size: 11px
}
}
.logo {
display: inline-block;
margin-top: 0px;
justify-content: left !important
}
header nav .nav {
position: relative
}
header nav .nav-item {
float: left;
position: relative;
margin-right: 20px
}
header nav .nav-item.has-mega {
position: static !important
}
header nav .nav-item>a {
line-height: 32px;
color: #333
}
header nav .nav-item>a:hover {
color: #066ceb
}
header nav .nav-item>.fa {
color: #333;
right: 0;
top: 33px
}
header nav .nav-item .nav-item-lv2 {
padding: 0 10px
}
header nav .nav-item .nav-item-lv3 {
padding: 0 10px
}
header nav .nav-item:hover>.dropdown-menu {
display: block;
margin-top: 0;
border-radius: 0;
z-index: 9999
}
header nav .nav-item:hover>.mega-content {
display: block
}
header nav .nav-item li.dropdown-submenu {
position: relative
}
header nav .nav-item li.dropdown-submenu .dropdown-menu {
left: 100%;
top: 0
}
header nav .nav-item li.dropdown-submenu:hover>.dropdown-menu {
display: block;
right: 100%;
border-radius: 0
}
.wrap_main {
display: block;
float: left;
width: 100%;
height: 65px;
line-height: 65px
}
.wrap_main .contact_now {
font-size: 14px;
padding: 0 20px
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrap_main .contact_now {
font-size: 13px
}
}
.col-mega {
float: left;
height: 0px
}
.menu_mega {
position: relative
}
.menu_mega .title_menu {
padding: 0px 20px;
position: relative;
height: 55px;
line-height: 55px;
background: #ffba00;
color: #fff
}
.menu_mega .title_menu .title_ {
font-size: 18px;
font-weight: 700;
color: #fff;
text-transform: none;
line-height: 55px;
display: block;
padding-left: 30px
}
@media (max-width: 1199px) {
.menu_mega .title_menu .title_ {
font-size: 15px
}
}
.menu_mega .title_menu .nav_button {
position: absolute;
left: 20px;
top: 0
}
.menu_mega .title_menu .nav_button span {
font-size: 18px;
float: right
}
.menu_mega:hover .list_menu_header {
overflow: visible;
max-height: 3000px;
max-width: 3000px;
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
-moz-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(600px) rotateX(0deg);
-o-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end
}
.home_icon_mn .a-img {
line-height: 52px
}
.bg-header-nav .header-nav>ul.item_big {
text-align: left;
margin: 0;
padding: 0
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item {
font-weight: 400;
display: inline-block;
float: none;
position: relative;
margin-right: 0px;
margin-left: 1px
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item:first-child a {
padding-left: 0px
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>a {
display: block;
text-align: left;
padding: 0px 15px;
font-size: 16px;
font-weight: bold;
height: 60px;
line-height: 60px;
position: relative;
text-decoration: none;
text-transform: none
}
@media (min-width: 992px) and (max-width: 1199px) {
.bg-header-nav .header-nav>ul.item_big>li.nav-item>a {
font-size: 15px;
padding: 0 14px
}
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>a>i {
margin-left: 10px
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover>a {
color: #066ceb
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item:hover>ul {
overflow: visible;
max-height: 3000px;
max-width: 3000px;
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
-moz-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(600px) rotateX(0deg);
-o-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item .item_small {
border-bottom: none;
overflow: hidden;
display: block;
max-height: 0px;
max-width: 0px;
opacity: 0;
-webkit-transform: perspective(600px) rotateX(-90deg);
-moz-transform: perspective(600px) rotateX(-90deg);
-ms-transform: perspective(600px) rotateX(-90deg);
-o-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
-o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
position: absolute;
top: 99%;
left: 0px;
width: 200px;
padding: 0;
background-color: #fff;
box-shadow: 0 1px 11px 0px rgba(0,0,0,0.2);
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li {
float: none;
padding: 0 20px
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li:last-child>a {
border-bottom: 0
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li:hover>ul {
display: block;
position: absolute;
width: 200px;
padding: 0;
background-color: #fff;
z-index: 99;
box-shadow: 0 1px 11px 0px rgba(0,0,0,0.2)
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a {
font-weight: 400;
font-size: 14px;
line-height: 24px;
display: block;
padding: 12px 10px 12px 0px;
color: #000;
position: relative;
border-bottom: solid 1px #f4f4f4;
text-align: left
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a:hover {
color: #066ceb
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li a i {
position: absolute;
right: -10px;
padding: 0px 10px;
top: 0;
line-height: 49px
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul li ul {
display: none;
left: 200px;
top: 0px
}
.bg-header-nav .header-nav>ul.item_big>li.nav-item>ul>li:hover>a {
color: #066ceb
}
.bg-header-nav .header-nav>ul.item_big>li.active>a {
color: #066ceb
}
.bg-header-nav .header-nav ul li ul a.text2line:hover {
color: #066ceb !important;
background: transparent !important
}
.bg-header-nav .header-nav li li {
position: relative
}
#nav-mobile {
z-index: 999
}
.header-nav ul .nav-item.has-mega {
position: static;
height: 50px;
margin-left: 1px
}
.header-nav ul .nav-item:hover>.mega-content {
overflow: visible;
max-height: 3000px;
max-width: 3000px;
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
-moz-transform: perspective(600px) rotateX(0deg);
-ms-transform: perspective(600px) rotateX(0deg);
-o-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end
}
.header-nav ul .nav-item .a-img span.menu-label {
position: absolute;
text-transform: uppercase;
top: -12px;
background: #066ceb;
display: inline;
padding: 4px 8px;
border-radius: 3px;
color: #fff;
font-size: 10px;
right: 23px;
line-height: normal;
letter-spacing: 1px
}
.header-nav ul .nav-item .a-img span.menu-label:after {
border-color: #066ceb transparent transparent transparent;
border-width: 6px 7px 0 6px;
right: 12px;
top: 90%;
border-style: solid;
content: "";
display: block;
height: 0;
position: absolute;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transitio: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 0;
z-index: 100
}
.header-nav .mega-content {
background: #fff;
overflow: hidden;
display: block;
max-height: 0px;
max-width: 0px;
opacity: 0;
-webkit-transform: perspective(600px) rotateX(-90deg);
-moz-transform: perspective(600px) rotateX(-90deg);
-ms-transform: perspective(600px) rotateX(-90deg);
-o-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
-o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
box-shadow: 0 1px 11px 0px rgba(0,0,0,0.2);
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
margin: 0;
padding: 30px 20px 25px 15px;
position: absolute;
top: 100%;
left: 15px;
z-index: 99;
width: 1140px;
border: none;
text-align: left
}
@media (max-width: 1199px) {
.header-nav .mega-content {
left: 15px;
width: 940px
}
}
.header-nav .mega-content .level1.parent h2 {
font-size: 14px;
font-weight: bold;
font-family: "Quicksand", sans-serif;
margin-top: 0;
margin-bottom: 15px;
color: #000
}
.header-nav .mega-content .level1.parent h2 a {
text-transform: uppercase
}
.header-nav .mega-content .level1.parent ul.level1 li {
line-height: 20px
}
.header-nav .mega-content .level1.parent ul.level1 li a {
font-weight: normal !important;
text-transform: none !important;
font-size: 14px;
color: #8d90a6
}
.header-nav .mega-content .level1.parent ul.level1 li+li {
padding-top: 8px
}
.header-nav .mega-content .level1.item {
float: left;
width: 25%;
padding: 0 5px
}
.header-nav .mega-content .level1.item>a {
color: #066ceb
}
.header-nav .mega-content .level1.item>a:hover, .header-nav .mega-content .level1.item>a:focus {
color: #fa348c;
text-decoration: none
}
.header-nav .mega-content .level1.item h2 {
font-size: 14px;
font-weight: bold;
font-family: "Quicksand", sans-serif;
margin-top: 0;
color: #066ceb
}
.header-nav .mega-content .level1.item h2 a {
text-transform: none;
color: #066ceb;
font-family: 'Helvetical', sans-serif;
font-size: 15px
}
.header-nav .mega-content .level1.item h2 a:hover {
color: #000
}
.header-nav .mega-content .level1.item ul.level1 {
margin-bottom: 30px;
padding-left: 0px
}
.header-nav .mega-content .level1.item ul.level1 li a {
font-weight: normal !important;
text-transform: none !important;
color: #000
}
.header-nav .mega-content .level1.item ul.level1 li a:hover, .header-nav .mega-content .level1.item ul.level1 li a:focus {
text-decoration: none;
color: #066ceb
}
.header-nav .mega-content .level0-wrapper2 .nav-block .level0 {
padding: 0px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.header-nav .mega-content.mega_img {
background-image: url("//bizweb.dktcdn.net/100/347/562/themes/795020/assets/banner_menu_1.png?1594605914128");
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
min-height: 400px
}
.address_content {
line-height: 50px;
height: 50px;
float: left;
width: 100%;
text-align: right
}
.address_content a {
color: #fff;
font-weight: bold;
font-size: 14px
}
.address_content a:hover {
color: #066ceb
}
.address_content a .icon_htch {
padding-right: 5px
}
.footer {
border-top: 1px solid #ebebeb;
background: #dff2ff;
}
.footer .logo_footer {
margin-top: 40px
}
@media (max-width: 767px) {
.mid-footer {
margin-bottom: 0px
}
}
.mid-footer .title-menu2 {
margin: 0;
letter-spacing: 0.5px;
font-weight: bold;
margin-bottom: 18px;
margin-top: 10px;
color: #000
}
@media (min-width: 768px) {
.mid-footer .title-menu2 {
line-height: normal
}
}
@media (min-width: 768px) {
.mid-footer .title-menu2.icon_title_last {
margin-bottom: 8px
}
}
.mid-footer .title-menu2 a {
cursor: default;
font-size: 14px;
text-transform: uppercase;
color: #000;
font-weight: 700;
position: relative
}
.mid-footer .title-menu2 a i.fa {
display: none
}
.mid-footer .title-menu2 a:hover {
color: #066ceb
}
@media (max-width: 767px) {
.mid-footer .title-menu2 {
margin-bottom: 0px;
margin-top: 0px
}
.mid-footer .title-menu2 a {
padding: 20px 0px;
display: block;
cursor: pointer
}
.mid-footer .title-menu2 a i.fa {
display: block;
position: absolute;
right: -10px;
width: 30px;
top: 15px;
text-align: center;
height: 30px;
line-height: 30px
}
.mid-footer .title-menu2 a i.fa:before {
content: "\f068"
}
.mid-footer .title-menu2 a.collapsed i.fa:before {
content: "\f067"
}
}
.mid-footer .contact_mail input {
width: 170px;
border-radius: 3px;
margin-right: 3px;
margin-bottom: 0;
display: inline-block;
background: #ebebeb;
padding: 0 20px 0 15px;
min-height: 34px;
border: none
}
.mid-footer .contact_mail input::-webkit-input-placeholder {
color:#000
}
.mid-footer .contact_mail input::-moz-placeholder {
color:#000
}
.mid-footer .contact_mail input:-ms-input-placeholder {
color:#000
}
@media (max-width: 991px) {
.mid-footer .contact_mail input {
width: calc(100% - 93px)
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.mid-footer .contact_mail input {
width: calc(100% - 77px);
padding: 0 8px 0 8px;
font-size: 13px
}
}
.mid-footer .contact_mail .btn {
margin-top: -3px;
line-height: 34px;
height: 34px;
border-radius: 3px;
padding: 0 17px;
text-transform: none
}
@media (min-width: 992px) and (max-width: 1199px) {
.mid-footer .contact_mail .btn {
font-size: 13px;
padding: 0 9px
}
}
.mid-footer .pay_footer li {
float: left;
margin-right: 10px
}
@media (min-width: 768px) and (max-width: 991px) {
.mid-footer .pay_footer li {
margin-right: 7px
}
}
.mid-footer .pay_footer li a {
display: inline-block
}
.mid-footer .mail_footer {
float: left;
width: 100%
}
.social_footer .follow_option {
padding: 0;
float: right
}
.social_footer .follow_option li {
float: left;
margin-right: 0px;
font-size: 14px;
margin-left: 10px
}
.social_footer .follow_option li a {
display: inline-block;
width: 25px;
height: 25px;
background-color: transparent;
text-align: center;
line-height: 22px;
border-radius: 50%;
text-decoration: none;
border: 1px solid #fff
}
.social_footer .follow_option li a .fas, .social_footer .follow_option li a .fab {
color: #fd0;
font-size: 11px
}
.social_footer .follow_option li a:hover {
background: #066ceb;
border: 1px solid #fff
}
.social_footer .follow_option li a:hover .fas, .social_footer .follow_option li a:hover .fab {
color: #fff
}
.hotline_footer {
display: flex;
text-align: center;
justify-content: center;
align-items: center
}
.hotline_footer ul {
padding: 0px
}
.hotline_footer ul li {
width: 100%;
float: left;
text-align: left;
display: inline-block;
color: #000;
font-size: 14px;
font-weight: 400
}
@media (max-width: 376px) {
.hotline_footer ul li {
float: none
}
}
@media (max-width: 376px) {
.hotline_footer ul li.line_ft {
display: none
}
}
.hotline_footer ul li a {
color: #000;
font-size: 14px;
font-weight: 400
}
.hotline_footer ul li a:hover {
color: #066ceb
}
footer.footer .bct {
float: left;
width: 100%
}
@media (max-width: 767px) {
footer.footer .bct {
margin-bottom: 15px
}
}
footer.footer .bct ul li {
display: inline-block
}
footer.footer .bct ul li:nth-child(1) {
margin-right: 10px
}
footer.footer .widget-db {
text-align: center;
display: flex;
align-items: center;
justify-content: center
}
@media (max-width: 1199px) {
footer.footer .widget-db {
display: block
}
}
footer.footer .widget-db .item {
display: inline-block;
float: left;
text-align: center;
margin-right: 20px;
position: relative
}
@media (max-width: 1199px) {
footer.footer .widget-db .item {
width: 100%;
float: none;
display: block
}
}
footer.footer .widget-db .item:first-child:before {
content: "-";
position: absolute;
top: -7px;
right: -13px;
color: #959595
}
@media (max-width: 1199px) {
footer.footer .widget-db .item:first-child:before {
content: unset
}
}
footer.footer .widget-ft {
padding-bottom: 40px
}
footer.footer .widget-ft.first {
border-left: none;
padding-left: 0
}
footer.footer .widget-ft.last {
float: left;
width: 100%;
padding-bottom: 61px
}
@media (max-width: 1199px) {
footer.footer .widget-ft {
padding-left: 0px;
padding-bottom: 0px;
border-left: 0
}
}
@media (max-width: 767px) {
footer.footer .widget-ft {
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-left: 0
}
footer.footer .widget-ft.last-child {
border-bottom: 0;
margin-bottom: 0
}
footer.footer .widget-ft.last {
padding-bottom: 0px;
border-bottom: none
}
}
footer.footer .widget-ft .title-db {
padding-bottom: 0px
}
footer.footer .widget-ft .title-menu4 {
color: #000;
font-size: 14px;
font-weight: 500;
text-align: left;
position: relative;
margin-bottom: 5px
}
footer.footer .widget-ft .title-menu4 a {
color: #000
}
footer.footer .widget-ft .title-menu4.icon_none_first {
margin-top: 20px
}
@media (max-width: 767px) {
footer.footer .widget-ft .title-menu4.icon_none_first {
margin-top: 0px
}
}
footer.footer .bg-footer-bottom {
background: #111321
}
footer.footer .copyright {
line-height: 40px;
text-align: center;
font-size: 14px;
position: relative;
padding: 5px 0px;
background: #17171a
}
@media (max-width: 991px) {
footer.footer .copyright {
margin-top: 25px
}
}
footer.footer .copyright span.wsp {
color: #959595
}
footer.footer .copyright span.wsp .mobile {
opacity: 1
}
footer.footer .copyright span.wsp .mobile b {
color: #066ceb;
font-weight: 400
}
footer.footer .copyright a {
font-weight: 400;
color: #066ceb;
opacity: 1;
z-index: 999
}
footer.footer .copyright a:hover {
color: #066ceb !important;
opacity: 1
}
footer.footer .copyright .ul_menu_fot {
float: right
}
footer.footer .copyright .ul_menu_fot li {
float: left;
font-size: 13px;
margin: 0px 7px
}
footer.footer .copyright .ul_menu_fot li:last-child {
margin: 0 0 0 10px
}
footer.footer .copyright .ul_menu_fot li a {
text-decoration: none;
color: #acacac
}
@media (min-width: 768px) and (max-width: 991px) {
footer.footer .footer-inner .col-sm-6:nth-child(2n+1) {
clear: left
}
}
@media (min-width: 992px) {
footer.footer .copyright .inner .row.tablet {
display: flex;
flex-flow: row
}
footer.footer .copyright .inner .row.tablet #copyright {
order: 1
}
footer.footer .copyright .inner .row.tablet #menu_fot {
order: 2
}
}
@media (max-width: 991px) {
footer.footer .copyright .inner .fot_copyright {
text-align: center !important
}
footer.footer .copyright .inner .fot_menu_copyright .ul_menu_fot {
width: 100%;
padding-right: 0px;
text-align: center
}
footer.footer .copyright .inner .fot_menu_copyright .ul_menu_fot li {
float: none;
display: inline-block
}
}
@media (max-width: 767px) {
footer.footer .copyright .inner .wsp {
overflow: hidden;
padding: 15px 0px;
display: block
}
footer.footer .copyright .inner .mobile {
display: block;
width: 100%;
text-align: center !important;
line-height: 24px
}
footer.footer footer .site-footer h4 {
margin: 0;
padding: 15px 0 0px;
font-size: 17px;
cursor: pointer;
margin-bottom: 15px;
border-top: solid 1px #2d3753
}
footer.footer footer .footer-inner .col-xs-12:nth-child(2) {
margin-top: 20px
}
footer.footer .padding-bottom-50 {
padding-bottom: 20px !important
}
}
footer.footer .logo {
padding-bottom: 15px
}
footer.footer .logo a img {
width: auto;
max-height: 80px
}
@media (max-width: 1199px) {
footer.footer .logo a {
font-size: 62px
}
footer.footer .logo a img {
max-height: 60px
}
}
@media (max-width: 767px) {
footer.footer .logo {
text-align: left;
padding: 0px
}
footer.footer .logo a {
font-size: 60px;
line-height: 60px
}
footer.footer .logo a img {
width: auto;
max-height: 60px
}
}
@media (max-width: 480px) {
footer.footer .logo {
text-align: center
}
}
footer.footer ul.contact {
margin-bottom: 30px;
padding: 0px
}
@media (max-width: 991px) {
footer.footer ul.contact {
margin-bottom: 10px
}
}
footer.footer ul.contact.contact_x {
margin-bottom: 10px
}
footer.footer ul.contact.contact_x .sdt {
display: inline-block
}
footer.footer ul.contact.contact_x .line {
display: inline-block;
padding: 0 3px;
color: #959595
}
footer.footer ul.contact.contact_x li {
color: #959595
}
footer.footer ul.contact.contact_x li b {
color: #959595
}
footer.footer ul.contact.contact_x li a {
color: #959595
}
footer.footer ul.contact.contact_x li a:hover {
color: #066ceb
}
footer.footer ul.contact li {
font-size: 14px;
position: relative;
color: #959595;
margin-bottom: 0px !important;
line-height: 20px
}
footer.footer ul.contact li:nth-child(1) {
margin-bottom: 0px
}
@media (max-width: 1199px) and (min-width: 992px) {
footer.footer ul.contact li:nth-child(1) {
margin-bottom: 0px
}
}
footer.footer ul.contact li i.fa {
float: left;
position: relative;
top: 0px;
border-radius: 3px;
width: 28px;
text-align: center;
height: 28px;
display: block;
margin-right: 5px;
margin-top: -2px;
padding-left: 2px;
line-height: 28px;
color: #066ceb;
background-repeat: no-repeat
}
footer.footer ul.contact li .txt_content_child {
display: inherit
}
footer.footer ul.contact li a {
color: #000
}
footer.footer ul.contact li a:hover {
color: #fff
}
footer.footer ul.contact li.sdt a {
margin-right: 0px
}
@media (min-width: 1200px) {
footer.footer ul.contact li.sdt a:after {
content: "-";
margin-left: 5px
}
}
footer.footer ul.contact li.sdt a:last-child {
margin-right: 0px
}
footer.footer ul.contact li.sdt a:last-child:after {
display: none
}
@media (max-width: 1199px) {
footer.footer ul.contact li.sdt .email_style {
display: block
}
}
footer.footer .title-menu-first {
margin: 0;
font-size: 14px;
line-height: normal;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 30px;
margin-top: 50px;
color: #fff
}
footer.footer .title-menu {
margin: 0;
line-height: normal;
letter-spacing: 0.5px;
font-weight: bold;
margin-bottom: 15px;
padding-top: 90px;
color: #000;
position: relative
}
footer.footer .title-menu.title_mail {
padding-top: 15px
}
footer.footer .title-menu.title_mail:before {
content: unset
}
footer.footer .title-menu a {
padding-right: 12px;
/*background: #fff;*/
cursor: default;
font-size: 16px;
font-family: "Quicksand", sans-serif;
text-transform: uppercase;
color: #000;
font-weight: 700;
position: relative
}
@media (max-width: 374px) {
footer.footer .title-menu a {
font-size: 13px
}
}
footer.footer .title-menu a i.fa {
display: none
}
footer.footer .title-menu a:hover {
color: #000
}
@media (max-width: 767px) {
footer.footer .title-menu {
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px !important
}
footer.footer .title-menu a {
padding: 15px 20px 15px 0;
line-height: 22px;
display: block;
cursor: pointer
}
footer.footer .title-menu a i.fa {
display: block;
position: absolute;
right: -7px;
width: 25px;
top: 17px;
text-align: center;
height: 25px;
line-height: 25px;
border-radius: 3px;
padding-left: 1px;
font-size: 14px;
border-radius: 50%
}
footer.footer .title-menu a i.fa:before {
content: "\f068";
color: #066ceb
}
footer.footer .title-menu a.collapsed i.fa:before {
content: "\f067"
}
}
footer.footer .img_project_footer .item_tab_cl {
padding-left: 0px
}
footer.footer .img_project_footer .item_tab_cl .blog-thumbnail {
cursor: pointer
}
footer.footer .name_company {
font-size: 14px;
color: #066ceb;
text-transform: uppercase;
font-weight: bold
}
@media (max-width: 320px) {
footer.footer .name_company {
font-size: 13px
}
}
@media (min-width: 768px) {
footer.footer .collapse {
display: block
}
}
footer.footer .list-menu {
line-height: 35px;
padding: 0px
}
footer.footer .list-menu.list-menu-time {
line-height: normal
}
footer.footer .list-menu.hotline_ul {
font-weight: bold;
font-size: 16px;
color: #066ceb
}
footer.footer .list-menu.hotline_ul a {
font-size: 16px;
color: #066ceb
}
footer.footer .list-menu .li_menu {
margin-bottom: 0px;
font-size: 14px;
line-height: 32px
}
footer.footer .list-menu .li_menu a:hover {
color: #066ceb
}
footer.footer .list-menu .li_menu.li_menu_xxx {
position: relative;
margin-left: 50px;
margin-top: 0px !important;
color: #fff
}
footer.footer .list-menu .li_menu.li_menu_xxx:hover {
margin-left: 50px !important
}
footer.footer .list-menu .li_menu.li_menu_xxx:before {
content: "";
background-image: url("//bizweb.dktcdn.net/100/347/562/themes/795020/assets/phone_footer.png?1594605914128");
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: -50px;
top: 6px
}
footer.footer .list-menu .li_menu.li_menu_xxx .timexx {
display: block;
float: left;
width: 100%
}
footer.footer .list-menu .li_menu.li_menu_xxx a {
font-size: 24px;
color: #fff;
font-weight: bold;
display: block;
opacity: 1 !important
}
footer.footer .list-menu .li_menu.li_menu_xxx .hour_ {
font-size: 11px;
opacity: .7
}
footer.footer .list-menu .social_ {
margin-bottom: 0px;
font-size: 15px;
color: #83858e;
-webkit-transition: 0.5s;
transition: 0.5s
}
footer.footer .list-menu .social_:hover {
color: #fff
}
footer.footer .list-menu .social_ .ico_ {
float: left;
position: relative;
top: 2px;
width: 20px;
height: 30px;
display: block;
margin-top: 0px;
padding-left: 0px;
line-height: 35px
}
footer.footer .list-menu .social_ a {
font-size: 14px;
color: #acacac;
margin-left: 5px
}
footer.footer .list-menu .social_ a:hover {
color: #fff
}
footer.footer .bottom-ft {
padding: 20px 0px
}
@media (max-width: 767px) {
footer.footer .bottom-ft {
border-top: none
}
}
footer.footer .bottom-ft .info-website {
margin: 0;
color: #83858e;
font-size: 14px
}
@media (max-width: 767px) {
footer.footer .bottom-ft .info-website {
text-align: center
}
}
footer.footer .bottom-ft .info-website a {
color: #fff
}
footer.footer .bottom-ft .info-website a:hover {
color: #066ceb
}
footer.footer .bottom-ft .info-website b {
font-weight: normal;
color: #fff
}
footer.footer .bottom-ft .list-menu-bft {
float: right
}
footer.footer .bottom-ft .list-menu-bft li {
float: left
}
footer.footer .bottom-ft .list-menu-bft li a {
padding: 0px 10px;
font-weight: normal
}
.backtop {
position: fixed;
top: auto !important;
color: #fff;
border-radius: 50%;
background: #c6cddb;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0 !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
width: 58px;
height: 58px;
z-index: 199;
background-color: #fff1f7;
border-radius: 50%;
text-align: center;
line-height: 58px;
font-size: 18px;
color: #fff;
cursor: pointer;
display: inline-block;
float: left
}
.backtop .border_btt {
display: inline-block;
border-radius: 50%;
width: 50px;
height: 50px;
margin: 4px;
line-height: 50px;
background: #066ceb
}
.backtop:hover {
background: #066ceb;
color: #066ceb
}
.backtop:hover .border_btt {
background-color: #fff1f7
}
.backtop:hover .fas {
color: #066ceb
}
.backtop .fas {
font-size: 16px;
color: #fff
}
.backtop.show {
opacity: 1 !important
}
@media (min-width: 1441px) {
.backtop {
right: 15%;
bottom: 20px
}
.phone_backtotop {
bottom: 20px !important;
left: 15%
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.backtop {
right: 15px;
bottom: 30px
}
.phone_backtotop {
left: 15px;
bottom: 30px
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.backtop {
right: 25px;
bottom: 40px
}
.phone_backtotop {
left: 25px;
bottom: 40px
}
}
@media (max-width: 767px) {
.backtop {
right: 5%;
bottom: 20px
}
.phone_backtotop {
left: 5%;
bottom: 20px
}
}
.content_all h1 {
margin: 0px;
font-family: "Quicksand", sans-serif;
font-size: 28px;
font-weight: 700;
text-align: left;
}
.content_all .dmsp .aside-content {
padding-top: 15px !important
}
.aside {}
.aside-item {}
.title-head {
background: #056cea;
padding: 15px;
margin: 0;
line-height: 16px;
}
.title-head a {
font-size: 20px;
color: #FFF;
text-decoration: none;
}
.list-blogs {}
.blog-item {
padding: 8px 0;
border-bottom: 1px dotted #f1eeee;
}
.blog-item .panel-box-media {
float: left;
margin-right: 8px;
display: block;
height: 65px;
border: 1px dotted #CCC;
}
.blog-item .panel-box-media img {
height:100%;
}
.blog-item .img-item {}
.blog-item .blogs-rights{}
.blog-item .blog-item-name {
font-size: 16px;
font-weight: normal;
}
.blog-item .blog-item-name a {}
@media (min-width: 992px) {
.blog-main .col-md-4:nth-child(3n+1), .blog-main .col-lg-4:nth-child(3n+1) {
clear: left
}
}
@media (min-width: 768px) and (max-width: 991px) {
.blog-main .col-sm-6:nth-child(2n+1) {
clear: left
}
}
.blog-main .myblog:nth-child(1) .blog_item {
padding-top: 0px
}
.blog-main .myblog .content_blog {
padding-bottom: 25px
}
@media (max-width: 767px) {
.blog-main .myblog .content_blog {
padding-top: 30px
}
}
.blog-main .myblog .blog_item {
width: 100%;
float: left;
padding: 30px 0;
border-bottom: 1px solid #ebebeb
}
.blog-main .myblog .blog_item .left_item {
width: 370px;
height: auto;
display: block;
float: left
}
@media (max-width: 767px) {
.blog-main .myblog .blog_item .left_item {
width: 100%
}
}
.blog-main .myblog .blog_item .left_item .image-blog-left a img {
height: 270px;
width: 100%
}
@media (max-width: 767px) {
.blog-main .myblog .blog_item .left_item .image-blog-left a img {
height: auto
}
}
.blog-main .myblog .blog_item .right_item {
width: calc(100% - 370px);
-webkit-width: calc(100% - 370px);
-moz-width: calc(100% - 370px);
-o-width: calc(100% - 370px);
-os-width: calc(100% - 370px);
display: block;
float: left;
padding-left: 30px
}
@media (max-width: 767px) {
.blog-main .myblog .blog_item .right_item {
width: 100%;
padding-left: 0px
}
}
.left-content {
margin-top: -5px
}
.left-content .aside-item {
margin-bottom: 25px
}
.left-content .aside-item.blog-aside-article {
margin-bottom: 20px;
margin-top: 45px
}
.left-content .aside-item .aside-content {
padding-bottom: 20px
}
.left-content .aside-item .aside-content.aside-content-article {
padding-bottom: 10px !important
}
.left-content .content_tags {
float: left;
width: 100%;
border-bottom: none !important
}
.left-content .content_tags .tag_blog {
background: #fff;
border: 1px solid #ebebeb;
border-radius: 3px;
padding: 5px 15px;
margin: 5px 10px 5px 0px;
float: left;
color: #333;
word-break: break-word
}
.left-content .content_tags .tag_blog:hover {
border: 1px solid transparent;
background: #066ceb;
color: #fff
}
@media (max-width: 1199px) {
.blog-item-info {
margin-top: 15px
}
}
.blog-item-name {
position: relative;
font-size: 24px;
font-weight: 700;
line-height: normal;
margin-top: 0;
margin-bottom: 0px
}
.blog-item-name a {
color: #333
}
.blog-item-name a:hover {
color: #066ceb
}
.blog-item-name .fa {
position: absolute;
left: 0;
top: 9px;
font-size: .78571em;
color: #066ceb
}
.border_bot_blog {
border-bottom: 1px solid #ebebeb;
margin-bottom: 18px
}
.post-time {
color: #bbbdc9;
font-size: 14px;
margin-bottom: 15px;
margin-right: 20px;
display: inline-block
}
.post-time .fa {
margin-left: 10px
}
@media (max-width: 374px) {
.post-time .fa {
margin-left: 0px
}
}
@media (min-width: 375px) and (max-width: 767px) {
.post-time .fa {
margin-left: 7px
}
}
.blog-item-summary {
font-size: 14px;
margin-bottom: 20px;
color: #333;
line-height: 22px
}
.blog-item-thumbnail {
position: relative
}
.blog-list h5 {
text-transform: uppercase;
line-height: 26px;
margin: 0px;
padding-top: 30px;
padding-bottom: 5px
}
.blog-list .loop-blog {
min-height: 80px;
overflow: hidden;
padding: 20px 0px;
border-bottom: 1px solid #ebebeb
}
.blog-list .loop-blog:last-child {
border: none
}
.blog-list .loop-blog .thumb-left {
width: 90px;
max-width: 90px;
height: auto;
display: block;
float: left
}
.blog-list .loop-blog .blog-item-summary {
margin-bottom: 0
}
.blog-list .loop-blog .name-right {
display: block;
float: left;
width: calc(100% - 110px);
margin-left: 20px
}
.blog-list .loop-blog .name-right h3 {
position: relative;
font-size: 14px;
font-family: "Quicksand", sans-serif;
font-weight: 600;
line-height: 1.4;
margin-top: 0px;
margin-bottom: 0px
}
.blog-list .loop-blog .name-right h3 a {
color: #363636
}
.blog-list .loop-blog .name-right h3:hover a {
text-decoration: none;
color: #066ceb
}
.blog-list .loop-blog .date {
margin: 7px 0 10px;
font-weight: 400;
color: #acacac;
font-size: 13px
}
.blog-list .more_blog a {
line-height: 3;
font-size: 1.07143em;
color: #898989;
display: block
}
.blog-list .more_blog a:hover {
text-decoration: none;
color: #066ceb
}
.left-content .aside-title {
margin-top: 0px
}
.left-content .title-head-1 {
margin: 0px;
font-size: 16px !important;
color: #fff;
text-transform: uppercase;
font-weight: bold;
position: relative;
display: block;
background-image: url("//bizweb.dktcdn.net/100/347/562/themes/795020/assets/bg_titlehead.png?1594605914128");
background-repeat: no-repeat;
width: 100%;
height: 100%;
text-align: center;
padding: 3px 0;
background-position: center
}
@media (min-width: 992px) and (max-width: 1199px) {
.left-content .title-head-1 {
font-size: 15px !important
}
}
@media (max-width: 1199px) {
.left-content .title-head-1 {
background-image: url("//bizweb.dktcdn.net/100/347/562/themes/795020/assets/bg_header-mobile.png?1594605914128");
width: 100%;
margin: 0;
padding: 3px 20px !important;
background-repeat: unset;
background-position: unset;
text-align: left
}
}
@media (min-width: 1200px) {
.left-content .title-head-1:before {
content: "";
position: absolute;
top: 48px;
left: 0px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 0;
border-color: transparent #066ceb transparent transparent
}
.left-content .title-head-1:after {
content: "";
position: absolute;
bottom: -15px !important;
right: 0px !important;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: #066ceb transparent transparent transparent
}
}
.left-content .title-head-1 span {
display: block;
padding: 0
}
.left-content .title-head {
margin: 0px;
font-size: 20px;
text-transform: none;
font-weight: bold;
font-family: "Quicksand", sans-serif;
position: relative;
display: block
}
.left-content .title-head span {
display: block;
padding: 0px 0
}
.left-content .aside-blog {
margin-top: 15px
}
.left-content .aside-blog .nav-item {
position: relative;
clear: left;
font-size: 1em;
padding: 5px 0px 5px 0px
}
.left-content .aside-blog .nav-item:last-child {
border-bottom: none
}
.left-content .aside-blog .nav-item a {
font-size: 1em;
font-weight: bold
}
.left-content .aside-blog .nav-item .fa {
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
cursor: pointer
}
.left-content .aside-blog .nav-item .fa.fa-caret-right {
right: auto;
left: 0;
top: 16px;
text-align: left
}
.left-content .aside-blog .nav-item .dropdown-menu {
width: 100%;
border: 0;
padding-left: 15px
}
.left-content .aside-blog .nav-item.active {
border-bottom: none
}
.left-content .aside-blog .nav-item.active>a {
color: #066ceb
}
.left-content .aside-blog .nav-item.active>.fa {
color: #066ceb
}
.left-content .aside-blog .nav-item.active>.dropdown-menu {
display: block
}
.left-content .aside-blog .nav-item:hover>a {
color: #066ceb;
background-color: transparent
}
.article-main .article-details .date {
margin: 15px 0 10px
}
.article-main .rte {
color: #333;
font-size: 14px;
margin-top: 5px
}
@media (max-width: 767px) {
.article-main .rte iframe {
display: block;
float: left;
width: 100%
}
}
.article-main .article-image {
margin-bottom: 30px;
text-align: center
}
.article-main .article-image a {
margin: 0 auto
}
.article-main .article-title {
margin-top: 0px;
margin-bottom: 0;
font-size: 30px;
font-family: "Quicksand", sans-serif;
font-weight: bold;
color: #000;
line-height: 36px;
float: left;
width: 100%
}
.article-main .post-time {
margin-bottom: 0px
}
.article-main .article-content {
font-size: 1.14286em
}
.article-main .form-group {
margin: 0;
padding-top: 0;
padding-bottom: 5px
}
.tag-share {
clear: left;
padding: 20px 0;
border-bottom: 1px solid #EAEBF3;
line-height: 30px
}
.tag-share .social-media {
color: #7b7b7b
}
.tag-share .social-media a {
margin-left: 5px;
width: 24px;
height: 24px;
border: 1px solid #b1b1b1;
display: inline-block;
line-height: 24px;
text-align: center;
border-radius: 50%;
color: #b1b1b1;
font-size: 12px
}
.tag-share .social-media a:hover {
color: #066ceb;
border-color: #066ceb
}
.tag_article {
color: #000;
padding-left: 0px;
font-size: 14px
}
.tag_article .icon_tag {
color: #7b8395;
margin-right: 5px
}
.tag_article .fa {
transform: translateY(1px)
}
.tag_article a {
color: #7b8395
}
.tag_article a:hover {
color: #066ceb
}
@media (max-width: 767px) {
.tag-share>div {
text-align: left !important;
padding-left: 0px
}
.tag-share .social-sharing {
float: left !important;
margin-top: 5px
}
}
.title-form-coment {
font-size: 24px;
font-family: "Quicksand", sans-serif;
font-weight: 700;
text-transform: none;
margin-top: 30px;
margin-bottom: 5px;
color: #474a62
}
.article-main form {
display: block;
float: left;
width: 100%;
padding-top: 0px;
margin-top: 10px
}
#article-comments {
margin-top: 30px
}
#article-comments .article-comment {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #EAEBF3
}
#article-comments .article-comment:last-child {
padding-bottom: 30px
}
#article-comments .article-comment-user-image {
margin: 0;
float: left;
width: 100px;
margin-right: 12px
}
#article-comments .article-comment-user-comment {
padding-left: 110px;
word-break: break-word;
font-size: 1em
}
#article-comments .user-name-comment {
margin: 0;
color: #066ceb;
font-size: 1em;
line-height: 1
}
#article-comments .article-comment-date-bull {
padding: 5px 0;
display: block;
color: #acacac
}
.social-media {
font-size: 1em
}
.social-media .list-inline li {
margin-right: 20px
}
.section-news-2 {
margin-bottom: 20px
}
.block-recent {
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 25px
}
.block-recent ul li {
line-height: 24px;
padding: 7px 0;
padding-left: 15px;
position: relative
}
.block-recent ul li:before {
content: '';
position: absolute;
width: 5px;
height: 5px;
top: 16px;
left: 0px;
background: #066ceb;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.block-recent ul li span.date_style {
font-size: 13px;
font-weight: 400;
margin-left: 5px;
color: #acacac
}
.block-recent ul li a {
color: #000;
font-weight: 600
}
.block-recent ul li a .fa {
display: inline-block;
margin-right: 5px
}
.block-recent ul li a:hover {
color: #066ceb
}
.at-style-responsive .at-share-btn {
border-radius: 3px !important
}
.google_plusone_iframe_widget {
width: auto !important
}
div#isp_search_result_page_container .btn-search {
display: none
}
button.btn.btn-default.btn-search {
display: none
}
div#isp_search_result_page_container form {
margin-bottom: 0
}
body .bizweb-product-reviews-form fieldset {
border: none
}
body .bizweb-product-reviews-form fieldset .bpr-button-submit {
color: #fff;
background-color: #066ceb;
border-color: transparent;
border: 1px solid transparent
}
body .bizweb-product-reviews-form fieldset .bpr-button-submit:hover {
background-color: #fff;
border: 1px solid #066ceb;
color: #066ceb
}
body .bizweb-product-reviews-badge div {
display: none
}
body .bizweb-product-reviews-badge div>p {
padding: 0 3px !important
}
body .bizweb-product-reviews-badge div.bizweb-product-reviews-star {
display: block
}
body .bizweb-product-reviews-badge .bizweb-product-reviews-star i {
font-size: 13px
}
body .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-off-png:before {
content: "\f005";
color: #ccc
}
body .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-on-png:before {
content: "\f005";
color: #f9c909
}
body .bizweb-product-reviews-badge .bizweb-product-reviews-star .star-half-png:before {
content: "\f005";
color: #f9c909
}
body .bizweb-product-reviews-badge {
margin: 0
}
.bizweb-product-reviews-badge div {
padding: 0px !important
}
.fancybox-close {
background-color: transparent !important
}
.info-contact .title-head {
text-transform: uppercase;
margin-top: 0;
font-size: 18px;
margin-bottom: 20px;
color: #000
}
.info-contact .widget-menu {
font-size: 14px;
margin-bottom: 15px;
overflow: hidden
}
.info-contact .widget-menu .ico-left {
float: left;
position: relative;
top: 0px;
border-radius: 3px;
width: 28px;
text-align: left;
height: 28px;
display: block;
margin-top: -2px;
padding-left: 2px;
line-height: 28px;
color: #fff;
color: #51b935
}
.info-contact .widget-menu .txt-content-add {
display: inherit;
padding-left: 0px
}
@media (max-width: 543px) {
.info-contact .widget-menu .txt-content-add {
padding-left: 29px
}
}
.info-contact .widget-menu .bold-color {
font-weight: bold;
color: #636363
}
.info-contact .widget-menu li {
position: relative;
color: #83858e;
margin-bottom: 5px
}
.info-contact .widget-menu li:nth-child(1) .fa {
margin-left: 3px
}
.info-contact .widget-menu li:nth-child(2) .fa {
margin-left: 4px
}
.info-contact .widget-menu li a {
color: #83858e
}
.info-contact .widget-menu li:hover>a {
text-decoration: none
}
.info-contact .border-contact-page {
padding: 2px 0px;
border: dashed 1px #ebebeb;
display: block
}
.info-contact .descripti {
font-size: 14px;
margin: 0px 0px 30px;
padding: 0px 0px 30px;
border-bottom: solid 1px #ebebeb;
color: #3d454e
}
.info-contact .logo {
font-size: 20px
}
.page_cotact .logo {
text-align: left !important;
padding-top: 5px
}
.page_cotact .title-head-contact {
margin: 0px;
padding: 0px 0px 15px;
font-size: 20px;
color: #041721;
line-height: 37px;
text-align: left
}
.page_cotact .form-signup {
margin: 0px
}
.contact li.li_footer_h {
padding-left: 35px;
font-size: 14px;
position: relative;
color: #363636;
opacity: 1;
margin-bottom: 10px !important;
padding-bottom: 15px;
line-height: 20px
}
.contact li.li_footer_h:last-child {
padding-bottom: 0px
}
.contact li.li_footer_h .fas, .contact li.li_footer_h .far {
float: left;
position: relative;
top: -4px;
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
display: block;
margin-right: 10px;
padding-left: 0px;
line-height: 30px;
color: #066ceb;
font-size: 14px;
background: #fff;
border: 1px solid #066ceb
}
.contact li.li_footer_h a {
color: #363636
}
.contact li.li_footer_h a:hover {
color: #066ceb
}
.contact li.li_footer_h .icon_base {
position: absolute;
left: 0;
top: 1px;
height: 20px;
align-items: center;
justify-content: center;
display: flex;
width: 20px
}
.contact li.li_footer_h .icon_base .fa {
color: #7b8395
}
.page-right .title-head-contact {
margin: 0px;
text-transform: uppercase;
padding: 20px 0px 5px;
font-size: 14px;
font-weight: bold;
color: #041721;
line-height: 37px;
text-align: left
}
.group_contact .form-group {
padding: 0px 15px;
margin-bottom: 15px;
color: #000
}
.group_contact .form-group .form-control {
font-size: 14px;
color: #000;
height: 40px;
padding: 0px 20px;
margin-bottom: 0px !important
}
.group_contact .form-group .form-control::-webkit-input-placeholder {
color:#c6cddb !important
}
.group_contact .form-group .form-control::-moz-placeholder {
color:#c6cddb !important
}
.group_contact .form-group .form-control:-ms-input-placeholder {
color:#c6cddb !important
}
@media (max-width: 767px) {
.group_contact .form-group .form-control {
margin-bottom: 15px !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.group_contact .form-group .form-control {
margin-bottom: 20px !important
}
}
.group_contact .form-group .content-area {
min-height: 130px;
padding: 20px
}
.group_contact .form-group input, .group_contact .form-group textarea {
border-color: #ebebeb
}
.group_contact .form-group input:focus, .group_contact .form-group textarea:focus {
border-color: #ebebeb
}
.group_contact .form-group input::placeholder {
font-size:15px;
color:#111111
}
.group_contact .form-group textarea::placeholder {
font-size:15px;
color:#111111
}
.group_contact .form-group .btn-50-full {
position: absolute;
right: 15px;
bottom: 0px;
box-shadow: none;
padding: 8px 20px;
font-size: 14px;
color: #fff;
background: #066ceb;
border: solid 1px #066ceb
}
.group_contact .form-group .btn-50-full:hover {
border-color: #066ceb;
background: #fff;
color: #066ceb
}
.page_contact .select_maps .mid-footers .follow_option {
margin-top: 15px
}
.page_contact .select_maps .mid-footers .follow_option li a {
border: 2px solid #c6cddb
}
.page_contact .select_maps .mid-footers .follow_option li a .fa, .page_contact .select_maps .mid-footers .follow_option li a .fas {
color: #c6cddb
}
.page_contact .select_maps .mid-footers .follow_option li a:hover {
border: 2px solid #7b8395
}
.page_contact .select_maps .mid-footers .follow_option li a:hover .fa {
color: #7b8395
}
.page_contact .select_maps .hotline_contact li:nth-child(1) {
margin-bottom: 5px
}
.page_contact .select_maps .list-menu {
color: #8d90a6
}
.page_contact .select_maps .list-menu a {
color: #8d90a6
}
.page_contact .select_maps .list-menu a:hover {
color: #066ceb
}
.page_contact .select_maps .fa {
color: #066ceb;
margin-right: 15px
}
.page_contact .select_maps .widget-db .item li {
margin-bottom: 10px
}
.page_contact .select_maps .widget-db .item:nth-child(1) .contact_x li .fa:before {
content: "\f015"
}
.search-main .alert-success h1 {
margin: 0;
padding: 15px 0;
font-size: 22px
}
.search-main .products-view-grid {
border-top: none;
display: block;
float: left;
width: 100%
}
.search-main h1 {
font-size: 2em
}
.search-main .title_search {
font-family: "Quicksand", sans-serif;
text-transform: none;
font-size: 20px;
margin-top: 0px
}
.search-main .form_search_h {
float: left;
line-height: 2.1;
border-radius: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
margin-bottom: 0px;
min-height: 45px
}
@media (max-width: 767px) {
.search-main .form_search_h {
width: calc(100% - 110px);
border-right: 0px
}
}
@media (min-width: 768px) {
.search-main .form_search_h {
width: 300px
}
}
.search-main .btn_search_h {
min-height: 45px;
background: #1ecca9;
font-weight: bold;
border-radius: 3px
}
@media (max-width: 767px) {
.search-main .btn_search_h {
width: 110px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px
}
}
@media (min-width: 768px) {
.search-main .btn_search_h {
border-radius: 0;
margin-left: -1px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
min-height: 45px;
background: #1ecca9;
font-weight: bold
}
.search-main .btn_search_h:hover {
border: 1px solid #1ecca9;
color: #1ecca9;
background: #fff
}
}
@media (max-width: 375px) {
.search-main .cls_search .product-col .product-box {
height: 270px
}
}
.wrap_contact {
background: #f4574c;
overflow: hidden;
padding: 20px 0px
}
.wrap_contact .icon_widget {
display: inline-block;
float: left;
width: 45px;
height: 45px;
border-radius: 50%;
background: #f8948d;
border: solid 3px #f67970;
line-height: 40px;
text-align: center
}
.wrap_contact .icon_widget .fa {
font-size: 16px;
color: #fff
}
.wrap_contact .contact_info {
display: block;
padding-left: 50px;
margin-left: 25px
}
.wrap_contact .contact_info span, .wrap_contact .contact_info a {
font-family: "Quicksand", sans-serif;
font-size: 14px;
line-height: 22px;
color: #fff;
text-decoration: none
}
.wrap_contact .contact_info span.lh, .wrap_contact .contact_info a.lh {
line-height: 45px
}
.wrap_contact .contact_info a {
width: 100%;
float: left
}
.info-contact .title-head {
text-transform: uppercase;
margin-top: 0;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
color: #000
}
.info-contact .widget-menu {
font-size: 14px;
margin-bottom: 15px;
overflow: hidden
}
.info-contact .widget-menu .ico-left {
display: block;
float: left;
width: 25px;
text-align: center
}
.info-contact .widget-menu p, .info-contact .widget-menu .rc {
display: block;
float: left;
width: calc(100% - 35px);
margin-left: 5px
}
.info-contact .widget-menu li {
margin-bottom: 5px
}
.info-contact .widget-menu li:hover>a {
text-decoration: none
}
.info-contact .border-contact-page {
padding: 2px 0px;
border: dashed 1px #ebebeb;
display: block
}
.info-contact .descripti {
font-size: 14px;
margin: 0px 0px 30px;
padding: 0px 0px 30px;
border-bottom: solid 1px #ebebeb;
color: #3d454e
}
.info-contact .logo {
font-size: 20px
}
.sec_footer .widget-db {
margin-top: 15px
}
.sec_footer .widget-db .item .title_bold {
margin-bottom: 10px;
display: block;
width: 100%;
font-size: 18px;
font-weight: bold;
color: #000;
text-transform: none
}
.sec_footer .widget-db .item .contact_x li {
margin-bottom: 10px;
position: relative;
padding-left: 25px;
color: #898989
}
.sec_footer .widget-db .item .contact_x li a {
color: #898989
}
.sec_footer .widget-db .item .contact_x li .fa {
position: absolute;
left: 0;
float: left;
top: 0px;
border-radius: 3px;
width: 20px;
text-align: left;
height: 30px;
display: block;
margin-right: 5px;
margin-top: -2px;
padding-left: 0px;
line-height: 28px;
color: #066ceb;
background-repeat: no-repeat
}
.sec_footer .widget-db .item .contact_x li .txt_content_child {
color: #898989
}
@media (min-width: 768px) and (max-width: 991px) {
.right_contact {
margin-top: 20px
}
}
@media (max-width: 767px) {
.right_contact {
margin-top: 20px
}
}
@media (min-width: 992px) {
.right_contact {
width: 42% !important
}
}
.section_maps #contact_map {
border: none
}
.page_contact .contact .li_footer_h {
padding-left: 0px !important
}
@media (max-width: 991px) {
.page_contact .mid_fot_h {
margin-bottom: 30px
}
}
.page_cotact {
font-family: "Quicksand", sans-serif
}
.page_cotact .title-head-contact-2 {
font-size: 15px;
color: #7b8395;
font-weight: bold;
text-transform: uppercase
}
.page_cotact .title-head-contact {
color: #000;
font-size: 18px !important;
font-family: "Quicksand", sans-serif;
font-weight: 700;
text-transform: none;
position: relative;
display: block;
margin: 0;
padding-bottom: 10px
}
.page_cotact .title-head-contact span {
display: block;
padding-bottom: 0px
}
.page_cotact p {
color: #8d90a6
}
.page_cotact .title_db {
font-size: 18px !important;
font-weight: 700;
color: #000;
text-transform: uppercase;
position: relative;
display: block;
margin: 0;
padding-bottom: 0px
}
.page_cotact .title_db span {
display: block;
padding: 10px 0
}
.page_cotact .sum_contact {
color: #898989
}
.page_cotact .form-signup {
margin: 0px
}
.page-login .title-head-contact:before {
width: 25%
}
.item_contact .body_contact {
width: 100%;
float: left;
margin-bottom: 15px;
display: inline-flex
}
.item_contact .body_contact .icon_widget {
background: #f2f2f2;
height: 30px;
width: 30px;
float: left;
margin: 0 15px 0 0;
display: flex;
justify-content: center;
align-items: center;
-webkit-border-radius: 50%;
border-radius: 50%
}
.item_contact .body_contact .icon_widget .fa {
font-size: 14px;
color: #066ceb
}
.item_contact .body_contact .contact_info {
float: left;
width: calc(100% - 45px);
align-items: center;
display: flex;
flex-flow: row
}
.item_contact .body_contact .contact_info span, .item_contact .body_contact .contact_info a {
font-family: "Quicksand", sans-serif;
font-size: 14px;
line-height: 24px;
color: #000;
text-decoration: none
}
.item_contact .body_contact .contact_info a {
width: 100%;
float: left
}
.group_contact .form-group {
padding: 0px 15px;
margin-bottom: 15px;
color: #000
}
.group_contact .form-group .form-control {
border-radius: 0px !important;
font-size: 14px;
color: #000;
height: 40px;
padding: 0px 15px
}
.group_contact .form-group .form-control::-webkit-input-placeholder {
color:#acacac
}
.group_contact .form-group .form-control::-moz-placeholder {
color:#acacac
}
.group_contact .form-group .form-control:-ms-input-placeholder {
color:#acacac
}
.group_contact .form-group .content-area {
min-height: 130px;
padding: 10px 15px;
border-radius: 3px !important;
resize: none
}
.group_contact .form-group input, .group_contact .form-group textarea {
border-color: #ebebeb
}
.group_contact .form-group input:focus, .group_contact .form-group textarea:focus {
border-color: #ebebeb
}
.group_contact .form-group .btn-50-full {
font-family: "Quicksand", sans-serif;
position: absolute;
right: 15px;
bottom: 0px;
box-shadow: none;
padding: 8px 20px;
font-size: 14px;
color: #fff;
background: #066ceb;
border: solid 1px #066ceb
}
.group_contact .form-group .btn-50-full:hover {
border-color: #066ceb;
background: #fff;
color: #066ceb
}
.thank_text {
color: #066ceb;
display: block;
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 30px
}
@media (min-width: 992px) and (max-width: 1199px) {
#bizweb-product-reviews {
width: 100% !important
}
}
@media (max-width: 480px) {
.bizweb-product-reviews-form {
min-width: 250px !important
}
}
.educate_index {
float: left;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 5px #dfdbdb;
-moz-box-shadow: 0px 0px 20px 5px #dfdbdb;
box-shadow: 0px 0px 20px 5px #dfdbdb;
border-radius: 10px
}
.educate_index .myblogs .image-blog-left {
position: relative
}
.educate_index .myblogs .content_blog {
width: 100%;
float: left;
padding-top: 30px;
padding: 0 20px;
margin-top: 20px
}
.educate_index .myblogs .content_blog .content_right {
width: 100%;
display: inline-block;
float: left
}
.educate_index .myblogs .content_blog .content_right h3 {
margin: 0;
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 20px;
text-align: center;
font-family: "Quicksand", sans-serif;
padding-bottom: 5px;
padding-top: 5px;
color: #363636
}
.educate_index .myblogs .content_blog .content_right .time_post {
font-size: 14px;
font-weight: 400;
color: #333;
width: 100%;
float: left;
padding-top: 5px
}
.educate_index .myblogs .content_blog .content_right .time_post .fas {
color: #066ceb;
padding-right: 5px;
font-size: 13px
}
.educate_index .myblogs .content_blog .summary_item_blog {
float: left;
width: 100%;
margin-bottom: 15px
}
.educate_index .myblogs .content_blog .summary_item_blog p {
margin: 0;
color: #333;
padding-top: 15px;
padding-bottom: 30px;
font-size: 14px;
font-family: "Quicksand", sans-serif
}
.educate_index .myblogs .content_blog .continus_btn {
font-weight: bold;
color: #066ceb
}
.educate_index .myblogs .content_blog .continus_btn:hover {
color: #000
}
.myblog.myarticle .image-blog-left {
padding-top: 0px
}
.myblog.myarticle .image-blog-left .content_left {
position: unset;
top: 0;
left: 0
}
.myblog.myarticle .image-blog-left .content_right {
width: calc(100% - 80px);
display: inline-block;
float: right
}
.myblog .image-blog-left {
position: relative
}
.myblog .image-blog-left .date_blog {
position: absolute;
bottom: -1px;
left: 0px;
background: #fff;
opacity: 0.9;
padding: 10px 20px 8px 20px;
font-size: 13px;
color: #066ceb
}
.myblog .image-blog-left .date_blog .fas {
padding-right: 5px
}
.myblog .image-blog-left .content_left {
float: left;
height: 60px;
background: #066ceb;
text-align: center;
width: 60px;
padding: 12px 5px 8px 5px;
display: inline-block;
border-radius: 0;
position: absolute;
left: 0px;
bottom: 0px
}
.myblog .image-blog-left .content_left .top_content {
display: block;
font-weight: 700;
font-size: 21px;
line-height: 15px;
color: #fff
}
.myblog .image-blog-left .content_left .bot_content {
font-size: 9px;
font-weight: bold;
color: #fff
}
.myblog .content_blog {
width: 100%;
float: left;
padding-top: 30px
}
.myblog .content_blog .content_right {
width: 100%;
display: inline-block;
float: left
}
.myblog .content_blog .content_right h3 {
margin: 0;
font-size: 16px;
font-weight: 600;
font-family: "Quicksand", sans-serif;
padding-bottom: 5px;
padding-top: 5px;
color: #363636
}
.myblog .content_blog .content_right .time_post {
font-size: 14px;
font-weight: 400;
color: #333;
width: 100%;
float: left;
padding-top: 5px
}
.myblog .content_blog .content_right .time_post .fas {
color: #066ceb;
padding-right: 5px;
font-size: 13px
}
.myblog .content_blog .summary_item_blog {
float: left;
width: 100%;
margin-bottom: 15px
}
.myblog .content_blog .summary_item_blog p {
margin: 0;
margin-top: 12px;
color: #333;
border-top: 1px solid #ebebeb;
padding-top: 15px;
font-size: 16px;
font-family: "Quicksand", sans-serif;
font-weight: bold;
}
.myblog .content_blog .continus_btn {
font-weight: bold;
color: #066ceb
}
.myblog .content_blog .continus_btn:hover {
color: #000
}
@media (max-width: 767px) {
.google-map .map {
height: 300px !important
}
}
.page-404 {
margin: 30px 0px 70px 0
}
.page-404 .text404 {
font-size: 352px;
text-align: center;
font-weight: 400;
color: #066ceb;
line-height: 300px
}
@media (max-width: 767px) {
.page-404 .text404 {
font-size: 150px;
line-height: normal
}
}
.page-404 h1 {
font-size: 15px;
color: #333;
font-family: "Quicksand", sans-serif
}
.page-404 h1 a {
color: #066ceb
}
.page-404 h1 a:hover {
color: #000
}
.checkbox .c-checkbox input {
height: unset;
width: unset;
top: 5px;
opacity: 1 !important
}
.google-map iframe {
width: 100%;
height: 530px;
border: 0
}
.google-map {
width: 100%
}
.google-map .map {
width: 100%;
height: 450px;
background: #dedede
}
.display_ {
display: none
}
.home-slider {
display: block
}
.home-slider .owl-dots {
bottom: 15px
}
@media (max-width: 991px) {
.home-slider .owl-dots {
bottom: 5px
}
}
.home-slider .owl-dots .owl-dot {
width: 10px;
height: 10px;
background: #fffafc5e
}
.home-slider .owl-dots .owl-dot.active {
background: #fff
}
.home-slider .owl-dots .owl-dot.active span {
background: transparent
}
.home-slider .owl-dots .owl-dot:hover span {
background: transparent
}
.home-slider .owl-dots .owl-dot span {
background: transparent
}
.home-slider {
position: relative;
z-index: 19;
overflow: hidden
}
.home-slider .item {
position: relative
}
.home-slider .item a img {
margin: 0 auto
}
.home-slider.owl-carousel .owl-nav {
margin-top: 0px
}
.home-slider.owl-carousel .owl-nav .owl-next {
right: 5% !important;
background: none !important;
border: none !important;
top: 45%
}
@media (min-width: 1800px) {
.home-slider.owl-carousel .owl-nav .owl-next {
right: 6% !important
}
}
@media (max-width: 767px) {
.home-slider.owl-carousel .owl-nav .owl-next {
right: 5px !important;
width: 36px
}
}
.home-slider.owl-carousel .owl-nav .owl-next:hover:before {
background: #fff;
color: #066ceb
}
.home-slider.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0.5
}
.home-slider.owl-carousel .owl-nav .owl-prev {
left: 5% !important;
background: none !important;
border: none !important;
top: 45%
}
@media (min-width: 1800px) {
.home-slider.owl-carousel .owl-nav .owl-prev {
left: 6% !important
}
}
@media (max-width: 767px) {
.home-slider.owl-carousel .owl-nav .owl-prev {
left: 5px !important;
width: 36px
}
}
.home-slider.owl-carousel .owl-nav .owl-prev:hover:before {
background: #fff;
color: #066ceb
}
.home-slider.owl-carousel .owl-nav .owl-prev.disabled {
opacity: 0.5
}
.home-slider.owl-carousel .owl-nav .owl-next:before {
content: "\f061";
font-size: 24px;
color: #fff;
background: #000;
opacity: 0.8;
border-radius: 50%;
width: 60px;
height: 60px;
line-height: 60px;
left: -5px
}
.home-slider.owl-carousel .owl-nav .owl-prev:before {
content: "\f060";
font-size: 24px;
color: #fff;
background: #000;
opacity: 0.8;
border-radius: 50%;
width: 60px;
height: 60px;
line-height: 60px;
left: -5px
}
.section_tab_product h2 {
font-size: 1.71429em;
text-transform: uppercase;
line-height: 1;
margin: 0 0 20px 0
}
.section_tab_product .tabs-title {
margin-bottom: 30px;
border-radius: 5px;
overflow: hidden
}
.section_tab_product .tabs-title li {
width: 140px;
display: inline-block;
background: #dadbdb;
height: 40px;
line-height: 40px;
margin-right: 1px
}
.section_tab_product .tabs-title li.current {
color: #fff;
background: #898989
}
.section_tab_product .tab-content {
clear: left
}
@media (min-width: 1200px) {
.section_tab_product .tab-content .products .col-lg-3:nth-child(4n+1) {
clear: left
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.section_tab_product .products .col-sm-4:nth-child(3n+1) {
clear: left
}
}
@media (max-width: 767px) {
.section_tab_product .tabs-title li {
width: 87px
}
}
.list-blogs-link {
margin-top: 30px
}
.heading {
display: block;
position: relative;
margin-bottom: 20px;
}
.heading h1.title-base, .heading h2.title-base, .heading h2, .heading h3 {
text-align: center;
text-transform: uppercase;
font-family: "Quicksand", sans-serif;
font-size: 30px;
font-weight: 700;
margin: 0px;
color: #fa348c;
position: relative
}
.heading h2.title-base a, .heading h2 a, .heading h3 a {
color: #FFF
}
.heading h2.title-base:before, .heading h2:before, .heading h3:before {
position: absolute;
content: "";
top: 50px;
left: 0;
width: 100px;
height: 2px;
background: #066ceb;
left: 50%;
text-align: center;
left: 50%;
top: 130%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-os-transform: translate(-50%, -50%)
}
.heading h2.title-base:after, .heading h2:after, .heading h3:after {
position: absolute;
content: "";
top: 50px;
left: 0;
width: 10px;
height: 10px;
border: 2px solid #066ceb;
border-radius: 50%;
background: #fff;
left: 50%;
text-align: center;
left: 50%;
top: 130%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-os-transform: translate(-50%, -50%)
}
@media (max-width: 767px) {
.heading h2.title-base, .heading h2, .heading h3 {
font-size: 21px
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.heading h2.title-base, .heading h2, .heading h3 {
font-size: 26px
}
}
.section_register {
background-color: #066ceb;
padding: 30px 0;
color: #fff;
margin-top: 0
}
@media (max-width: 767px) {
.section_register {
padding: 20px 0
}
}
.section_register .icon {
width: 46px
}
@media (max-width: 767px) {
.section_register .icon {
text-align: center;
width: 100%;
float: left
}
}
.section_register .info_title {
width: calc(100% - 46px);
margin-top: -5px;
padding-left: 20px
}
@media (max-width: 767px) {
.section_register .info_title {
width: 100%
}
}
.section_register .info_title p {
margin: 0;
line-height: normal
}
@media (max-width: 767px) {
.section_register .info_title p {
font-size: 13px;
text-align: center
}
}
.section_register .info_title .title {
text-transform: unset;
font-family: "Quicksand", sans-serif;
font-weight: bold;
font-size: 26px;
color: #fff
}
@media (max-width: 767px) {
.section_register .info_title .title {
padding: 15px 0 10px 0;
font-size: 20px;
text-align: center
}
}
@media (max-width: 767px) {
.section_register .wrapper-btn {
text-align: center;
width: 100%;
float: left;
margin-top: 15px
}
.section_register .wrapper-btn a {
font-size: 14px
}
}
.section_about {
margin: 60px 0 40px 0
}
.section_about .heading {
margin-bottom: 50px
}
.section_about .heading_ h2 {
margin: 0;
text-align: left;
font-size: 22px;
font-weight: bold;
color: #066ceb;
text-transform: uppercase
}
.section_about p {
margin: 0;
line-height: normal
}
.section_about .intro-content p {
font-size: 14px;
font-family: "Quicksand", sans-serif;
color: #333;
margin-top: 20px;
line-height: 22px
}
@media (max-width: 767px) {
.section_about .intro-content p {
margin-top: 0px
}
}
@media (max-width: 767px) {
.section_about .right_content {
margin-top: 30px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section_about .right_content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-flow: wrap;
margin-top: 30px
}
}
.section_about .right_content .item {
color: #fff;
padding-bottom: 30px;
float: left;
margin-left: 25px;
margin-bottom: 25px;
width: 293px;
border-radius: 5px;
height: 137px
}
@media (max-width: 767px) {
.section_about .right_content .item {
margin-left: 0;
width: 100%
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section_about .right_content .item {
width: 242px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section_about .right_content .item {
margin: 0px 25px 25px 0
}
}
.section_about .right_content .item.item-01 {
background-color: #7ed3f7
}
.section_about .right_content .item.item-02 {
padding-top: 15px;
background-color: #bfd730
}
.section_about .right_content .item.item-03 {
padding-top: 15px;
background-color: #ffd668
}
.section_about .right_content .item.item-04 {
padding-top: 15px;
background-color: #f6adcd
}
.section_about .right_content .item .number {
font-size: 60px;
font-weight: bold
}
.section_infor_utilities {
margin: 60px 0
}
.section_infor_utilities .heading_infor h2 {
text-align: center
}
.section_infor_utilities .heading_infor {
margin-bottom: 75px
}
.section_infor_utilities .heading_infor h2:before, .section_infor_utilities .heading_infor h2:after {
top: 120%
}
.section_infor_utilities .heading_ h2 {
text-align: left;
font-size: 22px;
font-weight: bold;
color: #066ceb;
text-transform: uppercase
}
.section_infor_utilities .infor_content {
margin-top: 50px
}
.section_infor_utilities .infor_content p, .section_infor_utilities .infor_content .content_row {
font-size: 14px;
color: #333;
padding-right: 15px
}
.section_infor_utilities .infor_content .content_row {
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
position: relative
}
.section_infor_utilities .infor_content .content_row:before {
content: "";
position: absolute;
border-bottom: 1px solid #066ceb;
left: 0px;
bottom: -5px;
width: 100%;
height: 1px
}
.section_infor_utilities .infor_content .infor_1 {
font-size: 14px
}
.section_infor_utilities .infor_content .infor_1 b {
display: block;
float: left;
width: 100%;
margin-bottom: 5px
}
.section_infor_utilities .infor_content .infor_1 .content {
display: block;
float: left;
width: 100%;
margin-bottom: 20px
}
.section_infor_utilities .heading_utilities {
text-align: left;
float: left;
width: 100%
}
.section_infor_utilities .heading_utilities h2 {
text-align: left;
margin-bottom: 30px;
float: left;
width: 100%
}
.section_infor_utilities .heading_utilities b {
font-size: 15px;
font-family: "Quicksand", sans-serif
}
.section_infor_utilities .heading_utilities p {
font-size: 15px;
margin-top: 10px
}
@media (max-width: 991px) {
.section_infor_utilities .content_bot_uti {
margin-top: 45px
}
}
.section_infor_utilities .content_bot_uti .uti_body:nth-child(1), .section_infor_utilities .content_bot_uti .uti_body:nth-child(2) {
margin-bottom: 30px
}
@media (max-width: 767px) {
.section_infor_utilities .content_bot_uti .uti_body {
margin-bottom: 30px;
text-align: center
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section_infor_utilities .content_bot_uti .uti_body:nth-child(2n+1) {
clear: left
}
}
.section_infor_utilities .content_bot_uti .uti_body .content {
float: left;
width: 100%;
margin-top: 15px
}
@media (max-width: 767px) {
.section_infor_utilities .content_bot_uti .uti_body .content {
text-align: center
}
}
.section_infor_utilities .content_bot_uti .uti_body .content .title {
float: left;
width: 100%;
display: block;
padding-bottom: 15px;
font-weight: bold;
font-family: "Quicksand", sans-serif;
font-size: 15px
}
@media (max-width: 767px) {
.section_infor_utilities .content_bot_uti .uti_body .content .title {
text-align: center
}
}
.section_infor_utilities .content_bot_uti .uti_body .content .sum {
font-size: 14px;
color: #333;
padding-right: 40px;
display: block;
float: left;
width: 100%
}
@media (max-width: 767px) {
.section_infor_utilities .content_bot_uti .uti_body .content .sum {
padding-right: 0
}
}
.section_educate {
margin-bottom: 70px
}
.section_educate .owl-stage-outer {
overflow: visible
}
.section_educate .owl-nav, .section_educate .owl-dots {
display: none
}
.section_educate .heading {
margin-bottom: 70px
}
.section_educate .heading h2 {
text-align: center;
text-transform: uppercase;
padding-top: 0px
}
@media (max-width: 767px) {
.section_educate .heading h2 {
padding-top: 0px
}
}
.section_educate .heading p {
color: #333
}
.section_make_appointment {
background-attachment: fixed;
padding: 0px 0 40px 0;
position: relative;
color: #fff;
border-top: 1px solid #ebebeb;
padding-top: 40px
}
.section_make_appointment:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
background-color: #fff
}
.section_make_appointment .heading h2:before, .section_make_appointment .heading h2:after {
content: none
}
.section_make_appointment h2 {
color: #066ceb;
text-align: center
}
.section_make_appointment p {
font-size: 20px;
color: #000
}
.section_make_appointment input {
height: 60px;
background-color: transparent !important;
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #666666;
padding-left: 30px;
padding-right: 30px;
padding-top: 16px;
padding-bottom: 15px;
font-size: 14px;
line-height: 30px;
font-weight: 400
}
.section_make_appointment input::-webkit-input-placeholder {
color:#000
}
.section_make_appointment input::-moz-placeholder {
color:#000
}
.section_make_appointment input:-ms-input-placeholder {
color:#000
}
.section_make_appointment .to_animate {
z-index: 999
}
.section_make_appointment .form-builder-item {
margin-bottom: 0px !important;
margin-top: 10px
}
.section_make_appointment .form-builder-item.gioitinh select {
position: absolute;
top: 0;
left: 0;
height: 60px;
background: transparent;
background-color: transparent !important;
color: #000
}
.section_make_appointment .form-builder-item.gioitinh .form-group .form-control {
font-size: 0
}
.section_make_appointment .form-builder-item .form-group {
position: relative
}
.section_make_appointment .form-builder-item .form-group .color2 {
position: absolute;
font-size: 14px;
left: 27px;
top: 23px;
width: 14px;
text-align: center
}
.section_make_appointment .form-builder-item .form-group .form-control {
padding-left: 20px;
background: transparent
}
.section_make_appointment .form-builder-item .form-group .fa-angle-down {
position: absolute;
top: 22px;
right: 20px;
color: #000;
cursor: pointer;
z-index: 0
}
.section_make_appointment .form-builder-item .mes textarea {
padding-top: 18px
}
.section_make_appointment .form-builder-item .mes textarea::-webkit-input-placeholder {
color:#000
}
.section_make_appointment .form-builder-item .mes textarea::-moz-placeholder {
color:#000
}
.section_make_appointment .form-builder-item .mes textarea:-ms-input-placeholder {
color:#000
}
.hour_style .form-control {
background: transparent;
height: 60px;
line-height: 38px;
width: 100%;
padding: 0 !important
}
.hour_style .form-control select {
background: transparent !important;
border: none;
color: #fff;
display: inline-block;
background-image: unset;
width: 100%;
padding-left: 50px;
padding-top: 0px;
height: 60px;
position: relative
}
.hour_style .form-control select:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f107";
color: #fff;
position: absolute;
width: 14px;
height: 14px;
line-height: 14px;
top: 0px;
font-size: 14px;
left: 1px
}
.section_feed_form {
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
padding: 60px 0 120px;
background-size: cover;
position: relative
}
.section_feed_form:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
background-color: #066ceb;
opacity: 1;
z-index: -1
}
.section_feed_form .content_owl {
margin-top: 40px;
z-index: 999
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item {
text-align: center
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .qts {
display: block;
text-align: center;
margin-bottom: 15px;
position: relative
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .qts:before {
content: "\f10d";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: block;
font-size: 40px;
line-height: 1;
color: #56509f;
margin-bottom: 0
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .content {
font-size: 16px;
color: #fff;
margin: 10px 0px;
padding: 0px 100px;
line-height: 25px;
text-align: center;
display: block;
float: left;
width: 100%
}
@media (max-width: 767px) {
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .content {
padding: 0px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .content {
padding: 0px 50px
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .content {
padding: 0px 100px
}
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .name_use {
font-size: 16px;
color: #fff;
font-weight: bold;
margin-bottom: 15px;
display: block
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .name_use .name_feed {
float: left;
width: 100%
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .name_use .job_feed {
color: #fd0;
font-weight: 400 !important
}
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .name_use a {
color: #1e87d2;
font-weight: 400;
text-decoration: none
}
.section_feed_form .content_owl .slide_item .thumbpadding {
width: 210px;
margin: 0 auto;
position: relative
}
.section_feed_form .content_owl .slide_item .thumbpadding .testimonial-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active {
margin-top: 0px;
margin-right: 15px
}
.section_feed_form .content_owl .slide_item .thumbpadding .testimonial-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active img {
width: 70px;
height: 70px;
opacity: 1
}
.section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-prev-slide, .section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-next-slide {
width: 30px;
height: 30px;
border: solid 1px #c2c9d1;
border-radius: 50%;
position: absolute;
line-height: 28px;
text-align: center;
cursor: pointer
}
.section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-prev-slide:hover, .section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-next-slide:hover {
cursor: pointer;
border-color: #77b7e5
}
.section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-prev-slide:hover .fa, .section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-next-slide:hover .fa {
color: #77b7e5
}
.section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-prev-slide .fa, .section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-next-slide .fa {
font-size: 18px;
color: #c2c9d1
}
.section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-prev-slide {
left: -50px;
top: 25px
}
.section_feed_form .content_owl .slide_item .thumbpadding .swiper-button-next-slide {
right: -50px;
top: 25px
}
.section_feed_form .content_owl .slide_item .testimonial-thumbs .testimonial-item {
margin-top: 5px
}
.section_feed_form .content_owl .slide_item .testimonial-thumbs .testimonial-item img {
width: 55px;
height: 55px;
border: solid 2px #fff;
opacity: .3;
margin-top: 10px
}
.section_feed_form .content_owl .slide_image {
width: 100%;
text-align: center
}
.section_feed_form .content_owl .slide_image .image_lagre_site .testimonial-content-image .swiper-slide img {
max-width: 100%;
height: auto
}
.section_album .al-item {
text-align: center
}
.section_album .al-item a {
display: none;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
line-height: 40px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%)
}
.section_album .al-item:hover a {
display: block;
z-index: 99
}
.section_album .al-item:hover:before {
content: "";
width: 100%;
height: 100%;
display: block;
background: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
z-index: 10
}
.ekko-lightbox .modal-header {
padding: 0px;
border: none;
height: 0px
}
.ekko-lightbox .modal-header h4 {
font-size: 0px
}
.ekko-lightbox .modal-body {
padding: 0px
}
.ui-datepicker-header {
position: relative
}
.ui-datepicker table tr td a.ui-state-active, .ui-datepicker table tr td a:hover, .ui-datepicker table tr td.tourmaster-highlight a, .ui-datepicker table tr td.tourmaster-highlight span {
background: #fa348c;
color: #fff
}
.ui-datepicker select {
color: #485da1
}
.ui-datepicker {
background-color: #f5f5f5
}
.ui-datepicker {
border-color: #ebebeb
}
.ui-datepicker table tr th {
color: #808080
}
.ui-datepicker table tr td a, .ui-datepicker-prev, .ui-datepicker-next {
background-color: #ffffff
}
.ui-datepicker table tr td a, .ui-datepicker-prev, .ui-datepicker-next {
color: #5b5b5b
}
.ui-datepicker table tr td a.ui-state-disable {
color: #c0c0c0
}
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled, .ui-datepicker table tr td {
color: #c0c0c0
}
.ui-datepicker-prev, .ui-datepicker-next {
position: absolute;
top: 0px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
cursor: pointer
}
.ui-datepicker-prev span, .ui-datepicker-next span {
display: none
}
.ui-datepicker-next {
right: 0px
}
.ui-datepicker-prev:after {
content: "\f104";
font-family: 'Font Awesome 5 Free';
font-weight: 900
}
.ui-datepicker-next:after {
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 900
}
.ui-datepicker {
width: 272px !important;
border-width: 2px;
border-style: solid;
padding: 8px;
display: none;
background: #fff
}
.ui-datepicker-calendar {
background: #fff
}
.ui-datepicker .ui-datepicker-title {
padding-left: 38px;
padding-right: 38px
}
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year, .ui-datepicker-year {
width: 48%;
margin: 0px 1%;
border: none;
height: 36px;
padding: 0px 8px;
font-weight: 500;
color: #066ceb;
background: #fff;
float: left;
background-image: url(ico-select.png) !important;
background-repeat: no-repeat;
background-position: right 10px center
}
.ui-datepicker table {
border-collapse: separate;
border-spacing: 0px;
margin-bottom: 10px
}
.ui-datepicker table tr {
background: transparent;
color: #949494;
padding: 0
}
.ui-datepicker table tr th {
color: #808080;
background: transparent;
font-size: 13px;
padding: 16px 0px 10px;
text-align: center;
font-weight: normal;
border: none
}
.ui-datepicker table td {
padding: 0px 0px 5px;
line-height: 1;
text-align: center;
color: #c0c0c0;
border: none
}
.ui-datepicker table td a, .ui-datepicker table td .ui-state-default {
color: #5b5b5b;
background-color: #ffffff;
width: 32px;
height: 32px;
font-size: 13px;
line-height: 32px;
text-align: center;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%
}
.ui-datepicker table td.ui-state-disabled .ui-state-default {
background-color: #e9e9e9
}
.ui-datepicker table td.ui-datepicker-today a {
color: #fff;
background-color: #066ceb !important
}
.ui-datepicker table td a:hover, .ui-datepicker table td a:focus {
color: #fff;
background-color: #066ceb !important
}
.line-item-property__field {
margin-bottom: 20px
}
.line-item-property__field .input-group {
width: 50%;
float: left;
margin-right: 0px
}
.line-item-property__field .input-group select {
height: 45px;
border-left: 0
}
.line-item-property__field .input-group span.input-group-addon {
border: 1px solid #e1e1e1;
border-left: none;
background: none;
border-radius: 0
}
.line-item-property__field .tourmaster-datepicker {
margin-bottom: 0;
border-right: none;
height: 45px
}
@media (max-width: 375px) {
.line-item-property__field .tourmaster-datepicker {
padding: 0 12px
}
}
.ui-widget-header {
border: none;
background: none
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: 1
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border-color: #066ceb
}
.page_about {
padding: 0;
background-repeat: no-repeat;
background-size: cover;
position: relative
}
@media (max-width: 991px) {
.page_about {
background-position: right
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.page_about {
background-position: center
}
}
.page_about .heading p {
font-size: 15px;
color: #333;
margin: 0;
margin-bottom: 10px;
margin-top: 10px
}
.page_about .info {
font-size: 14px;
font-family: "Quicksand", sans-serif;
line-height: 28px;
z-index: 99
}
.page_about .section-content {
margin-top: 15px;
z-index: 9999
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.table-responsive-block table, .table-responsive-block thead, .table-responsive-block tbody, .table-responsive-block th, .table-responsive-block td, .table-responsive-block tr {
display: block
}
.table-responsive-block thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.table-responsive-block tr {
background: #fff;
line-height: 20px;
margin-bottom: 0px;
border-bottom: 1px solid #000
}
.table-responsive-block tr:last-child {
border-bottom: none
}
.table-responsive-block td {
border: none;
position: relative;
padding-left: 40% !important;
text-align: right;
font-weight: 400;
padding: 8px 0 !important
}
.table-responsive-block td a {
padding-left: 40% !important
}
.table-responsive-block td.last {
padding: 0;
line-height: 50px
}
.table-responsive-block td.last a {
color: #066ceb
}
.table-responsive-block td:before {
position: absolute;
left: 0px;
width: 45%;
padding-right: 10px;
text-align: left;
white-space: nowrap;
font-weight: 400
}
.table-responsive-block .table-order td:nth-of-type(1):before {
content: "Đơn hàng"
}
.table-responsive-block .table-order td:nth-of-type(2):before {
content: "Ngày"
}
.table-responsive-block .table-order td:nth-of-type(3):before {
content: "Địa chỉ"
}
.table-responsive-block .table-order td:nth-of-type(4):before {
content: "Giá trị"
}
.table-responsive-block .table-order td:nth-of-type(5):before {
content: "TT Thanh toán"
}
.table-responsive-block .table-order td:nth-of-type(6):before {
content: "TT Vận chuyển"
}
.table-responsive-block #order_details td:nth-of-type(1):before {
content: "Sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(2):before {
content: "Mã sản phẩm"
}
.table-responsive-block #order_details td:nth-of-type(3):before {
content: "Giá"
}
.table-responsive-block #order_details td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block #order_details td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block #order_details td:nth-of-type(6):before {
content: "Tình trạng"
}
.table-responsive-block .totalorders td:nth-of-type(1):before {
content: "Tạm tính"
}
.table-responsive-block .totalorders td:nth-of-type(2):before {
content: "Phí vận chuyển"
}
.table-responsive-block .totalorders td:nth-of-type(3):before {
content: "Tổng tiền"
}
.table-responsive-block .totalorders td:nth-of-type(4):before {
content: "Số lượng"
}
.table-responsive-block .totalorders td:nth-of-type(5):before {
content: "Tổng"
}
.table-responsive-block .totalorders td:nth-of-type(6):before {
content: "Tình trạng"
}
}
@media (max-width: 543px) {
section.sidebar.left-content.col-lg-12 {
padding: 0
}
}
@media (max-width: 991px) and (min-width: 768px) {
.search.f-right {
margin-right: 50px
}
}
@media (max-width: 991px) {
header>.container {
position: relative
}
.menu-bar.hidden-md.hidden-lg {
position: absolute;
top: 40px;
right: 15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1000
}
.logo {
text-align: center;
margin: 0 auto;
width: 100%;
float: none
}
header .logo a {
display: inline-block;
margin: 0 auto;
text-align: left
}
header nav .nav-item {
display: block;
width: 100%;
text-align: left;
margin: 0
}
header nav .nav-item .dropdown-menu {
display: none !important;
position: static;
border: none
}
header nav .nav-item.open a {
background: none !important
}
header nav .nav-item.open>.dropdown-menu {
display: block !important;
margin: 0;
padding: 0
}
header nav li.menu-line {
display: none;
border: none
}
header nav .nav-item>a {
line-height: 20px;
padding: 5px 15px 3px
}
header nav #nav-mobile .nav-item>.dropdown-menu {
padding: 0 0 0 15px;
position: static;
width: 100%;
float: none;
border: none;
padding-right: 7px
}
header nav .nav-item:hover>.dropdown-menu li.open>.dropdown-menu {
display: block !important
}
.header-main {
padding: 0;
position: relative;
z-index: 1
}
#nav {
padding-right: 0;
display: none;
padding-right: 0;
padding: 10px 0;
border: 1px solid #ebebeb;
margin-bottom: 15px
}
#nav.open {
display: block
}
#nav .nav-link>.fa {
float: right;
line-height: 22px;
margin-right: -15px;
width: 40px;
text-align: center;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px)
}
}
@media (max-width: 991px) {
.head_logo {
display: block;
float: left;
width: 100%
}
.head_logo .logo {
text-align: center;
margin: 0 auto;
height: 80px;
position: absolute;
left: 50%;
transform: translateX(-50%);
-os-transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
z-index: 99
}
.head_logo .logo a {
display: block;
line-height: 80px
}
.head_logo .logo a img {
margin-left: 0px !important
}
}
@media (max-width: 543px) {
.topbar ul.list-inline.f-right {
float: left !important
}
.search.f-right {
float: none;
width: 100%
}
}
@media (max-width: 420px) {
.col-xs-6.footer-header {
width: 100%
}
}
@media (max-width: 543px) {
.product-box .product-thumbnail>a img {
height: auto !important
}
}
@media (max-width: 430px) {
.collection p.title-head-info {
position: static
}
.collection h1.title-head {
margin-bottom: 5px
}
}
@media (max-width: 480px) {
.product-tab .tab-link {
margin-right: 10px
}
}
@media (max-width: 375px) {
.section_feed_form .content_owl .slide_item .testimonial-content-gallery .testimonial-item .content {
padding: 0px
}
.content-blog-index .myblog .image-blog-left {
width: 100%
}
.sodiachi .btn.btn-50 {
width: 100%;
margin-bottom: 10px
}
}
@media (max-width: 768px) {
.quick-view {
display: none !important
}
}
@media (min-width: 992px) {
.nav-mobile-button {
display: none
}
}
@media (max-width: 767px) {
i.fa.fa-bars.fa-2x {
font-size: 26px;
height: 28px
}
}
@media (max-width: 767px) {
.module_four .content_owl .slide_item .testimonial-content-gallery .testimonial-item .content {
margin: 20px 0px;
padding: 0px 15px
}
}
@media (min-width: 1200px) {
.section_prd_sale .products-view-grid-bb {
position: relative
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
position: absolute;
top: -31px;
right: 44px;
background: transparent;
left: auto;
height: 45px;
width: 45px
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev:hover {
background: #22263c;
opacity: 1
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev:hover:before {
color: #fff
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev:before {
font-family: "FontAwesome";
text-indent: 0;
position: absolute;
left: 5px;
top: 5px;
width: 29px;
color: #acacac;
font-weight: bold;
text-align: center;
font-size: 20px;
background: transparent
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
position: absolute;
top: -31px;
right: 0px;
background: transparent;
left: auto;
height: 45px;
width: 45px
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next:hover {
background: #22263c;
opacity: 1
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next:hover:before {
color: #fff
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next:before {
font-family: "FontAwesome";
text-indent: 0;
position: absolute;
left: 7px;
top: 5px;
width: 29px;
color: #acacac;
font-weight: bold;
text-align: center;
font-size: 20px;
background: transparent
}
}
@media (max-width: 320px) {
.section-news .blogs-content .heading h2 {
padding: 0 10px
}
.section_feed_form .content_owl .subcribe .footer_top_form_register .footer_top_form_register_input {
padding: 0 88px 0 10px
}
.section_feed_form .content_owl .subcribe .footer_top_form_register form .subscribe {
padding: 0 10px
}
.widget-service .service-item span {
font-size: 21px
}
}
@media (max-width: 375px) {
.content-blog-index .myblog .content-right-blog {
width: 100%;
display: block;
float: left;
padding-top: 10px;
margin-left: 0px
}
}
@media (max-width: 424px) {
#product_comeback button.slick-prev.slick-arrow, #product_comeback button.slick-next.slick-arrow {
display: none !important
}
}
@media (max-width: 543px) and (min-width: 480px) {
.section_feed_form .content_owl .subcribe .footer_top_title h4 {
text-align: center
}
}
@media (max-width: 767px) {
.item_blog_big {
margin-bottom: 25px
}
.footer.footer .icon_none_first a i.fa {
display: none
}
.section_feed_form .content_owl .subcribe {
padding: 0px
}
.widget-service .service-item {
margin-bottom: 20px
}
.adv_bottom_inner {
margin-bottom: 30px
}
.header-main .style-b-header1 .wishlist_header {
padding: 21px 0 0 0;
overflow: hidden;
right: 65px;
top: 15px;
position: absolute
}
.header-main .style-b-header2 .top-cart-contain {
color: #333;
padding: 25px 0 0 0;
right: 27px;
top: 10px;
position: absolute;
z-index: 1000
}
.header-main .style-b-header2 .top-cart-contain .bg_cart .count_item_pr {
position: absolute;
right: -12px;
top: 11px;
height: 23px;
width: 23px;
border-radius: 50%;
color: #fff !important;
text-align: center;
background: #066ceb
}
}
@media (min-width: 768px) {
.section_prd_sale .products-view-grid-bb {
position: relative
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: none;
border-bottom: none;
position: absolute;
top: -31px;
right: 44px;
background: transparent;
left: auto;
height: 45px;
width: 45px
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev:hover {
background: #22263c;
opacity: 1
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev:hover:before {
color: #fff
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-prev:before {
font-family: "FontAwesome";
text-indent: 0;
position: absolute;
left: 5px;
top: 5px;
width: 29px;
color: #acacac;
font-weight: bold;
text-align: center;
font-size: 20px;
background: transparent
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: none;
border-bottom: none;
position: absolute;
top: -31px;
right: 0px;
background: transparent;
left: auto;
height: 45px;
width: 45px
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next:hover {
background: #22263c;
opacity: 1
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next:hover:before {
color: #fff
}
.section_prd_sale .products-view-grid-bb .owl-nav .owl-next:before {
font-family: "FontAwesome";
text-indent: 0;
position: absolute;
left: 7px;
top: 5px;
width: 29px;
color: #acacac;
font-weight: bold;
text-align: center;
font-size: 20px;
background: transparent
}
.home-slider .owl-dots {
bottom: 15px
}
.home-slider .owl-dots .owl-dot {
width: 10px;
height: 10px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wishlist_header {
padding: 22px 0 0 0;
overflow: hidden;
right: 95px;
position: absolute
}
}
@media (max-width: 1199px) {
.section_prd_sale .product_comeback_wrap .product-box-2 .product-info {
margin-top: 45px
}
#open-filters {
color: #fff;
background: #066ceb;
position: fixed;
right: 0;
top: 35% !important;
padding: 4px 10px;
cursor: pointer;
z-index: 99999;
font-size: 18px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease
}
#open-filters.openf {
right: 256px
}
#open-filters.openf i:before {
content: '\f00d'
}
#open-filters span {
display: none
}
.dqdt-sidebar {
position: fixed;
width: 256px;
background: #fff;
top: 0;
bottom: 0;
right: 0;
border-top: solid 1px #bbbbbb;
border-left: solid 1px #bbbbbb;
overflow: hidden;
overflow-y: auto;
z-index: 100000;
visibility: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.dqdt-sidebar.openf {
padding-top: 15px;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.dqdt-sidebar .aside-filter {
margin-left: 0px
}
.title_asd_cls h2 {
font-size: 20px
}
#nav-mobile {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease
}
#nav-mobile.open_sidebar_menu {
visibility: visible
}
.header_search .input-group .form-group {
padding: 28px 0px !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.content-blog-index .myblog .content_day_blog {
font-size: 12px !important
}
.section_prd_sale .products-view-grid-bb {
border-bottom: 1px solid #ebebeb
}
}
@media (max-width: 1199px) {
.section_feed_form .content_owl #block_01 {
padding-top: 0px
}
.header_search {
height: auto
}
.section_feed_form .content_owl .subcribe .footer_top_form_register {
width: 100%
}
}
@media (max-width: 991px) {
.header_search {
height: 42px !important;
line-height: 42px !important
}
}
@media (max-width: 1199px) {
.details-product .swiper-button-next {
right: -10px;
top: 50%;
left: auto;
bottom: auto;
margin-top: -15px;
background: none;
height: 30px;
line-height: 30px
}
.details-product .swiper-button-next i:before {
content: "\f105"
}
.details-product .swiper-button-prev {
left: -10px;
top: 50%;
bottom: auto;
margin-top: -15px;
background: none;
height: 30px;
line-height: 30px
}
.details-product .swiper-button-prev i:before {
content: "\f104"
}
#gallery_01 {
position: relative !important
}
}
@media (max-width: 767px) {
.products-view-list .product-box .product-thumbnail {
width: 100%
}
}
@media (min-width: 1200px) {
.search_h .search_h:nth-child(4n+1) {
clear: left
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.search_h .search_h:nth-child(4n+1) {
clear: left
}
}
@media (min-width: 768px) and (max-width: 991px) {
.search_h .search_h:nth-child(3n+1) {
clear: left
}
}
@media (max-width: 767px) {
.search_h .search_h:nth-child(2n+1) {
clear: left
}
}
@media (min-width: 1200px) {
.content-blog-index .col-lg-6:nth-child(2n+1) {
clear: left
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.content-blog-index .col-md-6:nth-child(2n+1) {
clear: left
}
}
@media (min-width: 768px) and (max-width: 991px) {
.content-blog-index .col-sm-6:nth-child(2n+1) {
clear: left
}
}
@media (max-width: 991px) {
.opacity_menu.open_opacity {
content: " ";
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0px !important;
left: 0px;
z-index: 999999
}
.show_open:before {
content: "\f068";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #000 !important;
line-height: 36px;
color: #066ceb
}
.hide_close:before {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #000 !important;
line-height: 36px;
color: #066ceb
}
.sidenav {
width: 280px;
height: 100%;
position: fixed;
z-index: 999999;
top: 0px !important;
background-color: #fff;
overflow-x: hidden;
-webkit-box-shadow: 0px 2px 11px 1px rgba(168,168,168,0.54);
-moz-box-shadow: 0px 2px 11px 1px rgba(168,168,168,0.54);
box-shadow: 0px 2px 11px 1px rgba(168,168,168,0.54);
visibility: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-transform: translateX(-280px);
-ms-transform: translateX(-280px);
-o-transform: translateX(-280px);
transform: translateX(-280px)
}
.sidenav.open_sidebar_menu {
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.sidenav .content_memu_mb {
display: block;
float: left;
width: 100%
}
.sidenav .content_memu_mb .customer span {
padding: 10px 0px;
display: block;
cursor: pointer
}
.sidenav .content_memu_mb .customer span a {
font-size: 14px;
line-height: 15px;
color: #fff;
display: block;
margin: 0px 15px
}
.sidenav .content_memu_mb .customer .acc a:before {
font-family: 'themify';
content: "\e603";
font-size: 16px;
color: #fff;
padding-right: 15px
}
.sidenav .content_memu_mb .customer .out a:before {
font-family: 'themify';
content: "\e62b";
font-size: 16px;
color: #fff;
padding-right: 15px
}
.sidenav .content_memu_mb .link_list_mobile {
margin: 0px
}
.sidenav .content_memu_mb .link_list_mobile ul {
padding: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile {
border-bottom: solid 1px #ebebeb;
margin: 0
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile.login_mobile li a {
padding-left: 50px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile.login_mobile li a .fas {
color: #066ceb;
left: 15px;
line-height: 36px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile.login_mobile li a .fa-user-times {
left: 18px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile li {
position: relative
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile li i {
position: absolute;
right: 5px;
top: 0px;
cursor: pointer;
display: block;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
font-style: normal;
border: none;
border-radius: 0
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 {
border-top: solid 1px #ebebeb
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 a {
display: block;
font-size: 14px;
line-height: 36px;
padding: 0px 15px;
color: #000
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0:first-child {
border-top: 0
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0:last-child {
border-bottom: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 {
border-top: solid 1px #ebebeb
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 a {
display: block;
font-size: 14px;
line-height: normal;
margin: 10px 0;
padding: 0px 35px 0px 35px;
color: #000
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1:last-child {
border-bottom: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1:first-child {
border-top: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1:first-child i {
top: -10px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 {
border-top: solid 1px #ebebeb
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 a {
display: block;
font-size: 14px;
line-height: normal;
margin: 10px 0;
padding: 0px 35px 0px 45px;
color: #000
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2:last-child {
border-bottom: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2:first-child {
border-top: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3 {
border-top: solid 1px #ebebeb
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3 a {
display: block;
font-size: 14px;
line-height: normal;
margin: 10px 0;
padding: 0px 35px 0px 75px;
color: #000
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3:last-child {
border-bottom: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3:first-child {
border-top: 0px
}
.sidenav .content_memu_mb .link_list_mobile .ct-mobile .level_ico a {
padding: 0px 15px 0px 25px
}
.sidenav .top_menu_mobile {
overflow: hidden;
background: #fff;
width: 100%;
padding: 10px 0px
}
.sidenav .close_menu {
display: block;
height: 80px;
background-image: url("//bizweb.dktcdn.net/100/347/562/themes/795020/assets/logo.png?1594605914128");
background-repeat: no-repeat;
background-position: center;
width: 100%;
margin-left: 0px
}
.sidenav .head_title_menu {
display: block;
text-align: left;
line-height: 24px;
font-size: 18px;
color: #fff;
padding: 7px 15px
}
.sidenav .fot_menu_mobile {
overflow: hidden;
float: left;
width: 100%
}
.sidenav .fot_menu_mobile .link_list_action .login_mobile li {
border-top: solid 1px rgba(2,2,2,0.71)
}
.sidenav .fot_menu_mobile .link_list_action .login_mobile li:nth-child(1) {
border-top: 0px
}
.sidenav .fot_menu_mobile .link_list_action .login_mobile li a {
display: block;
font-size: 14px;
line-height: 36px;
padding: 0px 15px;
color: #fff
}
.sidenav .fot_menu_mobile .link_list_action .login_mobile li a .fa {
padding-right: 10px
}
}
@media (max-width: 767px) {
.awe-section-3 {
margin-bottom: 0px
}
.awe-section-4 {
margin-bottom: 0px
}
}
@media (max-width: 1199px) {
.awe-section-7 {
margin-bottom: 50px
}
}