@font-face {
font-family: Ampata;
src: url(//hadupack.com/wp-content/themes/halink.tt09/assets/fonts/amputa-bangiz.ttf);
}
@font-face {
font-family: opensans;
src: url(//hadupack.com/wp-content/themes/halink.tt09/assets/fonts/OpenSans-CondLight.ttf);
}
@font-face {
font-family: opensans-light;
src: url(//hadupack.com/wp-content/themes/halink.tt09/assets/fonts/OpenSans-Light_0.ttf);
}
body {
font-family: 'helveti' !important;
}
@font-face {
font-family: 'helveti';
src: url(//hadupack.com/wp-content/themes/halink.tt09/assets/fonts/helveticaneuelight.ttf);
}
body {
margin: 0 !important;
font-size: 15px;
}
a {
color: #78af38;
}
.wraper {
width: 100%;
float: left;
}
article.header-xm-wraper {
width: 100%;
float: left;
}
.wp-container-header-xm {
width: 100%;
float: left;
}
.wp-header-top-wp {
width: 100%;
float: left;
padding: 5px 0px;
position: fixed;
z-index: 99999;
background: #78af38;
z-index: 111111111111; }
body:not(.home) .logo {
display: none;
}
body:not(.home) .site-content-contain {
padding-top: 53px;
}
[class*="ha_col_"] {
float: left;
padding: 0 15px;
box-sizing: border-box;
}
.ha_col_12 {
width: 100%;
}
.ha_col_11 {
width: 91.66666667%;
}
.ha_col_10 {
width: 83.33333333%;
}
.ha_col_9 {
width: 75%;
}
.ha_col_8 {
width: 66.66666667%;
}
.ha_col_7 {
width: 58.33333333%;
}
.ha_col_6 {
width: 50%;
}
.ha_col_5 {
width: 41.66666667%;
}
.ha_col_4 {
width: 33.33333333%;
}
.ha_col_3 {
width: 25%;
}
.ha_col_2 {
width: 16.66666667%;
}
.ha_col_1 {
width: 8.33333333%;
}
.hl_dnm_home,
.hl_dnm_home .widget {
float: left;
width: 100%;
}
.hl_dnm_home .widget {
padding: 20px 0;
}
.container {
width: 100%;
max-width: 1200px;
margin: auto;
padding-left: 10px;
padding-right: 10px;
}
.xm-header-menu {
background: #78af38;
color: white;
float: left;
padding: 2px 10px;
cursor: pointer;
margin-top: 7px;
}
label.header-title-menu {
float: left;
}
.xm-header-menu h4 {
float: left;
font-size: 12px;
margin: 3px;
padding: 0px 0px 3px 8px !important;
margin-top: 2px !important;
}
.xm-header-phone {
font-family: helveti;
padding: 7px 0px;
}
.xm-header-phone a {
color: white;
}
label.header-title-xm {
float: left;
color: #8d8d8d;
font-size: 12px;
font-family: helveti;
padding: 2px 0px;
text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 !important;
}
a {
text-decoration: none;
}
.xm-header-address {
font-family: helveti;
padding: 3px 0;
text-align: right;
}
.xm-header-address label.header-title-xm {
float: left;
color: #8d8d8d;
font-size: 21px;
font-family: helveti;
z-index: 999999999999;
position: relative;
text-transform: uppercase;
}
label.header-title-xm i {
width: 20px;
height: 16px;
border-radius: 90%;
background: #029400;
text-align: center;
color: white;
padding-top: 5px;
}
.xm-header-phone h4 {
float: left;
font-weight: 400;
padding-left: 10px;
padding-top: 2px;
color: white;
}
.xm-header-address h4 {
float: left;
font-weight: 600;
padding-left: 10px;
font-size: 17px;
color: white;
padding-top: 2px;
}
.xm-header-email {
font-family: helveti;
padding: 7px 0px;
}
.xm-header-email label.header-title-xm {
font-size: 10px;
}
.xm-header-email h4 {
float: left;
font-weight: 400;
color: white;
padding-left: 10px;
padding-top: 2px;
}
.xm-header-phone h4,
.xm-header-email h4 {
font-size: 15px;
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.wp-xm-menu-top {
position: fixed;
top: -150%;
left: 0;
width: 400px;
padding: 16px;
z-index: 9999999;
background: white;
transition: all 0.3s ease;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.content-menu-top {
width: 100%;
float: left;
}
.content-menu-top ul {
width: 100%;
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.content-menu-top ul li {
width: 100%;
float: left;
}
.content-menu-top ul li a {
color: black;
width: 100%;
float: left;
text-transform: uppercase;
padding: 5px;
transition: all 0.3s ease;
}
.content-menu-top ul li a:hover {
color: #a0043c;
padding-left: 15px;
font-weight: bold;
}
.content-menu-top ul li i {
float: left;
padding-right: 5px;
}
.wp-xm-menu-top.show-menu-top {
top: 48px;
}
ul {
list-style: none;
padding: 0 10px;
}
.wp-xm-menu-top.show-menu-top ul li a:before {
content: "\f0a4";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
padding-right: 5px;
font-size: 18px;
}
.content-product-wrap-xm {
width: 100%;
float: left;
}
.product-item-xm {
width: 25%;
float: left; }
.title-product-xm {
width: 100%;
float: left;
font-size: 20px;
color: #d6577a;
text-align: center;
padding: 10px 0px;
}
.product-xm-image {
width: 100%;
float: left;
height: 356px;
}
.title-product-xm h3 {
font-size: 16px;
color: black;
}
.widget_widget_product_category h2 {
width: 100%;
float: left;
color: red;
padding-bottom: 0;
}
.slider {
float: left;
width: 100%;
margin-top: 50px;
}
footer#colophon {
width: 100%;
float: left;
}
.woocommerce .woocommerce-result-count {
display: none;
}
.woocommerce .woocommerce-ordering {
display: none
}
.woocommerce ul .button {
display: none;
}
h2.widget-title,
.header-about-info-xm {
width: 100%;
text-align: center;
color: #78af38;
text-transform: uppercase;
text-shadow: 1px 1px 1px;
font-weight: 500;
position: relative;
}
.header-about-info-xm,
.widget-title.hl_s2 {
text-align: left !important;
}
h2.widget-title:after,
h2.widget-title:before {
position: absolute;
content: "";
width: 20px;
height: 1px;
background: #78af38;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
}
h2.widget-title:after {
bottom: -2px;
transform: translateX(calc(-50% - 7px));
}
.page-title,
.entry-title {
position: relative;
}
.page-title:after,
.page-title:before,
.entry-title:after,
.entry-title:before {
position: absolute;
content: "";
width: 20px;
height: 1px;
background: #78af38;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
}
.page-title:after,
.page-title:before,
.entry-title:after,
.entry-title:before {
left: 0;
transform: none;
}
.page-title:after,
.entry-title:after {
left: 5px;
bottom: -2px;
}
.widget-title.hl_s2:after,
.widget-title.hl_s2:before {
left: 0;
transform: none;
}
.widget-title.hl_s2:before {
left: 5px;
bottom: -4px;
}
.description-about-xm {
width: 100%;
float: left;
padding-bottom: 20px;
}
.description-about-xm p {
text-align: justify;
font-size: 17px;
}
.info-content-about-left {
width: 50%;
float: left;
height: 350px;
}
.about-image-content {
margin: 0 auto !important;
height: 100%;
float: left;
padding: 0 20px;
padding-left: 0;
}
.about-image-content img {
width: 100%;
max-width: 100%;
max-height: 100%;
position: relative;
}
.info-content-about-right {
width: 50%;
float: left;
}
path.path1 {
display: none;
}
.logo {
width: 230px;
height: 200px;
float: none;
position: absolute;
z-index: 99999;
margin-top: 40px;
}
.gioithieu {
width: 100%;
float: left !important;
margin-bottom: 10px;
padding: 20px 0;
background: #eef1f7;
}
.sanpham {
width: 100%;
float: left !important;
}
.gioithieu .widget-title {
text-align: center;
}
.about-image-content:before {
content: "";
bottom: 0;
left: -25px;
width: 100%;
height: 160px;
}
.wp-step-quytrinh-xm {
width: 1064px;
margin: auto;
float: none;
}
span.stepo-xm.lb-step-xm {
width: 100px;
height: 60px;
float: left;
margin: 0px 15px;
margin-top: 127px;
}
span.stepo-xm.lb-step-xm h4 {
width: 100%;
height: 100%;
float: left;
background: #78af38;
border-radius: 50%;
text-align: center;
font-size: 16px;
color: white;
padding-top: 38px;
}
span.stepx-xm.lb-step-xm {
width: 100px; float: left;
}
span.stepx-xm.lb-step-xm h5 {
width: 100px;
height: 60px;
float: left;
background: #78af38;
margin-bottom: 5px;
border-radius: 50%;
text-align: center;
font-size: 16px;
color: white;
padding-top: 38px;
}
span.small-step-footer-xm {
width: 100px;
float: left;
margin: 0px 15px;
}
span.stepx-xm.lb-step-xm i {
width: 100%;
text-align: center;
margin-bottom: 5px;
color: #a0043c;
font-size: 16px;
font-weight: bold;
}
p.line-xm {
width: 160px;
float: left;
border-bottom: 1px solid #a0043c;
line-height: 40px;
font-size: 14px;
font-weight: bold;
padding-top: 137px;
text-align: center;
}
.lsPost2 {
width: 24%;
float: left;
padding: 5px;
}
footer#colophon {
background: #eef1f7;
padding: 20px 0;
}
.footer_bottom_1 {
width: 40%;
float: left;
}
.footer_bottom_2 {
width: 60%;
float: left;
}
.footer_logo {
text-align: center;
width: 94%;
}
ul.products li {
text-align: center;
text-transform: uppercase;
color: #029400;
font-weight: bold !important;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: 180px;
display: block; box-shadow: none;
border: 1px solid #002794;
}
.woocommerce .products ul,
.woocommerce ul.products {
padding-top: 20px !important;
display: flex;
flex-wrap: wrap;
}
.products li {
float: left;
position: relative;
padding: 0 5px;
box-sizing: border-box;
}
.products.columns-4 li {
width: 25%;
}
.re-new-col .products.columns-4 li {
width: 33.33333%;
}
.products li .out {
border: 1px solid #78af38;
float: left;
width: 100%;
margin-bottom: 10px;
}
h2.woocommerce-loop-product__title {
width: 100%;
font-size: 17px;
text-align: center;
text-transform: uppercase;
color: #029400;
text-shadow: 1px 1px 1px;
padding: 20px 0;
padding-top: 10px;
font-weight: 600;
text-shadow: none;
}
.sanpham .widget-title {
text-align: left;
font-weight: bold;
}
.products li img {
width: 100%;
display: block;
box-shadow: none;
}
.getPostCate2 {
width: 100%;
float: left;
padding-top: 20px;
}
.col-xs-6.col-md-3.lsPost2 {
width: 19% !important;
float: left;
}
.tintuc {
width: 100%;
float: left;
}
.image img {
width: 100%;
height: 200px;
}
.page .entry-header {
width: 100%;
float: left;
}
.tieuchi {
padding-left: 0;
}
ul.tieuchi span {
color: #335f00;
font-size: 19px;
line-height: 31px;
*font-weight: 600;
margin-top: -4px;
position: relative;
}
ul.tieuchi span:before {
display: inline-block;
content: "";
width: 29px;
height: 22px;
margin-right: 2px;
background: url(//hadupack.com/wp-content/themes/halink.tt09/assets/images/hand-icon.png);
background-size: 100%;
}
h3.header-about-info-xm {
font-size: 27px;
}
h3.ttPost {
color: #78af38;
font-size: 17px;
text-align: justify;
font-weight: bold;
position: relative;
}
h3.ttPost:after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 30px;
height: 1px;
background: #78af38;
}
.footer_bottom_1 .fa {
color: green;
}
.footer_bottom_1 b.ten {
font-size: 25px;
color: #95c63d;
}
.page-title,
.entry-title {
text-transform: uppercase;
color: #78af38;
font-size: 22px;
}
.xemthem {
margin: 10px;
float: right;
text-align: right;
}
.vmore {
float: right;
color: #fff;
font-weight: 600;
background: #78af38;
padding: 6px 15px;
font-size: 13px;
letter-spacing: 1px;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.xemthem {
background: #78af38;
text-align: right;
cursor: pointer;
color: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.xemthem a {
color: rgb(249, 249, 249);
text-decoration: none;
display: block;
padding: 10px 20px;
}
.xemthem:hover {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.products li img {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: relative;
}
.products li img:hover {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
div#primary_blog {
float: left;
width: 70%;
margin-top: 20px;
margin-bottom: 20px;
}
div#secondary_blog {
width: 28%;
margin-top: 20px;
float: left;
padding: 0 10px;
}
.entry-title {
width: 100%;
text-align: left;
color: #78af38;
text-transform: uppercase;
}
p { }
.footer_logo img {
width: auto;
}
@media screen and (max-width: 768px) {
#custom_html-3 {
display: none;
}
[class*="ha_col_"] {
width: 100%;
}
.wp-header-top-wp .ha_col_3 {
width: 30%;
}
.wp-header-top-wp .ha_col_9 {
width: 70%;
}
#footer-site .widget {
margin-bottom: 20px;
}
.slider {
margin-top: 40px;
}
.tintuc h2 {
margin-bottom: 10px !important;
}
.re-new-col .products.columns-4 li {
width: 50%;
}
.gioithieu {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
h3.ttPost {
font-weight: normal;
font-size: 19px;
}
.tin_home {
margin: 4px 0px !important;
padding: 0px !important;
}
ul.tieuchi {
padding: 0px;
}
.footer_logo {
width: 100%;
margin: auto;
}
.wraper-info-about-list-xm {
padding: 0px 10px;
text-align: justify;
}
h3.header-about-info-xm {
padding: 0px 15px;
}
ul.products.columns-4 {
*padding: 10px 10px 0px 10px;
}
.tintuc .container {   }
.footer_bottom_1 p {
padding: 10px;
}
.container {
width: 100% !important;
padding: 0 !important;
}
.xm-header-address {
display: none;
}
.xm-header-email {
display: none;
}
.wp-step-quytrinh-xm {
width: 100%;
margin: auto;
}
.xm-header-phone {
padding: 0 5px;
margin-top: 5px;
margin-left: 8px;
}
.wp-header-top-wp .ha_col_9 {
padding-right: 8px;
}
.wp-header-top-wp .language {
margin-left: auto;
padding: 6px 0 4px;
}
.wp-header-top-wp .language .gtranslate_wrapper,
.wp-header-top-wp .language ul.qtranxs_language_chooser {
gap: 5px;
}
.wp-header-top-wp .language .glink img,
.wp-header-top-wp .language ul.qtranxs_language_chooser img,
.wp-header-top-wp .language .qtranxs_image img {
width: 34px !important;
height: 25px !important;
}
.wp-xm-menu-top {
width: 100%;
}
.logo img {
width: 70px !important;
height: auto;
}
h2.widget-title {
font-size: 17px;
}
p {
word-break: break-word;
}
.info-content-about-left {
width: 100%;
float: left;
height: auto;
}
.info-content-about-right {
width: 100%;
float: left;
padding: 0px;
}
.about-image-content {
padding: 5px !important;
}
.woocommerce.columns-4 ul li {
float: left;
margin: 3px;
padding: 0;
position: relative;
width: 48%;
}
.col-xs-6.col-md-3.lsPost2 {
width: 100% !important;
float: left;
padding: 0;
}
.woocommerce.columns-4 ul li img {
width: 100%;
height: 180px;
margin: auto;
}
footer#colophon {
width: 100%;
float: left;
display: none;
}
.footer_bottom_1 {
width: 100%;
float: left;
padding: 0px;
}
.footer_bottom_2 {
width: 100%;
float: left;
}
.widget_widget_product_category h2 {
padding: 0 !important;
text-align: center !important;
}
div#primary_blog {
float: left;
width: 100%;
margin-top: 20px;
}
div#secondary_blog {
width: 100%;
margin-top: 20px;
float: left;
}
.sanpham,
div#secondary_blog,
div#primary_blog {
padding: 0 15px;
box-sizing: border-box;
}
.hl_dnm_home .widget:first-child {
padding-top: 0;
}
.slider.ls-direction-fix.ls-overflow-visible {
margin-bottom: 0 !important;
}
.col-xs-6.col-md-3.lsPost2 .image {
float: left;
width: 25%;
margin-right: 10px;
}
.col-xs-6.col-md-3.lsPost2 .image img {
height: 85px;
}
.col-xs-6.col-md-3.lsPost2 h3 {
font-size: 17px;
}
div#primary_blog p {
*padding: 0 10px;
text-align: justify;
}
.tin_home {
width: 94.5% !important;
float: left;
margin: 5px 10px !important;
padding: 0px !important;
box-shadow: none !important;
height: auto !important;
}
.tin_home .left img {
height: 96px;
}
.tin_home .right {
float: left;
width: 62% !important;
margin-left: 10px;
}
.tin_home p {
display: none;
}
h1.entry-title {
font-size: 17px !important;
}
.mxh {
margin-top: -26px !important;
margin-left: 10px !important;
}
}
@media screen and (max-width: 320px) {
.xm-header-menu {
width: 21%;
}
.xm-header-phone {
display: none;
}
.widget_widget_product_category h2 {
padding: 0 !important;
}
div#primary_blog {
float: left;
width: 100%;
margin-top: 20px;
padding: 0;
}
.post_img img {
height: 140px !important;
}
h1.entry-title {
font-size: 12px !important;
}
.col-xs-6.col-md-3.lsPost2 .image {
float: left;
width: 25%;
margin-right: 10px;
}
.col-xs-6.col-md-3.lsPost2 .image img {
height: 85px;
}
.col-xs-6.col-md-3.lsPost2 h3 {
font-size: 17px;
}
div#primary_blog p {
padding: 0 10px;
text-align: justify;
}
.tin_home {
width: 100% !important;
float: left;
margin: 5px !important;
padding: 0 5px !important;
}
.tin_home .left img {
height: 96px;
}
.tin_home .right {
float: left;
width: 62% !important;
margin-left: 10px;
}
.tin_home p {
display: none;
}
.mxh {
margin-top: -26px !important;
margin-left: 10px !important;
}
}
.btn-top {
text-align: center;
color: #fff;
background: #037701;
background-repeat: no-repeat;
border: medium none;
bottom: 82px;
cursor: pointer;
display: none;
height: 50px;
outline: medium none;
padding: 0;
position: fixed;
right: 20px;
width: 50px;
z-index: 9999;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
transform: rotate(270deg);
}
.btn-top .fa {
font-size: 26px;
margin-top: 11px;
}
section.related.products {
width: 100%;
float: left;
}
.slider.ls-direction-fix.ls-overflow-visible {
margin-bottom: 22px;
}
.tin_post {
width: 100%;
float: left;
margin-bottom: 15px;
}
.tin_post .left {
width: 30%;
float: left;
margin-right: 10px;
}
.post_img img {
width: 100%;
height: auto !important;
}
a.more-link {
float: right;
display: none;
}
.logo img { }
div#primary_blog span {
*font-size: 18px !important;
}
header.entry-header {
margin-bottom: 10px;
}
.tin_post p {
font-size: 18px;
}
.tin_home {
width: 47%;
float: left;
margin: 10px;
height: 183px;
padding: 8px;
background: #d0ecae42;
box-shadow: 1px 1px 4px 0px #00000080;
}
.tin_home .left {
width: 30%;
float: left;
padding: 7px;
background: #eff1ec;
}
.tin_home img {
height: 163px;
}
.tin_home .right {
float: left;
width: 65%;
margin-left: 10px;
}
.tin_home p {
font-size: 16px;
text-align: justify;
}
.tin_home {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: relative;
}
.tin_home:hover {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tintuc h2 {
padding: 20px 0;
}
.xm-header-address label.header-title-xm i {
width: 30px;
height: 23px;
font-size: 14px;
padding-top: 7px;
display: block;
}
.xm-header-address a {
display: inline-block;
cursor: pointer;
}
.xm-header-address a i {
transition: all .5s;
}
.xm-header-address a:hover i {
background: #a6e063;
}
span.rpwwt-post-title {
font-weight: bold;
font-size: 17px;
}
span.tagged_as {
width: 100%;
float: left;
}
main#main {
padding: 0 5px;
}
.widget_blog {
padding: 0 5px;
}
.mxh_1 {
width: 60px;
float: left;
margin-right: 10px;
}
.mxh {
margin-top: -13px;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.wp-header-top-wp .ha_col_9 {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.wp-header-top-wp .hl-b {
float: none;
margin-left: 20px;
}
.wp-header-top-wp .language {
float: none;
margin-left: 15px;
padding: 4px 0;
line-height: 1;
}
.wp-header-top-wp .language .gtranslate_wrapper {
display: flex;
align-items: center;
gap: 6px;
}
.wp-header-top-wp .language .glink {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px;
border-radius: 3px;
opacity: 0.75;
transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.wp-header-top-wp .language .glink:hover {
opacity: 1;
transform: translateY(-1px);
}
.wp-header-top-wp .language .glink.gt-current-lang {
opacity: 1;
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45);
}
.wp-header-top-wp .language .glink img {
display: block;
width: 30px !important;
height: 22px !important;
margin: 0;
border-radius: 2px;
object-fit: cover;
}
.wp-header-top-wp .language #google_translate_element2,
.wp-header-top-wp .language .goog-te-gadget,
.wp-header-top-wp .language .skiptranslate {
display: none !important;
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
} .wp-header-top-wp .language ul.qtranxs_language_chooser,
.wp-header-top-wp .language ul.language-chooser-image {
display: flex;
align-items: center;
gap: 6px;
margin: 0 !important;
padding: 0;
}
.wp-header-top-wp .language ul.qtranxs_language_chooser li {
display: inline-flex !important;
list-style-type: none !important;
margin: 0 !important;
opacity: 0.45 !important;
transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.wp-header-top-wp .language ul.qtranxs_language_chooser li:hover {
opacity: 0.85 !important;
}
.wp-header-top-wp .language ul.qtranxs_language_chooser li.active {
opacity: 1 !important;
}
.wp-header-top-wp .language ul.qtranxs_language_chooser li.active:hover {
opacity: 1 !important;
}
.wp-header-top-wp .language ul.qtranxs_language_chooser li a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px;
border-radius: 3px;
line-height: 1;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.wp-header-top-wp .language ul.qtranxs_language_chooser li a:hover {
transform: translateY(-1px);
}
.wp-header-top-wp .language ul.qtranxs_language_chooser li.active a {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45);
}
.wp-header-top-wp .language ul.qtranxs_language_chooser img,
.wp-header-top-wp .language .qtranxs_image img {
display: block !important;
width: 30px !important;
height: 22px !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
border-radius: 2px;
object-fit: cover;
box-shadow: none !important;
vertical-align: middle;
}
#footer-site * {
color: #fff;
}
#footer-site .widget-title {
display: block;
margin-bottom: 20px !important;
font-size: 18px;
}
#footer-site ul {
margin: 0;
padding: 0;
}
#footer-site ul li a {
line-height: 34px;
}
#footer-site .textwidget {
line-height: 24px;
}
#footer-site h2.widget-title:after,
#footer-site h2.widget-title:before {
background: #fff;
}
#footer-site {
float: left;
width: 100%;
background: url(//hadupack.com/wp-content/themes/halink.tt09/assets/images/ft-bg.jpg) repeat;
position: relative;
padding: 25px 0;
padding-top: 40px;
box-shadow: 0 -6px 7px -5px #78af38;
}
#footer-site .container {
position: relative;
z-index: 2;
}
#footer-site:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(120, 175, 56, 0.9);
z-index: 1;
}
#footer-site iframe {
height: 200px;
}
#footer-site ul li a:hover {
color: #59fb57;
}
#footer-copy-right {
float: left;
width: 100%;
background: #78af38;
padding: 10px 0;
border-top: 2px solid rgba(255, 255, 255, 0.4);
}
#footer-copy-right * {
text-align: center;
color: #fff;
}
#copy-right-right {
text-align: right;
}
.woocommerce div.product div.summary a,
.woocommerce div.product div.summary .product_meta * {
font-size: 15px;
text-transform: lowercase;
}
#secondary_blog ul li {
border-bottom: 1px solid rgba(120, 175, 56, 0.42);
}
span.rpwwt-post-title {
font-weight: bold;
font-size: 14px;
padding-bottom: 12px;
word-break: break-all;
font-weight: 500;
}
.rpwwt-widget ul li {
margin-bottom: 7px !important;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
font-weight: 400;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
padding-top: 20px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: right;
margin-left: 4px;
width: 40px;
height: auto;
box-shadow: none;
border: 1px solid;
padding: 4px;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 10px 0;
}
#secondary_blog .widget_blog {
margin-bottom: 30px;
}
.page-header {
margin-bottom: 30px;
}
.tin_post h3.ttPost:after {
display: none;
}
#hl_main_menu_fix {
width: 250px;
position: fixed;
top: 0;
bottom: 0;
background: #78af38;
z-index: 111111111111;
transition: all .5s;
left: -100%;
}
#hl_main_menu_fix.active {
left: 0;
}
#hl_main_menu_fix .out {
width: 100%;
position: relative;
}
#hl_main_menu_fix .custom-logo-link {
display: block;
background: #537b24;
padding: 8px 0;
}
#hl_main_menu_fix .custom-logo-link img {
width: 100px;
height: auto;
}
#hl_main_menu_fix ul {
margin: 0;
padding: 0;
}
#hl_main_menu_fix ul li {
padding: 10px 10px;
border-bottom: 1px solid rgba(50, 74, 22, 0.25);
position: relative;
transition: all .5s;
}
#hl_main_menu_fix ul li a {
color: #fff;
text-transform: uppercase;
}
#hl_main_menu_fix ul li:before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
color: #162306;
}
#hl_main_menu_fix ul li:hover {
background: #537b24;
}
#hl_main_menu_fix .bt-close {
display: inline-block;
color: #fff;
position: absolute;
z-index: 1111111111111111111;
height: 20px;
width: 20px;
right: 5px;
top: 5px;
}
#custom_html-3 {
background: #eef1f7;
} .brand-item {
height: 150px;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.brand-item img {
height: 100%;
max-height: 150px;
}
.owl-nav {
position: relative;
visibility: hidden;
}
.brands-items-wrapper:hover .owl-nav {
visibility: visible !important;
}
.owl-prev {
position: absolute;
left: 0;
top: -115px;
width: 40px;
height: 40px;
background: #cbcbcb !important;
color: #000 !important;
}
.owl-next {
position: absolute;
top: -115px;
right: 0;
width: 40px;
height: 40px;
background: #cbcbcb !important;
color: #000 !important;
}
.owl-prev span,
.owl-next span {
font-size: 30px;
}
.social-share i {
font-size: 35px;
}
.social-share .facebook {
color: #0b5de6 !important;
}
.social-share .twitter {
color: #04bcff !important;
}
.social-share .linkedin {
color: #033284 !important;
}
.social-share .pinterest {
color: #a41407 !important;
}
.logo-slider.row {
float: left;
}
@media screen and (max-width: 768px) {
.logo-slider.row .ha_col_3 {
width: 50%;
}
} .uk-section-small {
padding-top: 40px;
padding-bottom: 40px;
}
.uk-margin {
margin-bottom: 20px;
}
.text-center {
text-align: center !important;
}
.box_genner .title {
font-family: 'OpenSans Semibold';
color: #2a3780;
border: 1px solid;
border-left: none;
border-right: none;
}
.box_genner .title:after {
content: '';
background: url(//hadupack.com/themes/ws247/assets/css/imgs/ico2.png);
background-size: 100%;
width: 20px;
height: 23px;
display: inline-block;
margin-left: 10px;
}
.uk-grid-collapse {
margin-left: 0;
}
.uk-grid {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.block_sp.uk-section-small .uk-grid-collapse>div .card2,
.block_sp.uk-section-small .uk-grid-collapse>div {
max-height: 300px;
}
.uk-grid>*>:last-child {
margin-bottom: 0;
}
.uk-link,
a {
color: #1e87f0;
text-decoration: none;
cursor: pointer;
}
.card2 {
width: 100%;
}
.uk-inline-clip {
overflow: hidden;
}
[class*=uk-inline] {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
-webkit-backface-visibility: hidden;
}
.card2 img {
width: 100%;
}
canvas,
img,
video {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
.card2 .uk-overlay {
background-color: rgba(198, 5, 69, .7);
}
.card2 .uk-transition-fade {
opacity: 1;
background-color: transparent !important;
}
.uk-transition-fade {
opacity: 0;
}
.uk-transition-fade,
[class*=uk-transition-scale],
[class*=uk-transition-slide] {
transition: .3s ease-out;
transition-property: opacity, transform, filter;
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.uk-flex-middle {
align-items: center;
}
.uk-flex-center {
justify-content: center;
}
.uk-flex {
display: flex;
}
.uk-overlay-default {
background: rgba(255, 255, 255, .8);
}
.uk-overlay {
padding: 30px 30px;
}
.card2 .uk-margin-remove {
text-transform: uppercase;
font-family: 'OpenSans Bold';
font-size: 20px;
}
.uk-overlay>:last-child {
margin-bottom: 0;
}
.uk-margin-remove {
margin: 0 !important;
}
.uk-flex-middle {
align-items: center;
}
.uk-flex-center {
justify-content: center;
}
.uk-flex {
display: flex;
}
.uk-h3,
h3 {
font-size: 1.5rem;
line-height: 1.4;
}
.card2 .uk-margin-remove span {
-webkit-text-stroke: 0.25px #F89C1E;
color: #fff;
font-size: 30px;
font-weight: bold;
}
@media (min-width: 960px) {
.uk-child-width-1-3\@m>* {
width: calc(100% * 1 / 3.001);
}
}
@media (max-width: 959px) {
.uk-child-width-1-2>* {
width: 50% !important;
}
}
@media (max-width: 768px) {
.card2 .uk-margin-remove span {
font-size: 15px !important;
}
}
[class*=uk-child-width]>* {
box-sizing: border-box;
width: 100%;
}
.uk-grid-collapse>* {
padding-left: 0;
}
.uk-grid+.uk-grid-collapse,
.uk-grid-collapse>.uk-grid-margin {
margin-top: 0;
}
@media (min-width: 1200px) {
*+.uk-grid-margin,
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin {
margin-top: 0px;
}
}
*+.uk-grid-margin,
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin {
margin-top: 0px;
}
@media (min-width: 960px) {
.uk-child-width-1-3\@m>* {
width: calc(100% * 1 / 3.001);
}
}
.card2 .uk-transition-fade:hover {
background-color: rgb(31 33 66) !important;
opacity: 75%;
}
.card2 .uk-transition-fade:hover .uk-margin-remove {
border: 2px solid;
}
.h-100 {
height: 100% !important;
}
.w-100 {
width: 100% !important;
}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
#rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 70px; height: 70px; }