@charset "utf-8";
@font-face{font-family:"FontAwesomePB";src:url(//fotohandeldelfshaven.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-615.eot);src:url(//fotohandeldelfshaven.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-615.eot?#iefix) format("embedded-opentype"),url(//fotohandeldelfshaven.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-615.woff2) format("woff2"),url(//fotohandeldelfshaven.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-615.woff2) format("woff"),url(//fotohandeldelfshaven.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-615.ttf) format("truetype"),url(//fotohandeldelfshaven.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-615.svg#fapbregular) format("svg");font-weight:normal;font-style:normal}.bundled_table_item .product-name,.bundled_table_item .product-price,.bundled_table_item:not(.order_item) .product-quantity,.bundled_table_item .product-subtotal,.bundled_table_item .product-total{font-size:.875em}.bundled_table_item .bundled_table_item_indent{padding-left:32px}.woocommerce .bundled_table_item td.product-name dl.variation,.woocommerce-page .bundled_table_item td.product-name dl.variation,.bundled_table_item td.product-name .wc-item-meta{font-size:100%}.bundled_table_item,.bundled_table_item td{border-top:none !important;border-bottom:none !important}.bundle_table_item,.bundle_table_item td{border-bottom:none !important}.bundled_table_item_price,.bundled_table_item_subtotal{white-space:nowrap}.bundled_table_item_price:after,.bundled_table_item_subtotal:after{font-family:"FontAwesomePB";font-size:1rem;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-transform:rotate(90deg) ;transform:rotate(90deg) ;content:"" ;margin:0 2px 0 12px;opacity:.25}dt.bundled_title_meta,.bundled_notice{margin:12px 0 5px}a.edit_bundle_in_cart_text{color:#888;font-weight:normal;text-decoration:none}a.edit_bundle_in_cart_text:hover small{text-decoration:underline}.wcsatt-add-cart-to-subscription-options .bundled_table_item{font-size:.875em}.wcsatt-add-cart-to-subscription-options .bundled_table_item:after{font-family:"FontAwesomePB";display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-transform:rotate(90deg) ;transform:rotate(90deg) ;content:"" ;margin:0 2px 0 12px;opacity:.25}
   body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
color: #808080;
font-weight: 400;
line-height: 24px;
width: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
overflow-x: hidden;
}
body {
height: 100%;
-moz-osx-font-smoothing: grayscale;
}
a,
a:focus {
color: #808080;
text-decoration: none;
}
a:hover,
a:active {
color: #f57250;
text-decoration: none;
}
a:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
table {
margin-bottom: 25px;
width: 100%;
border: 1px solid #e8e8e8;
border-bottom: 0;
border-right: 0
}
td,
th {
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
padding: 5px 8px;
}
dd {
margin-bottom: 15px;
margin-left: 20px;
}
video {
background-size: cover;
display: table-cell;
vertical-align: middle;
width: 100%;
}
input,
textarea,
select,
.form-control {
border: 1px solid #e8e8e8;
color: #212121;
font-weight: 400;
padding: 9px 15px 10px;
width: 100%;
margin: 0 0 20px 0;
max-width: 100%;
resize: none;
outline: none;
background-color: #fff;
line-height: 22px;
}
select {
padding: 11px 12px 12px;
color: #808080;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #808080;
}
input.inputerror,
textarea.inputerror,
select.inputerror,
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #ff0000 !important;
}
input[type="submit"] {
width: auto
}
input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
input[type="submit"],
input[type="url"],
input[type="tel"] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input:focus,
textarea:focus,
.form-control:focus {
border-color: #c7c7c7;
outline: none;
}
input[type="button"]:focus {
outline: none;
}
input {
box-shadow: none;
}
input[type="checkbox"],
input[type="radio"] {
width: auto;
margin: 3px 10px 0 0;
float: left;
position: unset !important;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline-offset: 0;
}
select::-ms-expand {
display: none;
}
iframe {
border: 0;
width: 100%;
max-width: 100%;
vertical-align: bottom;
}
p {
margin: 0 0 25px;
}
.last-paragraph-no-margin p:last-of-type {
margin-bottom: 0;
}
strong {
font-weight: 600
}
ul,
ol {
padding-left: 18px;
}
ul,
ol,
dl {
margin-bottom: 25px;
}
ins {
border: 0;
text-decoration: none;
}
a,
.btn i,
.btn,
button,
.button,
button *,
.btn-link,
header .navigation-widget a * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
::selection {
color: #000;
background: #dbdbdb;
}
::-moz-selection {
color: #000;
background: #dbdbdb;
}
::-webkit-input-placeholder {
color: #808080;
text-overflow: ellipsis;
}
::-moz-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
:-ms-input-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
p:empty {
display: none;
}
div.wpcf7 {
position: relative;
}
div.wpcf7 .ajax-loader {
margin: 0;
width: auto;
height: auto
}
div.wpcf7 .ajax-loader.is-active {
width: 16px;
height: 16px;
margin: 15px 0 0 10px;
}
.form-control {
font-size: inherit;
}  .alt-font,
.button,
.btn {
font-family: 'Poppins', sans-serif;
}
.main-font {
font-family: 'Source Sans Pro', sans-serif;
} .alignnone {
margin: 0 0 20px 0;
}
p .alignnone {
margin-bottom: 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 23px auto;
text-align: center;
}
.alignright {
float: right;
margin: 5px 0 20px 40px;
}
img.alignright {
clear: both;
}
.alignleft {
float: left;
margin: 5px 40px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 30px;
}
a img.alignnone {
margin: 0 0 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
} .wp-caption {
background: #f7f7f7;
padding: 15px;
text-align: center;
border: 1px solid #ececec;
max-width: 100%;
}
.wp-caption figcaption {
padding: 22px 0 9px 0;
font-size: 12px;
color: #232323;
line-height: 18px;
clear: both;
}
.wp-caption img {
width: 100%;
margin: 0;
}
.wp-caption.alignnone {
margin: 5px 0 20px 0;
clear: none;
display: inline-block;
}
.wp-caption.alignleft {
margin: 5px 50px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 50px;
}
dl.wp-caption {
background: transparent;
padding: 0;
border: 0;
margin: 0;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 15px 4px 0;
}
.wp-caption p.wp-caption-text a {
text-decoration: none;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold; height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 1
} .bypostauthor {
border-bottom: 1px solid #e8e8e8;
}
.gallery-caption {
background-color: #f7f7f7;
padding: 10px;
font-weight: 500;
}
.mc4wp-form .input-group input {
position: relative;
z-index: 4;
}
.wpcf7-not-valid {
border-color: #ff0000 !important;
}
.wpcf7-not-valid-tip {
display: none !important;
}
div.wpcf7-validation-errors {
clear: both;
position: relative;
top: 10px;
text-align: center;
}
.alert-dismissable .close,
.alert-dismissible .close {
top: 1px
}
.stock {
color: #77a464;
font-weight: 500;
text-transform: uppercase;
margin: 0;
border: 1px solid #77a464;
padding: 0 13px !important;
line-height: 20px;
font-size: 11px !important;
display: inline-block;
}
.out-of-stock {
color: #f34a53;
font-weight: 500;
text-transform: uppercase;
margin: 0;
border: 1px solid #f34a53;
padding: 0 13px !important;
line-height: 20px;
display: inline-block;
font-size: 11px !important;
}
.wp-a11y-speak-region {
height: 0px;
}
.page-links {
clear: both;
text-align: center;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 30px;
padding: 0;
font-weight: 500;
}
h1 {
font-size: 30px;
line-height: 40px;
color: #232323;
}
h2 {
font-size: 25px;
line-height: 34px;
color: #232323;
}
h3 {
font-size: 22px;
line-height: 30px;
color: #232323;
}
h4 {
font-size: 20px;
line-height: 26px;
color: #232323;
margin-bottom: 25px;
}
h5 {
font-size: 18px;
line-height: 24px;
color: #232323;
margin-bottom: 25px;
}
h6 {
font-size: 16px;
line-height: 20px;
color: #232323;
margin-bottom: 25px;
} .heading-style-1 {
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #232323;
margin: 0;
position: relative
}
.heading-style-2 {
font-size: 55px;
line-height: 50px;
font-weight: 300;
color: #232323;
margin: 0;
position: relative
}
.heading-style-3 {
font-size: 25px;
line-height: 30px;
font-weight: 500;
color: #232323;
margin: 0;
position: relative
}
.heading-style-4 {
font-size: 12px;
line-height: 20px;
font-weight: 500;
color: #232323;
margin: 0;
position: relative
}
.heading-style-4 span {
position: relative;
padding-left: 16px;
margin-bottom: 0;
display: inline-block;
}
.heading-style-4 span:before {
width: 9px;
height: 2px;
background-color: #232323;
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.heading-style-5 {
font-size: 12px;
line-height: 24px;
font-weight: 500;
color: #232323;
margin: 0
}
.heading-style-6 {
font-size: 14px;
line-height: 22px;
font-weight: 500;
color: #232323;
margin: 0
}
.heading-style-6 span {
position: relative;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 0;
display: inline-block;
}
.heading-style-6 span:before {
width: 15px;
height: 1px;
background-color: #232323;
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.heading-style-6 span:after {
width: 15px;
height: 1px;
background-color: #232323;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
} body.overflow-y-hidden {
height: 100%;
} .container-fluid-with-padding {
padding-left: 130px;
padding-right: 130px;
margin-left: auto;
margin-right: auto;
} .admin-bar .mfp-container {
margin-top: 32px;
}
.admin-bar .mfp-gallery .mfp-container {
margin-top: 0
}
.admin-bar .mfp-gallery .mfp-container .button.mfp-close {
margin-top: 32px;
} section,
.default-page-space {
padding: 130px 0;
overflow: hidden;
}
.center-col {
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
.wpb-content-wrapper {
overflow: visible;
padding: 0
}
.hongo-page-content-area .wpb-content-wrapper {
overflow: hidden;
} .woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-warning {
padding: 13px 30px 12px 45px;
margin: 0 0 2em;
outline: none;
position: relative;
background-color: #54b783;
color: #fff;
border-top: 0;
border-radius: 0;
list-style: none outside;
width: auto;
word-wrap: break-word;
font-size: 12px;
line-height: normal;
}
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-warning a {
color: #fff;
text-shadow: 0 0 0 #fff;
filter: alpha(opacity=100);
opacity: 1;
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-warning .button {
margin-left: 10px;
margin-right: -10px;
font-size: 10px;
padding: 0 10px;
line-height: 19px;
text-transform: uppercase;
float: right;
}
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-warning .button:hover {
color: #232323;
background-color: #fff;
border-color: #fff;
}
.woocommerce-message strong,
.woocommerce-error strong,
.woocommerce-info strong,
.woocommerce-warning strong {
font-weight: 500;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .hongo-info-message-icon {
display: none;
}
.woocommerce-error {
background-color: #e65656;
}
.woocommerce-info {
background-color: #4278bb
}
.woocommerce-warning {
background-color: #e2ad4b;
}
.woocommerce-message .close,
.woocommerce-error .close,
.woocommerce-info .close,
.woocommerce-warning .close {
right: -10px;
font-weight: 100;
color: #fff;
}
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-warning::before {
font-family: 'Simple-Line-Icons';
display: inline-block;
position: absolute;
top: 13px;
left: 20px;
font-size: 16px;
}
.woocommerce-message::before {
color: #fff;
content: "\e080";
}
.woocommerce-error::before {
color: #fff;
content: "\e082";
}
.woocommerce-info::before {
color: #fff;
content: "\e08b";
}
.woocommerce-warning::before {
color: #fff;
content: "\e07c";
}
.hongo-cart-message,
.hongo-wishlist-message {
color: #fff;
font-weight: 400;
font-size: 12px;
margin-left: 5px;
background-color: #54b783;
padding: 10px 20px 10px;
text-align: center;
position: fixed;
right: 25px;
z-index: 99999;
top: 25px;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.hongo-cart-message a:hover,
.hongo-wishlist-message a:hover {
text-decoration: none;
}
.hongo-cart-message i,
.hongo-wishlist-message i {
margin: 0 7px 0 0;
background-color: #fff;
border-radius: 100%;
font-size: 9px;
width: 18px;
height: 18px;
text-align: center;
line-height: 19px;
color: #54b783;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success a:not(.close) {
color: #3c763d;
text-decoration: underline
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger a:not(.close) {
color: #a94442;
text-decoration: underline
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info a:not(.close) {
color: #31708f;
text-decoration: underline
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning a:not(.close) {
color: #8a6d3b;
text-decoration: underline
} .alert-message-style-1 {
border-radius: 0;
font-size: inherit;
position: relative;
overflow: hidden;
padding-left: 75px;
border: 0;
}
.alert-message-style-1 span {
background-color: #54b783;
color: #fff;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 56px;
text-align: center;
font-size: 18px;
line-height: normal;
}
.alert-message-style-1 span i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
}
.alert-message-style-1 .close {
font-weight: 900;
opacity: .6;
}
.alert-message-style-1.alert-info span {
background-color: #4278bb;
}
.alert-message-style-1.alert-warning span {
background-color: #e2ad4b;
}
.alert-message-style-1.alert-danger span {
background-color: #e65656;
}
.alert-message-style-1:before,
.alert-message-style-1:after {
display: none
} .alert-message-style-2 {
border-radius: 0;
font-size: inherit;
position: relative;
overflow: hidden;
border: 0;
border-left: 2px solid rgba(0, 0, 0, .20);
padding-left: 22px;
}
.alert-message-style-2 .close {
font-weight: 900;
opacity: .6;
}
.alert-message-style-2:before,
.alert-message-style-2:after {
display: none
} .alert-message-style-3 {
border-radius: 4px;
padding: 15px 35px 15px 15px;
font-size: inherit;
}
.alert-message-style-3 .close {
font-weight: 900;
opacity: .6;
top: 0px;
}
.alert-message-style-3:before,
.alert-message-style-3:after {
display: none
}
.alert-message-style-3.alert-success {
border: 1px solid #d6e9c6
}
.alert-message-style-3.alert-danger {
border: 1px solid #ebccd1
}
.alert-message-style-3.alert-info {
border: 1px solid #bce8f1
}
.alert-message-style-3.alert-warning {
border: 1px solid #faebcc
} .hongo-cookie-policy-wrapper {
top: 0 !important;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(23, 23, 23, .8);
}
.hongo-cookie-policy-wrapper.hongo-gdpr-disable-overlay {
top: inherit !important;
width: auto;
height: auto;
background-color: transparent;
}
.hongo-cookie-policy-wrapper.hongo-gdpr-disable-overlay .cookie-container {
border: 1px solid #ededed;
}
.hongo-cookie-policy-wrapper.full-content.hongo-gdpr-disable-overlay {
width: 100%;
}
.hongo-cookie-policy-wrapper.full-content.hongo-gdpr-disable-overlay .cookie-container {
border: 0;
border-top: 1px solid #ededed;
}
.cookie-container {
background-color: #fff;
position: absolute;
bottom: 0;
width: 100%;
padding: 20px 30px;
text-align: center;
}
.cookie-container .hongo-cookie-policy-text {
color: #232323;
font-weight: 400;
font-size: 12px;
line-height: 18px;
display: inline-block;
}
.cookie-container .hongo-cookie-policy-text a {
text-decoration: underline;
color: #232323;
}
.cookie-container .hongo-cookie-policy-text a:hover {
text-decoration: none;
}
.cookie-container .btn {
display: inline-block;
margin-left: 25px;
}
.hongo-cookie-policy-wrapper.left-content .cookie-container {
width: 330px;
padding: 25px;
margin: 0 0 15px 15px;
}
.hongo-cookie-policy-wrapper.left-content .cookie-container .hongo-cookie-policy-text {
width: 100%;
margin-bottom: 20px;
}
.hongo-cookie-policy-wrapper.left-content .cookie-container .btn {
width: 100%;
margin: 0;
}
.hongo-cookie-policy-wrapper.right-content .cookie-container {
right: 0;
left: inherit;
width: 330px;
padding: 25px;
margin: 0 15px 15px 0;
}
.hongo-cookie-policy-wrapper.right-content .cookie-container .hongo-cookie-policy-text {
width: 100%;
margin-bottom: 20px;
}
.hongo-cookie-policy-wrapper.right-content .cookie-container .btn {
width: 100%;
margin: 0;
} .woocommerce-store-notice,
p.demo_store {
top: inherit !important;
bottom: 0;
position: fixed;
color: #fff;
font-weight: 400;
font-size: 12px;
background-color: #232323;
}
.woocommerce-store-notice__dismiss-link,
.woocommerce-store-notice a,
p.demo_store a {
font-size: 0;
position: relative;
text-decoration: none;
}
.woocommerce-store-notice__dismiss-link:before {
content: "x";
font-size: 12px;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
background: #fff;
color: #232323;
border-radius: 100%;
display: inline-block;
font-weight: 600;
font-family: 'Poppins', sans-serif;
float: right;
margin: 5px 20px 0 0;
padding-left: 0px;
} .woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #232323;
border: 2px solid #232323;
}
.woocommerce ul.products li.product .product-content-wrap .variations_form.cart .variations_button .button.disabled:hover,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.button.loading,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce ul.products li.product .product-content-wrap .variations_form.cart .variations_button .button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.btn {
border-radius: 0;
background-color: #232323;
color: #ffffff;
font-size: 11px;
border: 2px solid #232323;
padding: 3px 20px;
line-height: 20px;
vertical-align: middle;
outline: none;
font-weight: 500;
text-align: center;
text-decoration: none;
box-shadow: none;
letter-spacing: normal;
outline: none;
z-index: 2;
}
.btn.btn-very-small .right-icon {
top: -1px;
}
.btn .right-icon,
.btn-link .right-icon {
margin-left: 7px;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-ms-transition: none;
-o-transition: none;
}
.btn .left-icon,
.btn-link .left-icon {
margin-right: 7px;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-ms-transition: none;
-o-transition: none;
}
.btn i {
vertical-align: middle;
position: relative;
}
.btn.btn-small i {
vertical-align: initial;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .product-content-wrap .variations_form.cart .variations_button .button:hover,
.btn:hover,
.btn:focus {
background-color: transparent;
color: #000;
box-shadow: none;
outline: none;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 10px;
color: #101010;
background-color: transparent;
float: right;
padding: 0px 12px 0px;
outline: none;
font-weight: 500;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #d6d6d6;
line-height: 19px
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
.sidebar ul li a.button,
.sidebar ul li a.button.loading {
border: 1px solid #0d0d0d;
background-color: transparent;
color: #000000;
font-size: 10px;
font-weight: 600;
padding: 1px 10px 0;
text-align: center;
text-decoration: none;
}
.sidebar ul li a.button:hover {
border-color: #f57250;
color: #f57250;
}
.woocommerce ul.products .product a.button,
.woocommerce ul.products.hongo-product-grid-view.hongo-product-grid-view .product .button,
.woocommerce ul.products.hongo-product-list-view .product .button,
.woocommerce div.product form.cart .button,
.sidebar ul li a.button,
.hongo-author-box-wrap .hongo-author-box .btn,
.woocommerce #review_form #respond .form-submit input,
.woocommerce .cart .btn,
.woocommerce-checkout .button,
.woocommerce-checkout .btn,
.hongo-comment-button {
text-transform: uppercase;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: none
}
.button i {
margin-right: 7px;
position: relative;
top: 1px;
}
.btn.btn-full,
.btn-full {
width: 100%
} .btn.btn-round {
border-radius: 50px;
}
.btn.btn-round.btn-very-small {
padding: 3px 20px;
}
.btn.btn-round.btn-small {
padding: 5px 26px;
}
.btn.btn-round.btn-medium {
padding: 7px 30px;
}
.btn.btn-round.btn-large {
padding: 12px 35px
}
.btn.btn-round.btn-extra-large {
padding: 15px 45px;
} .btn.btn-very-small {
font-size: 10px;
padding: 3px 15px;
line-height: 18px;
}
.btn.btn-small {
font-size: 11px;
padding: 5px 18px;
line-height: 18px;
}
.btn.btn-medium {
font-size: 12px;
padding: 7px 25px;
line-height: 20px;
}
.btn.btn-large {
font-size: 13px;
padding: 12px 30px;
line-height: 14px;
}
.btn.btn-extra-large {
font-size: 14px;
padding: 15px 35px;
line-height: 16px;
}
.btn-link.btn-very-small {
font-size: 10px;
line-height: 18px;
}
.btn-link.btn-small {
font-size: 11px;
line-height: 18px;
}
.btn-link.btn-medium {
font-size: 12px;
line-height: 20px;
}
.btn-link.btn-large {
font-size: 13px;
line-height: 14px;
}
.btn-link.btn-extra-large {
font-size: 14px;
line-height: 16px;
} .btn-shadow {
box-shadow: 0 0 6px rgba(0, 0, 0, .3);
}
.box-shadow-light {
box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}
.box-shadow {
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.box-shadow-dark {
box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
.box-shadow-large {
box-shadow: 0 0 12px rgba(0, 0, 0, .1);
} .btn-black,
.btn-black:focus {
background-color: #000;
color: #fff;
border-color: #000;
}
.btn-black:hover,
.btn-black:hover:focus {
background-color: transparent;
color: #000;
border-color: #000;
}
.btn-white,
.btn-white:focus {
background-color: #fff;
color: #000;
border-color: #fff;
}
.btn-white:hover,
.btn-white:hover:focus {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.btn-base,
.btn-base:focus {
background-color: #f57250;
color: #fff;
border-color: #f57250;
}
.btn-base:hover,
.btn-base:hover:focus {
background-color: transparent;
color: #f57250;
border-color: #f57250;
}
.btn-dark-gray,
.btn-dark-gray:focus {
background-color: #232323;
border-color: #232323;
color: #fff
}
.btn-dark-gray:hover,
.btn-dark-gray:hover:focus {
background-color: transparent;
color: #232323;
outline: none;
}
.btn-light-gray,
.btn-light-gray:focus {
background-color: #dbdbdb;
border-color: #dbdbdb;
color: #232323
}
.btn-light-gray:hover,
.btn-light-gray:hover:focus {
background-color: transparent;
border-color: #dbdbdb;
color: #dbdbdb;
outline: none;
}
.btn-green,
.btn-gtreen:focus {
background-color: #c3f24e;
color: #110e0a;
border-color: #c3f24e;
}
.btn-green:hover,
.btn-gtreen:hover:focus {
background-color: transparent;
color: #c3f24e;
border-color: #c3f24e;
}
.btn-brown,
.btn-brown:focus {
background-color: #cca47e;
color: #ffffff;
border-color: #cca47e;
}
.btn-brown:hover,
.btn-brown:hover:focus {
background-color: transparent;
color: #cca47e;
border-color: #cca47e;
}
.btn-link {
border-bottom: 2px solid #232323;
border-radius: 0;
color: #232323;
text-decoration: none;
font-weight: 500
}
.btn-link:hover,
.btn-link:focus {
border-bottom: 2px solid #232323;
color: #000;
text-decoration: none;
}
.btn-base-link {
border-bottom: 2px solid #f57250;
border-radius: 0;
color: #f57250;
text-decoration: none;
}
.btn-base-link:hover,
.btn-base-link:focus {
border-bottom: 2px solid #f57250;
color: #f57250;
text-decoration: none;
} .btn-transparent-white,
.btn-transparent-white:focus {
background-color: transparent;
border-color: #ffffff;
color: #ffffff
}
.btn-transparent-white:hover,
.btn-transparent-white:hover:focus {
background-color: #ffffff;
border-color: #ffffff;
color: #232323
}
.btn-transparent-black,
.btn-transparent-black:focus {
background-color: transparent;
border-color: #000000;
color: #000000
}
.btn-transparent-black:hover,
.btn-transparent-black:hover:focus {
background-color: #000000;
border-color: #000000;
color: #ffffff
}
.btn-transparent-base,
.btn-transparent-base:focus {
background-color: transparent;
border-color: #f57250;
color: #f57250
}
.btn-transparent-base:hover,
.btn-transparent-base:hover:focus {
background-color: #f57250;
border-color: #f57250;
color: #ffffff
}
.btn-transparent-brown,
.btn-transparent-brown:focus {
background-color: transparent;
border-color: #cca47e;
color: #cca47e
}
.btn-transparent-brown:hover,
.btn-transparent-brown:hover:focus {
background-color: #cca47e;
border-color: #cca47e;
color: #ffffff
} .no-padding {
padding: 0 !important
}
.no-padding-left {
padding-left: 0 !important
}
.no-padding-right {
padding-right: 0 !important
}
.no-padding-top {
padding-top: 0 !important
}
.no-padding-bottom {
padding-bottom: 0 !important
}
.no-padding-tb {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.no-padding-lr {
padding-left: 0 !important;
padding-right: 0 !important;
} .padding-5px-all {
padding: 5px
}
.padding-10px-all {
padding: 10px
}
.padding-15px-all {
padding: 15px
}
.padding-20px-all {
padding: 20px
}
.padding-25px-all {
padding: 25px
}
.padding-30px-all {
padding: 30px
}
.padding-35px-all {
padding: 35px
}
.padding-40px-all {
padding: 40px
}
.padding-45px-all {
padding: 45px
}
.padding-50px-all {
padding: 50px
}
.padding-60px-all {
padding: 60px
}
.padding-70px-all {
padding: 70px
}
.padding-80px-all {
padding: 80px
}
.padding-90px-all {
padding: 90px
}
.padding-100px-all {
padding: 100px
}
.padding-5-all {
padding: 5%
}
.padding-10-all {
padding: 10%
}
.padding-15-all {
padding: 15%
}
.padding-20-all {
padding: 20%
}
.padding-25-all {
padding: 25%
}
.padding-30-all {
padding: 30%
}
.padding-35-all {
padding: 35%
}
.padding-40-all {
padding: 40%
}
.padding-45-all {
padding: 45%
}
.padding-50-all {
padding: 50%
}
.padding-60-all {
padding: 60%
}
.padding-70-all {
padding: 70%
}
.padding-80-all {
padding: 80%
}
.padding-90-all {
padding: 90%
}
.padding-100-all {
padding: 100%
} .padding-5px-left {
padding-left: 5px
}
.padding-10px-left {
padding-left: 10px
}
.padding-15px-left {
padding-left: 15px
}
.padding-20px-left {
padding-left: 20px
}
.padding-25px-left {
padding-left: 25px
}
.padding-30px-left {
padding-left: 30px
}
.padding-35px-left {
padding-left: 35px
}
.padding-40px-left {
padding-left: 40px
}
.padding-45px-left {
padding-left: 45px
}
.padding-50px-left {
padding-left: 50px
}
.padding-60px-left {
padding-left: 60px
}
.padding-70px-left {
padding-left: 70px
}
.padding-80px-left {
padding-left: 80px
}
.padding-90px-left {
padding-left: 90px
}
.padding-100px-left {
padding-left: 100px
} .padding-5px-right {
padding-right: 5px
}
.padding-10px-right {
padding-right: 10px
}
.padding-15px-right {
padding-right: 15px
}
.padding-20px-right {
padding-right: 20px
}
.padding-25px-right {
padding-right: 25px
}
.padding-30px-right {
padding-right: 30px
}
.padding-35px-right {
padding-right: 35px
}
.padding-40px-right {
padding-right: 40px
}
.padding-45px-right {
padding-right: 45px
}
.padding-50px-right {
padding-right: 50px
}
.padding-60px-right {
padding-right: 60px
}
.padding-70px-right {
padding-right: 70px
}
.padding-80px-right {
padding-right: 80px
}
.padding-90px-right {
padding-right: 90px
}
.padding-100px-right {
padding-right: 100px
} .no-margin {
margin: 0 !important
}
.no-margin-left {
margin-left: 0 !important
}
.no-margin-right {
margin-right: 0 !important
}
.no-margin-top {
margin-top: 0 !important
}
.no-margin-bottom {
margin-bottom: 0 !important
}
.no-margin-tb {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.no-margin-lr {
margin-left: 0 !important;
margin-right: 0 !important;
} .margin-5px-bottom {
margin-bottom: 5px !important
}
.margin-10px-bottom {
margin-bottom: 10px !important
}
.margin-15px-bottom {
margin-bottom: 15px !important
}
.margin-20px-bottom {
margin-bottom: 20px !important
}
.margin-25px-bottom {
margin-bottom: 25px !important
}
.margin-30px-bottom {
margin-bottom: 30px !important
}
.margin-35px-bottom {
margin-bottom: 35px !important
}
.margin-40px-bottom {
margin-bottom: 40px !important
}
.margin-45px-bottom {
margin-bottom: 45px !important
}
.margin-50px-bottom {
margin-bottom: 50px !important
}
.margin-60px-bottom {
margin-bottom: 60px !important
}
.margin-70px-bottom {
margin-bottom: 70px !important
}
.margin-80px-bottom {
margin-bottom: 80px !important
}
.margin-90px-bottom {
margin-bottom: 90px !important
}
.margin-100px-bottom {
margin-bottom: 100px !important
} .margin-5px-top {
margin-top: 5px !important
}
.margin-10px-top {
margin-top: 10px !important
}
.margin-15px-top {
margin-top: 15px !important
}
.margin-20px-top {
margin-top: 20px !important
}
.margin-25px-top {
margin-top: 25px !important
}
.margin-30px-top {
margin-top: 30px !important
}
.margin-35px-top {
margin-top: 35px !important
}
.margin-40px-top {
margin-top: 40px !important
}
.margin-45px-top {
margin-top: 45px !important
}
.margin-50px-top {
margin-top: 50px !important
}
.margin-60px-top {
margin-top: 60px !important
}
.margin-70px-top {
margin-top: 70px !important
}
.margin-80px-top {
margin-top: 80px !important
}
.margin-90px-top {
margin-top: 90px !important
}
.margin-100px-top {
margin-top: 100px !important
} .base-color {
color: #f57250;
}
.base-bg-color {
background-color: #f57250
}
.icon-base-color {
color: #f57250;
}
.btn-base-color {
color: #f57250;
}
.btn-base-bg-color {
background-color: #f57250;
}
.btn-base-border-color {
border-color: #f57250;
}
.base-border-color {
border: solid #ef6643;
}  .text-white {
color: #fff;
}
.text-black {
color: #000;
}
.text-burlywood {
color: #cca47e;
}
.text-pink {
color: #fc487a;
}
.text-dark-gray {
color: #232323;
} .base-color a {
color: #f57250;
}
.text-burlywood a {
color: #cca47e;
}
.text-pink a {
color: #fc487a;
} .icon-white {
color: #fff;
}
.icon-black {
color: #000;
}
.icon-btn-dark-gray {
color: #232323;
}
.icon-pink {
color: #fc487a;
}  .text-extra-small {
font-size: 11px;
line-height: 14px
}
.text-small {
font-size: 12px;
line-height: 20px
}
.text-medium {
font-size: 16px;
line-height: 23px
}
.text-large {
font-size: 18px;
line-height: 26px
}
.text-extra-large {
font-size: 20px;
line-height: 26px
}
.title-medium {
font-size: 35px;
line-height: 36px
}
.title-large {
font-size: 50px;
line-height: 50px
}
.title-extra-large {
font-size: 54px;
line-height: 54px
}
.text-f-14 {
font-size: 14px;
line-height: 23px
}
.small,
small {
font-size: 11px;
}
.has-large-font-size {
line-height: normal;
} .icon-very-small {
font-size: 12px
}
.icon-extra-small {
font-size: 14px
}
.icon-small {
font-size: 16px
}
.icon-medium {
font-size: 20px
}
.icon-extra-medium {
font-size: 30px
}
.icon-large {
font-size: 40px
}
.icon-extra-large {
font-size: 50px
}  .bg-transparent {
background-color: transparent;
}
.bg-white {
background-color: #fff;
}
.bg-black {
background-color: #000;
}
.bg-transparent-black {
background-color: rgba(0, 0, 0, .80);
}
.bg-extra-dark-gray {
background-color: #313131;
}
.bg-dark-gray {
background-color: #232323;
}
.bg-extra-light-gray {
background-color: #dedede
}
.bg-very-light-gray {
background-color: #f7f7f7
}
.bg-extra-medium-gray {
background-color: #939393;
}
.bg-medium-gray {
background-color: #dbdbdb;
}
.bg-medium-light-gray {
background-color: #ededed
}
.bg-light-gray {
background-color: #f1f1f1
}
.bg-transparent-extra-dark-gray {
background-color: rgba(49, 49, 49, .20);
} .position-inherit {
position: inherit !important
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-right {
right: 0 !important;
}
.position-left {
left: 0 !important;
}
.position-top {
top: 0 !important;
} .list-style-position {
list-style-position: inside;
padding-left: 0;
}
.list-style-none {
list-style: none
} .border-color-dark-gray {
border: solid #232323;
}
.border-color-very-light-gray {
border: solid #f7f7f7;
}
.border-color-medium-gray {
border: solid rgba(111, 111, 111, 0.10);
} .no-border {
border: 0 !important
}
.no-border-top {
border-top: 0 !important
}
.no-border-bottom {
border-bottom: 0 !important
}
.no-border-left {
border-left: 0 !important
}
.no-border-right {
border-right: 0 !important
} .width-auto {
width: auto !important;
}
.width-100 {
width: 100% !important;
}
.width-95 {
width: 95% !important;
}
.width-90 {
width: 90% !important;
}
.width-85 {
width: 85% !important;
}
.width-80 {
width: 80% !important;
}
.width-75 {
width: 75% !important;
}
.width-70 {
width: 70% !important;
}
.width-65 {
width: 65% !important;
}
.width-60 {
width: 60% !important;
}
.width-55 {
width: 55% !important;
}
.width-50 {
width: 50% !important;
}
.width-45 {
width: 45% !important;
}
.width-40 {
width: 40% !important;
}
.width-35 {
width: 35% !important;
}
.width-30 {
width: 30% !important;
}
.width-25 {
width: 25% !important;
}
.width-20 {
width: 20% !important;
}
.width-15 {
width: 15% !important;
}
.width-10 {
width: 10% !important;
}
.width-1000px {
width: 1000px !important;
}
.width-950px {
width: 950px !important;
}
.width-900px {
width: 900px !important;
}
.width-850px {
width: 850px !important;
}
.width-800px {
width: 800px !important;
}
.width-750px {
width: 750px !important;
}
.width-700px {
width: 700px !important;
}
.width-650px {
width: 650px !important;
}
.width-600px {
width: 600px !important;
}
.width-550px {
width: 550px !important;
}
.width-500px {
width: 500px !important;
}
.width-450px {
width: 450px !important;
}
.width-400px {
width: 400px !important;
}
.width-350px {
width: 350px !important;
}
.width-300px {
width: 300px !important;
}
.width-250px {
width: 250px !important;
}
.width-200px {
width: 200px !important;
}
.width-180px {
width: 180px !important;
}
.width-150px {
width: 150px !important;
}
.width-140px {
width: 140px !important;
}
.width-130px {
width: 130px !important;
}
.width-120px {
width: 120px !important;
}
.width-110px {
width: 110px !important;
}
.width-100px {
width: 100px !important;
}
.width-95px {
width: 95px !important;
}
.width-90px {
width: 90px !important;
}
.width-85px {
width: 85px !important;
}
.width-80px {
width: 80px !important;
}
.width-75px {
width: 75px !important;
}
.width-70px {
width: 70px !important;
}
.width-65px {
width: 65px !important;
}
.width-60px {
width: 60px !important;
}
.width-55px {
width: 55px !important;
}
.width-50px {
width: 50px !important;
}
.width-45px {
width: 45px !important;
}
.width-40px {
width: 40px !important;
}
.width-35px {
width: 35px !important;
}
.width-30px {
width: 30px !important;
}
.width-25px {
width: 25px !important;
}
.width-20px {
width: 20px !important;
}
.width-15px {
width: 15px !important;
}
.width-10px {
width: 10px !important;
}
.width-33 {
width: 33.333% !important;
} .font-weight-300 {
font-weight: 300;
}
.font-weight-400 {
font-weight: 400;
}
.font-weight-500 {
font-weight: 500;
}
.font-weight-600 {
font-weight: 600;
}
.font-weight-700 {
font-weight: 700;
} .line-height-16 {
line-height: 16px;
}
.line-height-18 {
line-height: 18px;
}
.line-height-20 {
line-height: 20px;
}
.line-height-22 {
line-height: 22px;
}
.line-height-24 {
line-height: 24px;
} .height-100 {
height: 100%;
}
.height-300px {
height: 300px;
}
.height-400px {
height: 400px;
}
.height-500px {
height: 500px;
}
.height-600px {
height: 600px;
}
.height-700px {
height: 700px;
} .extra-small-screen {
height: 190px;
}
.small-screen {
height: 360px;
}
.one-second-screen {
height: 430px;
}
.one-third-screen {
height: 700px;
}
.one-fourth-screen {
height: 800px;
}
.one-fifth-screen {
height: 900px;
} .z-index-1111 {
z-index: 1111;
}
.z-index-111 {
z-index: 111;
}
.z-index-1 {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}
.z-index-3 {
z-index: 3;
}
.z-index-4 {
z-index: 4;
}
.z-index-5 {
z-index: 5;
}
.z-index-0 {
z-index: 0;
}
.z-index-minus2 {
z-index: -2;
} .overflow-hidden {
overflow: hidden
}
.display-table {
display: table
}
.display-table-cell {
display: table-cell
}
.display-block {
display: block
}
.display-none {
display: none !important;
}
.display-inline-block {
display: inline-block
}
.text-none {
display: none;
}
.overflow-y {
overflow-y: auto;
}
.overflow-x {
overflow-x: auto;
}
.overflow-y-hidden {
overflow-y: hidden
}
.overflow-x-hidden {
overflow-x: hidden
} .hongo-strike-line {
text-decoration: line-through;
}
.line-break {
display: block;
} .vertical-align-middle {
vertical-align: middle;
}
.vertical-align-top {
vertical-align: top;
}
.vertical-align-bottom {
vertical-align: bottom;
} .clear-both {
clear: both
}
.clear-none {
clear: none
} .text-middle-main {
display: table;
height: 100%;
width: 100%
}
.text-middle {
display: table-cell;
vertical-align: middle;
word-break: break-word;
}
.text-bottom {
display: table-cell;
vertical-align: bottom;
}
.text-top {
display: table-cell;
vertical-align: top;
} .hongo-no-transition-image img {
bottom: 0 !important;
-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
transform: none;
-o-transform: none;
}
.hongo-no-transition-image img {
top: 0 !important;
}
.hongo-no-transition-image img,
.hongo-no-transition-image .hongo-shop-banner-img {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-moz-transform: scale(1) !important;
transform: scale(1) !important;
-o-transform: scale(1) !important;
}
.hongo-no-transition-image img {
margin-left: 0 !important;
-webkit-filter: none !important;
filter: none !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.woocommerce ul.hongo-no-transition-image.products.hongo-shop-clean:hover>li .product-thumb-wrap {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.no-transition {
transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
} .hongo-full-width-single-image .wpb_wrapper,
.hongo-full-width-single-image .vc_single_image-wrapper,
.hongo-full-width-single-image .vc_single_image-wrapper img {
width: 100%;
} .scroll-top-arrow,
.scroll-top-arrow * {
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
}
.scroll-top-arrow {
position: fixed;
font-size: 10px;
font-weight: 500;
line-height: 20px;
opacity: 0;
visibility: hidden;
text-align: center;
color: #808080;
text-transform: uppercase;
right: 10px;
bottom: 70px;
z-index: 99;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
}
.scroll-top-arrow.scroll-active {
opacity: 1;
visibility: visible;
}
.scroll-top-arrow i {
position: relative;
left: 6px;
top: 1px;
}
.scroll-top-arrow span {
display: inline-block;
}
.scroll-top-arrow:focus {
color: #808080;
}
.scroll-top-arrow:hover,
.scroll-top-arrow:focus:hover {
color: #f57250;
}
.scroll-top-arrow:hover i {
left: 11px;
} .hongo-overlay {
background-color: #232323;
opacity: .95;
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;
}
.hongo-half-overlay {
background-color: #000;
opacity: .8;
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 50%;
}
.hongo-column-overlay {
z-index: -1;
} .hongo-separator {
width: 20px;
height: 1px;
background-color: #e85201;
margin-bottom: 30px;
}
.horizontal-separator {
width: 30px;
background-color: #bcbcbc;
margin-bottom: 15px;
height: 1px;
}
.separator-line-horizontal-full {
width: 100%;
display: block;
height: 1px;
background-color: #e8e8e8;
margin-bottom: 16px;
} .mCSB_scrollTools.mCSB_scrollTools_horizontal {
height: 10px;
margin-top: 30px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCS_no_scrollbar_x {
margin-top: 0;
} .opacity1 {
opacity: .1
}
.opacity2 {
opacity: .2
}
.opacity3 {
opacity: .3
}
.opacity4 {
opacity: .4
}
.opacity5 {
opacity: .5
}
.opacity6 {
opacity: .6
}
.opacity7 {
opacity: .7
}
.opacity8 {
opacity: .8
}
.opacity9 {
opacity: .9
} .cover-background {
position: relative !important;
background-size: cover !important;
overflow: hidden !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.overflow-visible {
overflow: visible !important
}
.parallax {
position: relative;
background-size: cover;
overflow: hidden;
background-attachment: fixed;
}
.fix-background {
position: relative;
background-size: cover;
animation-duration: 0s;
animation-fill-mode: none;
-webkit-animation-duration: 0s;
-webkit-animation-fill-mode: none;
-moz-animation-duration: 0s;
-moz-animation-fill-mode: none;
-ms-animation-duration: 0s;
-ms-animation-fill-mode: none;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-backface-visibility: hidden;
}
.background-size-inherit {
background-size: inherit
}
.background-attachment-inherit {
background-attachment: inherit
}
.up-down-animation {
display: table;
position: relative;
-webkit-animation-name: arrow-animation;
-webkit-animation-duration: .7s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: .7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-moz-animation-name: arrow-animation;
-moz-animation-duration: .7s;
-moz-animation-timing-function: linear;
-moz-animation-delay: .7s;
-moz-animation-iteration-count: infinite;
-ms-animation-name: arrow-animation;
-ms-animation-duration: .7s;
-ms-animation-timing-function: linear;
-ms-animation-delay: .7s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: alternate;
animation-direction: alternate;
animation-name: arrow-animation;
animation-duration: .7s;
animation-timing-function: linear;
animation-delay: .7s;
animation-iteration-count: infinite;
animation-direction: alternate;
margin: 0 auto;
} @-webkit-keyframes arrow-animation {
0% {
opacity: 1;
top: 0px;
}
25% {
opacity: 1;
top: 2px;
}
50% {
opacity: 1;
top: 4px;
}
75% {
opacity: 1;
top: 5px;
}
100% {
opacity: 0;
top: 9px;
}
}
@keyframes arrow-animation {
0% {
opacity: 1;
top: 0px;
}
25% {
opacity: 1;
top: 4px;
}
50% {
opacity: 1;
top: 8px;
}
75% {
opacity: 1;
top: 12px;
}
100% {
opacity: 1;
top: 16px;
}
} .background-position-left {
background-position: left center;
}
.background-position-left-bottom {
background-position: left bottom;
}
.background-position-right {
background-position: right center;
}
.background-position-top {
background-position: center top !important;
}
.background-position-x-50 {
background-position-x: 50% !important;
}
.background-position-top-left {
background-position: left top;
}
.background-position-top-right {
background-position: right top;
}
.background-position-bottom-left {
background-position: left bottom;
}
.background-position-bottom-right {
background-position: right bottom;
}
.bg-position-left-top {
background-position: left top !important
}
.bg-position-left-center {
background-position: left center !important
}
.bg-position-left-bottom {
background-position: left bottom !important
}
.bg-position-center-top {
background-position: center top !important
}
.bg-position-center-center {
background-position: center center !important
}
.bg-position-center-bottom {
background-position: center bottom !important
}
.bg-position-right-top {
background-position: right top !important
}
.bg-position-right-center {
background-position: right center !important
}
.bg-position-right-bottom {
background-position: right bottom !important
}
.wpb_column .bg-position-left-top {
background-position: left top !important
}
.wpb_column .bg-position-left-center {
background-position: left center !important
}
.wpb_column .bg-position-left-bottom {
background-position: left bottom !important
}
.wpb_column .bg-position-center-top {
background-position: center top !important
}
.wpb_column .bg-position-center-center {
background-position: center center !important
}
.wpb_column .bg-position-center-bottom {
background-position: center bottom !important
}
.wpb_column .bg-position-right-top {
background-position: right top !important
}
.wpb_column .bg-position-right-center {
background-position: right center !important
}
.wpb_column .bg-position-right-bottom {
background-position: right bottom !important
}
section.background-no-repeat {
background-repeat: no-repeat !important;
} .bg-menu-top-left {
background-position: left top !important;
}
.bg-menu-top-right {
background-position: right top !important;
}
.bg-menu-bottom-left {
background-position: left bottom !important;
}
.bg-menu-bottom-right {
background-position: right bottom !important;
}
.bg-menu-top-center {
background-position: top center !important;
}
.bg-menu-bottom-center {
background-position: bottom center !important;
}
.bg-menu-center-left {
background-position: left center !important;
}
.bg-menu-center-right {
background-position: right center !important;
}
.bg-menu-center-center {
background-position: center center !important;
}  .work-1col,
.work-2col,
.work-3col,
.work-4col,
.work-5col,
.work-6col {
list-style: none;
padding: 0;
margin: 0;
}
.work-1col li,
.work-2col li,
.work-3col li,
.work-4col li,
.work-5col li,
.work-6col li {
margin: 0 !important
}
.work-1col li {
width: 100%;
float: left;
position: relative
}
.work-2col li {
width: 50%;
float: left;
position: relative;
}
.work-2col li.grid-item-double {
width: 100%;
}
.work-3col li {
width: 33.333%;
float: left;
position: relative;
}
.work-3col li.grid-item-double {
width: 66.666%;
}
.work-4col li {
width: 25%;
float: left;
position: relative;
}
.work-4col li.grid-item-double {
width: 50%;
}
.work-5col li {
width: 20%;
float: left;
position: relative;
}
.work-5col li.grid-item-double {
width: 40%;
}
.work-6col li {
width: 16.66666667%;
float: left;
position: relative;
}
.work-6col li.grid-item-double {
width: 33.33333334%;
}
.hongo-1col,
.hongo-2col,
.hongo-3col,
.hongo-4col,
.hongo-5col,
.hongo-6col {
list-style: none;
padding: 0;
margin: 0;
}
.hongo-1col li {
width: 100%;
float: left;
position: relative
}
.hongo-2col li {
width: 50%;
float: left;
position: relative;
}
.hongo-3col li {
width: 33.33333333%;
float: left;
position: relative;
}
.hongo-4col li {
width: 25%;
float: left;
position: relative;
}
.hongo-5col li {
width: 20%;
float: left;
position: relative;
}
.hongo-6col li {
width: 16.66666667%;
float: left;
position: relative;
} .gutter-none {
list-style: none;
padding: 0
}
.gutter-none li {
padding: 0 !important;
margin-bottom: 0 !important;
}
.gutter-very-small {
margin-left: -5px !important;
margin-right: -5px !important;
list-style: none;
padding: 0
}
.gutter-very-small li {
padding: 5px 5px !important;
margin-bottom: 0 !important;
}
.gutter-small {
margin-left: -10px !important;
margin-right: -10px !important;
list-style: none;
padding: 0
}
.gutter-small li {
padding: 10px 10px !important;
margin-bottom: 0 !important;
}
.gutter-medium {
margin-left: -15px !important;
margin-right: -15px !important;
list-style: none;
padding: 0
}
.gutter-medium li {
padding: 15px 15px !important;
margin-bottom: 0 !important;
}
.gutter-large {
margin-left: -20px !important;
margin-right: -20px !important;
list-style: none;
padding: 0
}
.gutter-large li {
padding: 20px 20px !important;
margin-bottom: 0 !important;
}
.gutter-extra-large {
margin-left: -25px !important;
margin-right: -25px !important;
list-style: none;
padding: 0
}
.gutter-extra-large li {
padding: 25px 25px !important;
margin-bottom: 0 !important;
} ul.gutter-very-small li.grid-item-2-1 img {
margin-top: -5px !important;
margin-bottom: -5px !important;
width: 100%;
}
ul.gutter-very-small li.grid-item-2-2 img {
margin-top: -5px !important;
margin-bottom: -5px !important;
width: 100%;
}
ul.gutter-very-small li.grid-item-1-1 img {
margin-top: -2.5px !important;
margin-bottom: -2.5px !important;
width: 100%;
}
ul.gutter-small li.grid-item-2-1 img {
margin-top: -10px !important;
margin-bottom: -10px !important;
width: 100%;
}
ul.gutter-small li.grid-item-2-2 img {
margin-top: -10px !important;
margin-bottom: -10px !important;
width: 100%;
}
ul.gutter-small li.grid-item-1-1 img {
margin-top: -5px !important;
margin-bottom: -5px !important;
width: 100%;
}
ul.gutter-medium li.grid-item-2-1 img {
margin-top: -15px !important;
margin-bottom: -15px !important;
width: 100%;
}
ul.gutter-medium li.grid-item-2-2 img {
margin-top: -15px !important;
margin-bottom: -15px !important;
width: 100%;
}
ul.gutter-medium li.grid-item-1-1 img {
margin-top: -7.5px !important;
margin-bottom: -7.5px !important;
width: 100%;
}
ul.gutter-large li.grid-item-2-1 img {
margin-top: -20px !important;
margin-bottom: -20px !important;
width: 100%;
}
ul.gutter-large li.grid-item-2-2 img {
margin-top: -20px !important;
margin-bottom: -20px !important;
width: 100%;
}
ul.gutter-large li.grid-item-1-1 img {
margin-top: -10px !important;
margin-bottom: -10px !important;
width: 100%;
}
ul.gutter-extra-large li.grid-item-2-1 img {
margin-top: -25px !important;
margin-bottom: -25px !important;
width: 100%;
}
ul.gutter-extra-large li.grid-item-2-2 img {
margin-top: -25px !important;
margin-bottom: -25px !important;
width: 100%;
}
ul.gutter-extra-large li.grid-item-1-1 img {
margin-top: -12.5px !important;
margin-bottom: -12.5px !important;
width: 100%;
}
.hongo-grid-sizer,
.grid-sizer,
ul .grid-sizer {
padding: 0 !important;
}  .mfp-wrap.mfp-gallery {
height: 100%;
top: 0;
overflow: hidden !important;
}
.blog-post-gallery-grid {
list-style: none;
padding: 0;
}
.blog-post-gallery-grid .grid-item {
opacity: 1;
overflow: hidden;
}
.blog-post-gallery-grid .grid-item figure {
margin: 0;
position: relative;
overflow: hidden;
}
.blog-post-gallery-grid .grid-item figure .blog-post-gallery-img img {
width: 100%;
}
.blog-post-gallery-grid .grid-item figcaption i {
color: #ffffff;
font-size: 23px;
}
.blog-post-gallery-grid .grid-item .blog-post-gallery-hover-main {
transform: none;
display: table;
height: 100%;
top: 0;
width: 100%;
}
.blog-post-gallery-grid .grid-item .blog-post-gallery-hover-main .blog-post-gallery-hover-box {
display: table-cell;
vertical-align: middle;
}
.blog-post-gallery-grid .grid-item figcaption {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
padding: 10px;
z-index: 1;
text-align: center;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
background-color: rgba(0, 0, 0, .4)
}
.blog-post-gallery-grid .grid-item figure:hover figcaption {
opacity: 1;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
} .lightbox-gallery a {
position: relative;
display: block
}
.lightbox-gallery .gallary-over-layer {
position: absolute;
top: 0;
left: 0;
}
.woco-lightbox-caption {
display: table;
} .gallery-columns-1 {
float: left;
width: calc(100% + 20px);
margin: 0 -10px;
}
.gallery-columns-1 .gallery-item {
float: left;
width: 100%;
margin-bottom: 20px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.gallery-columns-1 .gallery-item img {
margin-bottom: 0;
}
.gallery-columns-1 .gallery-item:nth-child(3n+1) {
clear: left
}
.gallery-columns-2 {
float: left;
width: calc(100% + 20px);
margin: 0 -10px;
}
.gallery-columns-2 .gallery-item {
float: left;
width: 50%;
margin-bottom: 20px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.gallery-columns-2 .gallery-item img {
margin-bottom: 0;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1) {
clear: left
}
.gallery-columns-3 {
float: left;
width: calc(100% + 20px);
margin: 0 -10px;
}
.gallery-columns-3 .gallery-item {
float: left;
width: 33.333%;
margin-bottom: 20px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.gallery-columns-3 .gallery-item img {
margin-bottom: 0;
}
.gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear: left
}
.gallery-columns-4 {
float: left;
width: calc(100% + 20px);
margin: 0 -10px;
}
.gallery-columns-4 .gallery-item {
float: left;
width: 25%;
margin-bottom: 20px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.gallery-columns-4 .gallery-item img {
margin-bottom: 0;
}
.gallery-columns-4 .gallery-item:nth-child(4n+1) {
clear: left
} .justified-gallery>a>.caption,
.justified-gallery>div>.caption,
.justified-gallery>figure>.caption {
text-align: center;
padding: 10px 10px 6px 10px;
font-weight: 500;
background-color: rgba(0, 0, 0, .70);
font-size: 12px;
font-weight: 400;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
font-family: inherit;
}
.justified-gallery>a>.caption {
display: block;
opacity: 0;
}
.justified-gallery>a:hover>.caption {
opacity: 1;
transition: all 1s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}  .woocommerce .sale-new-wrap {
right: inherit;
margin: 0;
left: 0;
top: 20px;
position: absolute;
width: 100%;
box-sizing: border-box;
padding: 0 17px;
z-index: 5;
}
.woocommerce .sale-new-wrap span.onsale {
background-color: #16b36e;
margin: 0 3px !important;
border-radius: 0;
position: relative !important;
right: initial !important;
left: initial !important;
top: 0 !important;
float: left;
border: 0;
padding: 2px 9px 1px;
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: normal;
min-height: 1px;
min-width: 1px;
line-height: 16px;
}
.woocommerce .sale-new-wrap span.new {
background-color: #f36e4a;
margin: 0 3px !important;
border-radius: 0;
border: 0;
padding: 2px 9px 1px;
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: normal;
min-height: 1px;
min-width: 1px;
line-height: 16px;
float: left;
}
.woocommerce .sale-new-wrap span.soldout {
background-color: #f34a53;
margin: 0 3px !important;
border-radius: 0;
position: initial !important;
right: initial !important;
left: initial !important;
top: initial !important;
float: left;
border: 0;
padding: 2px 9px 1px;
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: normal;
min-height: 1px;
min-width: 1px;
line-height: 16px;
} .woocommerce ul.products li.product .hongo-product-deal-wrap {
} .hongo-blog-pagination {
text-align: center;
width: 100%;
clear: both;
}
.pagination {
margin: 70px 0 20px 0;
}
.hongo-default-pagination-wrap {
text-align: center;
clear: both;
}
.pagination .page-numbers {
border: 1px solid transparent;
font-weight: 500;
width: 28px;
height: 28px;
border-radius: 100%;
display: inline-block;
line-height: 25px;
margin: 0 3px;
text-align: center;
vertical-align: middle;
}
.pagination .page-numbers:hover {
border: 1px solid #dadada;
color: #808080;
}
.pagination .page-numbers.current {
border: 1px solid #8f8f8f;
color: #fff;
background-color: #8f8f8f;
font-weight: 600
}
.pagination .prev,
.pagination .next {
padding: 0;
color: #808080;
line-height: 28px;
}
.pagination .prev:hover,
.pagination .next:hover {
border: 1px solid #fff;
background-color: #fff;
color: #232323
}
.pagination .page-numbers.dots {
border: 0 solid #dadada;
color: #808080;
}
.pagination .prev span,
.pagination .next span {
display: none;
}
.inner-page-links {
margin: 40px 0;
display: inline-block;
width: 100%
}
.inner-page-links .pagination-title {
font-size: 15px;
}
.inner-page-links .post-page-numbers {
border: 1px solid transparent;
font-weight: 500;
width: 28px;
height: 28px;
border-radius: 100%;
display: inline-block;
line-height: 25px;
margin: 0 3px;
text-align: center;
vertical-align: middle;
}
.inner-page-links .post-page-numbers:hover {
border: 1px solid #dadada;
color: #808080;
}
.inner-page-links .post-page-numbers.current {
border: 1px solid #8f8f8f;
color: #fff;
background-color: #8f8f8f;
font-weight: 600
} .hongo-list-grid-switch-wrap {
margin-bottom: 32px;
float: none;
display: inline-block;
margin-right: 25px;
position: relative;
top: -2px
}
.hongo-list-grid-layout-wrap {
float: left;
margin-top: 6px;
}
.hongo-list-grid-layout-wrap>div {
padding-right: 26px;
margin-right: 19px;
position: relative;
}
.hongo-list-grid-layout-wrap>div:last-child {
padding-right: 0;
margin-right: 0;
}
.hongo-list-grid-layout-wrap>div:after {
content: "/";
color: #dfdfdf;
position: absolute;
right: 0;
top: -1px;
font-size: 20px;
font-weight: 100;
}
.hongo-list-grid-layout-wrap>div:last-child:after {
display: none;
}
.hongo-list-grid-layout-wrap .hongo-view-switch {
float: left;
}
.hongo-list-grid-layout-wrap .hongo-view-switch a {
margin-right: 6px;
}
.hongo-list-grid-layout-wrap .hongo-view-switch a img.active,
.hongo-list-grid-layout-wrap .hongo-view-switch a.active img.list-img,
.hongo-list-grid-layout-wrap .hongo-view-switch a.active img.grid-img {
display: none;
}
.hongo-list-grid-layout-wrap .hongo-view-switch a .grid-img,
.hongo-list-grid-layout-wrap .hongo-view-switch a .list-img,
.hongo-list-grid-layout-wrap .hongo-view-switch a.active img.active {
display: inline-block;
vertical-align: inherit;
}
.hongo-list-grid-layout-wrap .hongo-view-switch a:last-child {
margin-right: 0;
}
.hongo-list-grid-layout-wrap .woocommerce-result-count {
float: left;
margin: 0;
padding: 0;
line-height: 20px;
}
.hongo-column-switch {
float: left;
top: 7px;
margin-top: 5px;
position: relative;
padding-left: 17px;
margin-left: 15px;
}
.hongo-column-switch:after {
top: -7px;
font-size: 12px;
font-weight: 100;
content: "|";
color: #afafaf;
position: absolute;
left: 0;
}
.hongo-column-switch a {
float: left;
margin-right: 8px;
}
.hongo-column-switch a:last-child {
margin-right: 0;
}
.hongo-column-switch a span {
float: left;
margin: 0 1px;
border: 1px solid #d6d6d6;
width: 6px;
height: 11px;
background-color: transparent;
}
.hongo-column-switch a.active span {
background-color: #8f8f8f;
border-color: #8f8f8f;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 27px 0;
}
.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single {
background-color: transparent;
border-color: #d6d6d6
}
.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #808080;
font-weight: 400;
padding: 9px 15px 9px;
text-transform: none;
}
.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__arrow {
padding: 14px 15px 16px 15px;
}
.woocommerce .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-width: 5px 5px 0 5px;
margin-left: -6px;
margin-top: -3px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce .woocommerce-ordering .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 5px 5px 5px;
} .woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
padding: 0;
margin: 3px 0 0 0;
border: 0;
float: left;
width: 100%;
color: #8d8d8d;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
padding: 0 0 1px;
margin: 0 5px 0 0;
font-size: 11px;
font-weight: 400;
color: #8d8d8d;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
padding: 0 0 1px;
margin: 0 5px 0 0;
font-size: 11px;
font-weight: 400;
color: #8d8d8d;
} .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #232323;
color: #b1b1b1;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
background-color: #efefef;
color: #929292;
}
.select2-container--default .select2-selection--single {
border: 1px solid #e8e8e8;
width: 100%;
margin: 0;
max-width: 100%;
resize: none;
outline: none;
border-radius: 0;
height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 1;
color: #212121;
font-weight: 400;
padding: 14px 15px 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 0;
right: 0;
width: auto;
padding: 20px 15px 20px 15px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px 10px;
margin-bottom: 0;
}
.select2-results__option {
font-size: inherit;
padding: 5px 10px;
outline: none;
}
.select2-dropdown {
border-radius: 0;
border-color: #e8e8e8;
z-index: 9;
}
.select2-container--open {
z-index: 9999;
}
.mCSB_inside>.mCSB_container {
margin-right: 5px;
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 210px;
}
.admin-bar .select2-container .select2-dropdown--above { 
margin-top: 32px;
}
.admin-bar .select2-container .select2-dropdown--below {
margin-top: 32px;
} .tooltip {
white-space: nowrap;
padding: 0 5px;
z-index: 9;
}
.tooltip-inner {
max-width: 222px;
padding: 6px 13px 6px;
color: #e8e8e8;
background-color: #1b1b1b;
border-radius: 0;
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
}
.tooltip.in {
filter: alpha(opacity=1);
opacity: 1;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.tooltip.top .tooltip-arrow {
border-top-color: #1b1b1b
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #1b1b1b
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #1b1b1b
}
.tooltip.right .tooltip-arrow {
border-right-color: #1b1b1b
}
.tooltip.left .tooltip-arrow {
border-left-color: #1b1b1b
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #1b1b1b
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #1b1b1b
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #1b1b1b
} .hongo-quick-view-popup .woocommerce div.product div.summary {
padding-right: 0;
margin-bottom: 0 !important;
}
.hongo-quick-view-popup .woocommerce div.product div.images {
margin-bottom: 0 !important;
}
.hongo-quick-view-popup .woocommerce div.product div.images .swiper-button-next {
right: 10px;
}
.hongo-quick-view-popup .woocommerce div.product div.images .swiper-button-prev {
left: 10px;
}
.hongo-quick-view-popup .sale-new-wrap {
width: auto;
}
#yith-quick-view-close {
color: #000;
opacity: 1;
z-index: 999;
}
#yith-quick-view-close:hover {
color: #f57250;
} .compare-error-msg {
border: 1px solid #f6bab9;
color: #e42d29;
font-size: 11px;
font-weight: 700;
padding: 8px 15px;
}
.compare-error-msg i {
margin: 0px 8px 0 0;
} @keyframes spin {
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading:hover,
.loading {
background-color: #fff !important;
position: relative;
border-color: transparent !important;
opacity: 1 !important;
transition: all 0s ease-in-out !important;
-moz-transition: all 0s ease-in-out !important;
-webkit-transition: all 0s ease-in-out !important;
-ms-transition: all 0s ease-in-out !important;
-o-transition: all 0s ease-in-out !important;
}
.loading::after,
.hongo-loader:after,
.hongo-loading .hongo-loader {
background: none;
content: "" !important;
position: absolute;
left: 50% !important;
top: 50% !important;
margin: -8px 0 0 -8px !important;
opacity: 1 !important;
right: inherit !important;
z-index: 9;
text-align: center;
border: 2px solid hsla(0, 0%, 0%, 0.4);
border-top-color: #000000;
border-radius: 50%;
width: 16px !important;
height: 16px !important;
animation: spin 1s linear infinite;
-webkit-animation: spin 1s linear infinite;
}
.loading:before {
position: absolute;
z-index: 9;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
content: "" !important;
}
.hongo-loading {
float: left;
width: 100%;
position: relative;
}
.hongo-loader {
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.hongo-loader:after {
border-radius: 50%;
}
.woocommerce .blockUI.blockOverlay,
.blockUI.blockOverlay {
background-color: rgba(255, 255, 255, .9) !important;
display: block !important;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 999;
opacity: 1 !important;
}
.woocommerce .blockUI.blockOverlay::before,
.blockUI.blockOverlay::before {
background: none;
z-index: 99999;
margin: 0;
content: "" !important;
left: 50%;
top: 50%;
margin: -11px 0 0 -11px;
right: inherit;
z-index: 9;
text-align: center;
position: absolute;
opacity: 1 !important;
border: 3px solid hsla(0, 0%, 0%, 0.4);
border-top-color: #000;
border-radius: 50%;
width: 22px;
height: 22px;
animation: spin 1s linear infinite;
-webkit-animation: spin 1s linear infinite;
}
header .woocommerce.widget_shopping_cart ul.cart_list .blockUI.blockOverlay {
background-color: #000;
display: block !important;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 999;
opacity: 1 !important;
}
header .woocommerce.widget_shopping_cart ul.cart_list .blockUI.blockOverlay::before {
background: none;
z-index: 99999;
margin: 0;
content: "" !important;
left: 50%;
top: 50%;
margin: -11px 0 0 -11px;
right: inherit;
z-index: 9;
text-align: center;
position: absolute;
opacity: 1 !important;
border: 3px solid hsla(0, 0%, 100%, 0.4);
border-top-color: #fff;
border-radius: 50%;
width: 22px;
height: 22px;
animation: spin 1s linear infinite;
-webkit-animation: spin 1s linear infinite;
}
#infscr-loading {
width: 100% !important;
float: left;
text-align: center;
clear: both;
position: absolute;
bottom: -90px;
height: 50px !important;
opacity: 1 !important;
left: 0;
right: 0;
}
#infscr-loading img {
width: 30px;
}
.tab-style1 .hongo-loader:after,
.tab-style2 .hongo-loader:after,
.tab-style3 .hongo-loader:after,
.single-product .hongo-woocommerce-tabs .hongo-loader:after {
margin: -12px 0 0 -12px !important;
border-width: 3px;
width: 24px !important;
height: 24px !important;
}
#infscr-loading .finish-load {
display: inline-block;
background-color: #fff;
color: #232323;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
padding: 4px 15px 3px;
-webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .1);
box-shadow: 0 0 10px rgba(23, 23, 23, .1);
margin-top: 15px;
}
.hongo-view-more-button-wrap {
text-align: center;
margin-top: 20px;
}
.hongo-view-more-button-wrap .view-more-button {
margin: 0 auto !important;
} .hongo-cb {
width: 16px;
height: 16px;
border-radius: 100%;
text-align: center;
margin-right: 12px;
display: inline-block;
border: 1px solid #cacaca;
background-color: #fff;
position: relative;
top: 4px;
}
.hongo-cb:hover:after,
a.active .hongo-cb:after,
li.active .hongo-cb:after,
li a:hover .hongo-cb:after {
font-family: Font Awesome\ 5 Free;
font-size: 8px;
content: "\f00c";
position: absolute;
left: 3px;
top: -1px;
font-weight: 900;
line-height: 16px;
}
a.active .hongo-cb:after,
li.active .hongo-cb:after {
color: #f57250;
} .woocommerce a.reset_variations {
text-decoration: underline !important;
color: #000000;
font-weight: 500;
clear: both;
text-transform: uppercase;
line-height: normal;
font-size: 10px !important;
width: max-content;
display: table !important;
margin-top: 8px;
}
.woocommerce a.reset_variations:hover {
text-decoration: none !important;
}
.woocommerce a.reset_variations[style*="visibility: hidden"] {
display: none !important;
} .ui-autocomplete {
float: left;
box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
padding: 0;
background: #FFF;
position: absolute;
z-index: 99999;
max-height: 420px;
overflow-y: auto;
}
.header-middle-search #big_search_no_results {
padding: 2px 15px 0;
position: absolute;
z-index: 99999;
}
.ui-menu-item {
list-style: none;
padding: 10px;
cursor: pointer;
}
.ui-menu-item:hover,
.ui-state-focus {
background: #F1F1F1;
}
.ui-helper-hidden-accessible {
display: none;
} .col-2-nth .col-md-6:nth-child(2n+1) {
clear: left;
}
.col-2-nth .col-sm-6:nth-child(2n+1) {
clear: left;
}
.col-3-nth .col-md-4:nth-child(3n+1) {
clear: left;
}
.col-3-nth .col-sm-4:nth-child(3n+1) {
clear: left;
}
.col-4-nth .col-md-3:nth-child(4n+1) {
clear: left;
}
.col-4-nth .col-sm-3:nth-child(4n+1) {
clear: left;
}
.col-6-nth .col-md-2:nth-child(6n+1) {
clear: left;
}
.col-6-nth .col-sm-6:nth-child(6n+1) {
clear: left;
}
.col-2-nth-item .col-md-6:nth-child(2n+1) {
clear: left;
}
.col-3-nth-item .col-md-4:nth-child(3n+1) {
clear: left;
}
.col-4-nth-item .col-md-3:nth-child(4n+1) {
clear: left;
}
.col-6-nth-item .col-lg-2:nth-child(6n+1) {
clear: left;
} .tagcloud {
margin-top: 3px;
}
.tagcloud a {
border: 1px solid #e8e8e8;
border-radius: 3px;
padding: 5px 13px 5px;
font-size: 10px !important;
line-height: normal;
font-weight: 600;
color: #808080;
margin: 0 7px 7px 0;
text-transform: uppercase;
display: inline-block;
}
.tagcloud a:hover {
background-color: #232323;
border-color: #232323;
color: #fff;
}
.tagcloud span {
font-size: 11px;
color: #d9d9d9;
margin: 0 4px 0 4px;
position: relative;
top: -1px;
} .image-very-small {
width: 12px
}
.image-extra-small {
width: 14px
}
.image-small {
width: 16px
}
.image-medium {
width: 20px
}
.image-extra-medium {
width: 30px
}
.image-large {
width: 40px
}
.image-extra-large {
width: 50px
}  .very-small-icon,
.extra-small-icon,
.small-icon,
.medium-icon,
.large-icon,
.extra-large-icon {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.extra-small-icon li,
.small-icon li,
.medium-icon li,
.large-icon li,
.extra-large-icon li,
.very-small-icon li {
display: inline-block;
}
.extra-small-icon li:first-child,
.small-icon li:first-child,
.medium-icon li:first-child,
.large-icon li:first-child,
.extra-large-icon li:first-child,
.very-small-icon li:first-child {
padding-left: 0;
}
.extra-small-icon li:last-child,
.small-icon li:last-child,
.medium-icon li:last-child,
.large-icon li:last-child,
.extra-large-icon li:last-child,
.very-small-icon li:last-child {
padding-right: 0;
}
.very-small-icon {
margin-left: -3px;
margin-right: -3px;
}
.very-small-icon li {
padding: 3px 5px
}
.extra-small-icon {
margin-left: -3px;
margin-right: -3px;
}
.extra-small-icon li {
padding: 3px 5px
}
.small-icon {
margin-left: -3px;
margin-right: -3px;
}
.small-icon li {
padding: 5px 5px
}
.medium-icon {
margin-left: -3px;
margin-right: -3px;
}
.medium-icon li {
padding: 7px 8px
}
.large-icon {
margin-left: -3px;
margin-right: -3px;
}
.large-icon li {
padding: 7px 10px
}
.extra-large-icon {
margin-left: -3px;
margin-right: -3px;
}
.extra-large-icon li {
padding: 7px 12px
}
.very-small-icon a {
font-size: 13px;
width: 25px;
height: 25px;
line-height: 25px;
}
.extra-small-icon a {
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
}
.small-icon a {
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
}
.medium-icon a {
font-size: 20px;
width: 50px;
height: 50px;
line-height: 50px;
}
.large-icon a {
font-size: 24px;
width: 60px;
height: 60px;
line-height: 60px;
}
.extra-large-icon a {
font-size: 30px;
width: 70px;
height: 70px;
line-height: 70px;
} .social-icon-style-1 a.facebook-f:hover,
.social-icon-style-2 a.facebook-f,
.social-icon-style-3 a.facebook-f,
.social-icon-style-7 a.facebook-f:hover,
.social-icon-style-9 a.facebook-f:hover,
.social-icon-style-10 a.facebook-f,
.social-icon-style-13 a.facebook-f:hover,
.social-icon-style-14 a.facebook-f,
.social-icon-style-15 a.facebook-f:hover,
.social-icon-style-15 a.facebook-f .fa-facebook-f,
.social-icon-style-12 a.facebook-f i {
color: #3b5998;
border-color: #3b5998;
}
.social-icon-style-1 a.twitter:hover,
.social-icon-style-2 a.twitter,
.social-icon-style-3 a.twitter,
.social-icon-style-7 a.twitter:hover,
.social-icon-style-9 a.twitter:hover,
.social-icon-style-10 a.twitter,
.social-icon-style-13 a.twitter:hover,
.social-icon-style-14 a.twitter,
.social-icon-style-15 a.twitter:hover,
.social-icon-style-15 a.twitter .fa-twitter,
.social-icon-style-12 a.twitter i {
color: #00aced;
border-color: #00aced;
}
.social-icon-style-1 a.x-twitter:hover,
.social-icon-style-2 a.x-twitter,
.social-icon-style-3 a.x-twitter,
.social-icon-style-7 a.x-twitter:hover,
.social-icon-style-9 a.x-twitter:hover,
.social-icon-style-10 a.x-twitter,
.social-icon-style-13 a.x-twitter:hover,
.social-icon-style-14 a.x-twitter,
.social-icon-style-15 a.x-twitter:hover,
.social-icon-style-15 a.x-twitter .fa-twitter,
.social-icon-style-12 a.x-twitter i {
color: #000000;
border-color: #000000;
}	
.social-icon-style-1 a.google-plus-g:hover,
.social-icon-style-2 a.google-plus-g,
.social-icon-style-3 a.google-plus-g,
.social-icon-style-7 a.google-plus-g:hover,
.social-icon-style-9 a.google-plus-g:hover,
.social-icon-style-10 a.google-plus-g,
.social-icon-style-13 a.google-plus-g:hover,
.social-icon-style-14 a.google-plus-g,
.social-icon-style-15 a.google-plus-g:hover,
.social-icon-style-15 a.google-plus-g fa-google-plus-g,
.social-icon-style-12 a.google-plus-g i {
color: #dc4a38;
border-color: #dc4a38;
}
.social-icon-style-1 a.dribbble:hover,
.social-icon-style-2 a.dribbble,
.social-icon-style-3 a.dribbble,
.social-icon-style-7 a.dribbble:hover,
.social-icon-style-9 a.dribbble:hover,
.social-icon-style-10 a.dribbble,
.social-icon-style-13 a.dribbble:hover,
.social-icon-style-14 a.dribbble,
.social-icon-style-15 a.dribbble:hover,
.social-icon-style-15 a.dribbble .fa-dribbble,
.social-icon-style-12 a.dribbble i {
color: #ea4c89;
border-color: #ea4c89;
}
.social-icon-style-1 a.youtube:hover,
.social-icon-style-2 a.youtube,
.social-icon-style-3 a.youtube,
.social-icon-style-7 a.youtube:hover,
.social-icon-style-9 a.youtube:hover,
.social-icon-style-10 a.youtube,
.social-icon-style-13 a.youtube:hover,
.social-icon-style-14 a.youtube,
.social-icon-style-15 a.youtube:hover,
.social-icon-style-15 a.youtube .fa-youtube,
.social-icon-style-12 a.youtube i,
.social-icon-style-12 a.linkedin-in i {
color: #bb0000;
border-color: #bb0000;
}
.social-icon-style-1 a.linkedin-in:hover,
.social-icon-style-2 a.linkedin-in,
.social-icon-style-3 a.linkedin-in,
.social-icon-style-7 a.linkedin-in:hover,
.social-icon-style-9 a.linkedin-in:hover,
.social-icon-style-10 a.linkedin-in,
.social-icon-style-13 a.linkedin-in:hover,
.social-icon-style-14 a.linkedin-in,
.social-icon-style-15 a.linkedin-in:hover,
.social-icon-style-15 a.linkedin-in .fa-linkedin-in,
.social-icon-style-12 a.instagram i {
color: #007bb6;
border-color: #007bb6;
}
.social-icon-style-1 a.pinterest-p:hover,
.social-icon-style-2 a.pinterest-p,
.social-icon-style-3 a.pinterest-p,
.social-icon-style-7 a.pinterest-p:hover,
.social-icon-style-9 a.pinterest-p:hover,
.social-icon-style-10 a.pinterest-p,
.social-icon-style-13 a.pinterest-p:hover,
.social-icon-style-14 a.pinterest-p,
.social-icon-style-15 a.pinterest-p:hover,
.social-icon-style-15 a.pinterest-p .fa-pinterest-p,
.social-icon-style-12 a.pinterest-p i {
color: #CB2027;
border-color: #CB2027
}
.social-icon-style-1 a.envelope:hover,
.social-icon-style-2 a.envelope,
.social-icon-style-3 a.envelope,
.social-icon-style-7 a.envelope:hover,
.social-icon-style-9 a.envelope:hover,
.social-icon-style-10 a.envelope,
.social-icon-style-13 a.envelope:hover,
.social-icon-style-14 a.envelope,
.social-icon-style-15 a.envelope:hover,
.social-icon-style-15 a.envelope .fa-envelope,
.social-icon-style-12 a.envelope i {
color: #e45146;
border-color: #e45146;
}
.social-icon-style-1 a.sms:hover,
.social-icon-style-2 a.sms,
.social-icon-style-3 a.sms,
.social-icon-style-7 a.sms:hover,
.social-icon-style-9 a.sms:hover,
.social-icon-style-10 a.sms,
.social-icon-style-13 a.sms:hover,
.social-icon-style-14 a.sms,
.social-icon-style-15 a.sms:hover,
.social-icon-style-12 a.sms i {
color: #ffbd00;
border-color: #ffbd00;
}
.social-icon-style-1 a.sharethis:hover,
.social-icon-style-2 a.sharethis,
.social-icon-style-3 a.sharethis,
.social-icon-style-7 a.sharethis:hover,
.social-icon-style-9 a.sharethis:hover,
.social-icon-style-10 a.sharethis,
.social-icon-style-13 a.sharethis:hover,
.social-icon-style-14 a.sharethis,
.social-icon-style-15 a.sharethis:hover,
.social-icon-style-12 a.sharethis i {
color: #95D03A;
border-color: #95D03A;
}
.social-icon-style-1 a.reddit:hover,
.social-icon-style-2 a.reddit,
.social-icon-style-3 a.reddit,
.social-icon-style-7 a.reddit:hover,
.social-icon-style-9 a.reddit:hover,
.social-icon-style-10 a.reddit,
.social-icon-style-13 a.reddit:hover,
.social-icon-style-14 a.reddit,
.social-icon-style-15 a.reddit:hover,
.social-icon-style-15 a.reddit .fa-reddit,
.social-icon-style-12 a.reddit i {
color: #ff4500;
border-color: #ff4500;
}
.social-icon-style-1 a.tumblr:hover,
.social-icon-style-2 a.tumblr,
.social-icon-style-3 a.tumblr,
.social-icon-style-7 a.tumblr:hover,
.social-icon-style-9 a.tumblr:hover,
.social-icon-style-10 a.tumblr,
.social-icon-style-13 a.tumblr:hover,
.social-icon-style-14 a.tumblr,
.social-icon-style-15 a.tumblr:hover,
.social-icon-style-15 a.tumblr .fa-tumblr,
.social-icon-style-12 a.tumblr i {
color: #32506d;
border-color: #32506d;
}
.social-icon-style-1 a.digg:hover,
.social-icon-style-2 a.digg,
.social-icon-style-3 a.digg,
.social-icon-style-7 a.digg:hover,
.social-icon-style-9 a.digg:hover,
.social-icon-style-10 a.digg,
.social-icon-style-13 a.digg:hover,
.social-icon-style-14 a.digg,
.social-icon-style-15 a.digg:hover,
.social-icon-style-12 a.digg i {
color: #3293D4;
border-color: #3293D4;
}
.social-icon-style-1 a.stumbleupon:hover,
.social-icon-style-2 a.stumbleupon,
.social-icon-style-3 a.stumbleupon,
.social-icon-style-7 a.stumbleupon:hover,
.social-icon-style-9 a.stumbleupon:hover,
.social-icon-style-10 a.stumbleupon,
.social-icon-style-13 a.stumbleupon:hover,
.social-icon-style-14 a.stumbleupon,
.social-icon-style-15 a.stumbleupon:hover,
.social-icon-style-12 a.stumbleupon i {
color: #eb4924;
border-color: #eb4924;
}
.social-icon-style-1 a.whatsapp:hover,
.social-icon-style-2 a.whatsapp,
.social-icon-style-3 a.whatsapp,
.social-icon-style-7 a.whatsapp:hover,
.social-icon-style-9 a.whatsapp:hover,
.social-icon-style-10 a.whatsapp,
.social-icon-style-13 a.whatsapp:hover,
.social-icon-style-14 a.whatsapp,
.social-icon-style-15 a.whatsapp:hover,
.social-icon-style-12 a.whatsapp i {
color: #25d366;
border-color: #25d366;
}
.social-icon-style-1 a.vk:hover,
.social-icon-style-2 a.vk,
.social-icon-style-3 a.vk,
.social-icon-style-7 a.vk:hover,
.social-icon-style-9 a.vk:hover,
.social-icon-style-10 a.vk,
.social-icon-style-13 a.vk:hover,
.social-icon-style-14 a.vk,
.social-icon-style-15 a.vk:hover,
.social-icon-style-15 a.vk .fa-vk,
.social-icon-style-12 a.vk i {
color: #4c6c91;
border-color: #4c6c91;
}
.social-icon-style-1 a.weibo:hover,
.social-icon-style-2 a.weibo,
.social-icon-style-3 a.weibo,
.social-icon-style-7 a.weibo:hover,
.social-icon-style-9 a.weibo:hover,
.social-icon-style-10 a.weibo,
.social-icon-style-13 a.weibo:hover,
.social-icon-style-14 a.weibo,
.social-icon-style-15 a.weibo:hover,
.social-icon-style-12 a.weibo i {
color: #ff9933;
border-color: #ff9933;
}
.social-icon-style-1 a.odnoklassniki:hover,
.social-icon-style-2 a.odnoklassniki,
.social-icon-style-3 a.odnoklassniki,
.social-icon-style-7 a.odnoklassniki:hover,
.social-icon-style-9 a.odnoklassniki:hover,
.social-icon-style-10 a.odnoklassniki,
.social-icon-style-13 a.odnoklassniki:hover,
.social-icon-style-14 a.odnoklassniki,
.social-icon-style-15 a.odnoklassniki:hover,
.social-icon-style-12 a.odnoklassniki i {
color: #d7772d;
border-color: #d7772d;
}
.social-icon-style-1 a.xing:hover,
.social-icon-style-2 a.xing,
.social-icon-style-3 a.xing,
.social-icon-style-7 a.xing:hover,
.social-icon-style-9 a.xing:hover,
.social-icon-style-10 a.xing,
.social-icon-style-13 a.xing:hover,
.social-icon-style-14 a.xing,
.social-icon-style-15 a.xing:hover,
.social-icon-style-15 a.xing .fa-xing,
.social-icon-style-12 a.xing i {
color: #1a7576;
border-color: #1a7576;
}
.social-icon-style-1 a.print:hover,
.social-icon-style-2 a.print,
.social-icon-style-3 a.print,
.social-icon-style-7 a.print:hover,
.social-icon-style-9 a.print:hover,
.social-icon-style-10 a.print,
.social-icon-style-13 a.print:hover,
.social-icon-style-14 a.print,
.social-icon-style-15 a.print:hover,
.social-icon-style-12 a.print i {
color: #222222;
border-color: #222222;
}
.social-icon-style-1 a.blogger:hover,
.social-icon-style-2 a.blogger,
.social-icon-style-3 a.blogger,
.social-icon-style-7 a.blogger:hover,
.social-icon-style-9 a.blogger:hover,
.social-icon-style-10 a.blogger,
.social-icon-style-13 a.blogger:hover,
.social-icon-style-14 a.blogger,
.social-icon-style-15 a.blogger:hover,
.social-icon-style-12 a.blogger i {
color: #ff8000;
border-color: #ff8000;
}
.social-icon-style-1 a.flipboard:hover,
.social-icon-style-2 a.flipboard,
.social-icon-style-3 a.flipboard,
.social-icon-style-7 a.flipboard:hover,
.social-icon-style-9 a.flipboardflipboard:hover,
.social-icon-style-10 a.flipboardflipboard,
.social-icon-style-13 a.flipboard:hover,
.social-icon-style-14 a.flipboard,
.social-icon-style-15 a.flipboard:hover,
.social-icon-style-12 a.flipboard i {
color: #e12828;
border-color: #e12828;
}
.social-icon-style-1 a.meneame:hover,
.social-icon-style-2 a.meneame,
.social-icon-style-3 a.meneame,
.social-icon-style-7 a.meneame:hover,
.social-icon-style-9 a.meneame:hover,
.social-icon-style-10 a.meneame,
.social-icon-style-13 a.meneame:hover,
.social-icon-style-14 a.meneame,
.social-icon-style-15 a.meneame:hover,
.social-icon-style-12 a.meneame i {
color: #ff6400;
border-color: #ff6400;
}
.social-icon-style-1 a.mailru:hover,
.social-icon-style-2 a.mailru,
.social-icon-style-3 a.mailru,
.social-icon-style-7 a.mailru:hover,
.social-icon-style-9 a.mailru:hover,
.social-icon-style-10 a.mailru,
.social-icon-style-13 a.mailru:hover,
.social-icon-style-14 a.mailru,
.social-icon-style-15 a.mailru:hover,
.social-icon-style-12 a.mailru i {
color: #168de2;
border-color: #168de2;
}
.social-icon-style-1 a.delicious:hover,
.social-icon-style-2 a.delicious,
.social-icon-style-3 a.delicious,
.social-icon-style-7 a.delicious:hover,
.social-icon-style-9 a.delicious:hover,
.social-icon-style-10 a.delicious,
.social-icon-style-13 a.delicious:hover,
.social-icon-style-14 a.delicious,
.social-icon-style-15 a.delicious:hover,
.social-icon-style-12 a.delicious i {
color: #205cc0;
border-color: #205cc0;
}
.social-icon-style-1 a.livejournal:hover,
.social-icon-style-2 a.livejournal,
.social-icon-style-3 a.livejournal,
.social-icon-style-7 a.livejournal:hover,
.social-icon-style-9 a.livejournal:hover,
.social-icon-style-10 a.livejournal,
.social-icon-style-13 a.livejournal:hover,
.social-icon-style-14 a.livejournal,
.social-icon-style-15 a.livejournal:hover,
.social-icon-style-12 a.livejournal i {
color: #00b0ea;
border-color: #00b0ea;
}
.social-icon-style-1 a.soundcloud:hover,
.social-icon-style-2 a.soundcloud,
.social-icon-style-3 a.soundcloud,
.social-icon-style-7 a.soundcloud:hover,
.social-icon-style-9 a.soundcloud:hover,
.social-icon-style-10 a.soundcloud,
.social-icon-style-13 a.soundcloud:hover,
.social-icon-style-14 a.soundcloud,
.social-icon-style-15 a.soundcloud:hover,
.social-icon-style-15 a.soundcloud .fa-soundcloud,
.social-icon-style-12 a.soundcloud i {
color: #ffa500;
border-color: #ffa500;
}
.social-icon-style-1 a.vimeo-v:hover,
.social-icon-style-2 a.vimeo-v,
.social-icon-style-3 a.vimeo-v,
.social-icon-style-7 a.vimeo-v:hover,
.social-icon-style-9 a.vimeo-v:hover,
.social-icon-style-10 a.vimeo-v,
.social-icon-style-13 a.vimeo-v:hover,
.social-icon-style-14 a.vimeo-v,
.social-icon-style-15 a.vimeo-v:hover,
.social-icon-style-15 a.vimeo-v .fa-vimeo-v,
.social-icon-style-12 a.vimeo-v i {
color: #1ab7ea;
border-color: #1ab7ea;
}
.social-icon-style-1 a.flickr:hover,
.social-icon-style-2 a.flickr,
.social-icon-style-3 a.flickr,
.social-icon-style-7 a.flickr:hover,
.social-icon-style-9 a.flickr:hover,
.social-icon-style-10 a.flickr,
.social-icon-style-13 a.flickr:hover,
.social-icon-style-14 a.flickr,
.social-icon-style-15 a.flickr:hover,
.social-icon-style-15 a.flickr .fa-flickr,
.social-icon-style-12 a.flickr i {
color: #ff0185;
border-color: #ff0185;
}
.social-icon-style-1 a.instagram:hover,
.social-icon-style-2 a.instagram,
.social-icon-style-3 a.instagram,
.social-icon-style-7 a.instagram:hover,
.social-icon-style-9 a.instagram:hover,
.social-icon-style-10 a.instagram,
.social-icon-style-13 a.instagram:hover,
.social-icon-style-14 a.instagram,
.social-icon-style-15 a.instagram:hover,
.social-icon-style-15 a.instagram .fa-instagram {
color: #FE1F49;
border-color: #FE1F49;
}
.social-icon-style-1 a.rss:hover,
.social-icon-style-2 a.rss,
.social-icon-style-3 a.rss,
.social-icon-style-7 a.rss:hover,
.social-icon-style-9 a.rss:hover,
.social-icon-style-10 a.rss,
.social-icon-style-13 a.rss:hover,
.social-icon-style-14 a.rss,
.social-icon-style-15 a.rss:hover,
.social-icon-style-15 a.instagram .ti-instagram,
.social-icon-style-12 a.rss i {
color: #f2890e;
border-color: #f2890e;
}
.social-icon-style-1 a.behance:hover,
.social-icon-style-2 a.behance,
.social-icon-style-3 a.behance,
.social-icon-style-7 a.behance:hover,
.social-icon-style-9 a.behance:hover,
.social-icon-style-10 a.behance,
.social-icon-style-13 a.behance:hover,
.social-icon-style-14 a.behance,
.social-icon-style-15 a.behance:hover,
.social-icon-style-15 a.behance .fa-behance,
.social-icon-style-12 a.behance i {
color: #1769ff;
border-color: #1769ff;
}
.social-icon-style-1 a.vine:hover,
.social-icon-style-2 a.vine,
.social-icon-style-3 a.vine,
.social-icon-style-7 a.vine:hover,
.social-icon-style-9 a.vine:hover,
.social-icon-style-10 a.vine,
.social-icon-style-13 a.vine:hover,
.social-icon-style-14 a.vine,
.social-icon-style-15 a.vine:hover,
.social-icon-style-15 a.vine .fa-vine,
.social-icon-style-12 a.vine i {
color: #00bf8f;
border-color: #00bf8f;
}
.social-icon-style-1 a.yelp:hover,
.social-icon-style-2 a.yelp,
.social-icon-style-3 a.yelp,
.social-icon-style-7 a.yelp:hover,
.social-icon-style-9 a.yelp:hover,
.social-icon-style-10 a.yelp,
.social-icon-style-13 a.yelp:hover,
.social-icon-style-14 a.yelp,
.social-icon-style-15 a.yelp:hover,
.social-icon-style-15 a.yelp .fa-yelp,
.social-icon-style-12 a.yelp i {
color: #b6322c;
border-color: #b6322c;
}
.social-icon-style-1 a.discord:hover,
.social-icon-style-2 a.discord,
.social-icon-style-3 a.discord,
.social-icon-style-7 a.discord:hover,
.social-icon-style-9 a.discord:hover,
.social-icon-style-10 a.discord,
.social-icon-style-13 a.discord:hover,
.social-icon-style-14 a.discord,
.social-icon-style-15 a.discord:hover,
.social-icon-style-15 a.discord .fa-discord,
.social-icon-style-12 a.discord i {
color: #7689d9;
border-color: #7689d9;
}
.social-icon-style-1 a.github:hover,
.social-icon-style-2 a.github,
.social-icon-style-3 a.github,
.social-icon-style-7 a.github:hover,
.social-icon-style-9 a.github:hover,
.social-icon-style-10 a.github,
.social-icon-style-13 a.github:hover,
.social-icon-style-14 a.github,
.social-icon-style-15 a.github:hover,
.social-icon-style-15 a.github .fa-github,
.social-icon-style-12 a.github i {
color: #f0cbb3;
border-color: #f0cbb3;
}
.social-icon-style-1 a.skype:hover,
.social-icon-style-2 a.skype,
.social-icon-style-3 a.skype,
.social-icon-style-7 a.skype:hover,
.social-icon-style-9 a.skype:hover,
.social-icon-style-10 a.skype,
.social-icon-style-13 a.skype:hover,
.social-icon-style-14 a.skype,
.social-icon-style-15 a.skype:hover,
.social-icon-style-15 a.skype .fa-skype,
.social-icon-style-12 a.skype i {
color: #1eb7ec;
border-color: #1eb7ec;
}
.social-icon-style-12 a.email i {
color: #7d7d7d;
border-color: #7d7d7d;
} .social-icon-style-4 a.facebook-f,
.social-icon-style-5 a.facebook-f,
.social-icon-style-6 a.facebook-f:hover,
.social-icon-style-7 a.facebook-f,
.social-icon-style-8 a.facebook-f,
.social-icon-style-10 a.facebook-f span,
.social-icon-style-12 a.facebook-f:before {
background-color: #3b5998;
}
.social-icon-style-4 a.twitter,
.social-icon-style-5 a.twitter,
.social-icon-style-6 a.twitter:hover,
.social-icon-style-7 a.twitter,
.social-icon-style-8 a.twitter,
.social-icon-style-10 a.twitter span,
.social-icon-style-12 a.twitter:before {
background-color: #00aced;
}
.social-icon-style-4 a.x-twitter,
.social-icon-style-5 a.x-twitter,
.social-icon-style-6 a.x-twitter:hover,
.social-icon-style-7 a.x-twitter,
.social-icon-style-8 a.x-twitter,
.social-icon-style-10 a.x-twitter span,
.social-icon-style-12 a.x-twitter:before {
background-color: #00aced;
}
.social-icon-style-4 a.google-plus-g,
.social-icon-style-5 a.google-plus-g,
.social-icon-style-6 a.google-plus-g:hover,
.social-icon-style-7 a.google-plus-g,
.social-icon-style-8 a.google-plus-g,
.social-icon-style-10 a.google-plus-g span,
.social-icon-style-12 a.google-plus-g:before {
background-color: #dc4a38;
}
.social-icon-style-4 a.dribbble,
.social-icon-style-5 a.dribbble,
.social-icon-style-6 a.dribbble:hover,
.social-icon-style-7 a.dribbble,
.social-icon-style-8 a.dribbble,
.social-icon-style-10 a.dribbble span,
.social-icon-style-12 a.dribbble:before {
background-color: #ea4c89;
}
.social-icon-style-4 a.youtube,
.social-icon-style-5 a.youtube,
.social-icon-style-6 a.youtube:hover,
.social-icon-style-7 a.youtube,
.social-icon-style-8 a.youtube,
.social-icon-style-10 a.youtube span,
.social-icon-style-12 a.youtube:before {
background-color: #bb0000;
}
.social-icon-style-4 a.linkedin-in,
.social-icon-style-5 a.linkedin-in,
.social-icon-style-6 a.linkedin-in:hover,
.social-icon-style-7 a.linkedin-in,
.social-icon-style-8 a.linkedin-in,
.social-icon-style-10 a.linkedin-in span,
.social-icon-style-12 a.linkedin-in:before {
background-color: #007bb6;
}
.social-icon-style-4 a.instagram,
.social-icon-style-5 a.instagram,
.social-icon-style-6 a.instagram:hover,
.social-icon-style-7 a.instagram,
.social-icon-style-8 a.instagram,
.social-icon-style-10 a.instagram span,
.social-icon-style-12 a.instagram:before {
background-color: #FE1F49;
}
.social-icon-style-4 a.pinterest-p,
.social-icon-style-5 a.pinterest-p,
.social-icon-style-6 a.pinterest-p:hover,
.social-icon-style-7 a.pinterest-p,
.social-icon-style-8 a.pinterest-p,
.social-icon-style-10 a.pinterest-p span,
.social-icon-style-12 a.pinterest-p:before {
background-color: #CB2027;
}
.social-icon-style-4 a.flickr,
.social-icon-style-5 a.flickr,
.social-icon-style-6 a.flickr:hover,
.social-icon-style-7 a.flickr,
.social-icon-style-8 a.flickr,
.social-icon-style-10 a.flickr span,
.social-icon-style-12 a.flickr:before {
background-color: #ff0084;
}
.social-icon-style-4 a.rss,
.social-icon-style-5 a.rss,
.social-icon-style-6 a.rss:hover,
.social-icon-style-7 a.rss,
.social-icon-style-8 a.rss,
.social-icon-style-10 a.rss span,
.social-icon-style-12 a.rss:before {
background-color: #f2890a;
}
.social-icon-style-4 a.behance,
.social-icon-style-5 a.behance,
.social-icon-style-6 a.behance:hover,
.social-icon-style-7 a.behance,
.social-icon-style-8 a.behance,
.social-icon-style-10 a.behance span,
.social-icon-style-12 a.behance:before {
background-color: #1769ff;
}
.social-icon-style-4 a.vine,
.social-icon-style-5 a.vine,
.social-icon-style-6 a.vine:hover,
.social-icon-style-7 a.vine,
.social-icon-style-8 a.vine,
.social-icon-style-10 a.vine span,
.social-icon-style-12 a.vine:before {
background-color: #00bf8f;
}
.social-icon-style-4 a.email,
.social-icon-style-5 a.email,
.social-icon-style-6 a.email:hover,
.social-icon-style-7 a.email,
.social-icon-style-8 a.email,
.social-icon-style-10 a.email span,
.social-icon-style-12 a.email:before {
background-color: #7d7d7d;
}
.social-icon-style-4 a.sms,
.social-icon-style-5 a.sms,
.social-icon-style-6 a.sms:hover,
.social-icon-style-7 a.sms,
.social-icon-style-8 a.sms,
.social-icon-style-10 a.sms span,
.social-icon-style-12 a.sms:before {
background-color: #ffbd00;
}
.social-icon-style-4 a.sharethis,
.social-icon-style-5 a.sharethis,
.social-icon-style-6 a.sharethis:hover,
.social-icon-style-reddit7 a.sharethis,
.social-icon-style-8 a.sharethis,
.social-icon-style-10 a.sharethis span,
.social-icon-style-12 a.sharethis:before {
background-color: #95D03A;
}
.social-icon-style-4 a.reddit,
.social-icon-style-5 a.reddit,
.social-icon-style-6 a.reddit:hover,
.social-icon-style-7 a.reddit,
.social-icon-style-8 a.reddit,
.social-icon-style-10 a.reddit span,
.social-icon-style-12 a.reddit:before {
background-color: #ff4500;
}
.social-icon-style-4 a.tumblr,
.social-icon-style-5 a.tumblr,
.social-icon-style-6 a.tumblr:hover,
.social-icon-style-7 a.tumblr,
.social-icon-style-8 a.tumblr,
.social-icon-style-10 a.tumblr span,
.social-icon-style-12 a.tumblr:before {
background-color: #32506d;
}
.social-icon-style-4 a.digg,
.social-icon-style-5 a.digg,
.social-icon-style-6 a.digg:hover,
.social-icon-style-7 a.digg,
.social-icon-style-8 a.digg,
.social-icon-style-10 a.digg span,
.social-icon-style-12 a.digg:before {
background-color: #262626;
}
.social-icon-style-4 a.stumbleupon,
.social-icon-style-5 a.stumbleupon,
.social-icon-style-6 a.stumbleupon:hover,
.social-icon-style-7 a.stumbleupon,
.social-icon-style-8 a.stumbleupon,
.social-icon-style-10 a.stumbleupon span,
.social-icon-style-12 a.stumbleupon:before {
background-color: #eb4924;
}
.social-icon-style-4 a.whatsapp,
.social-icon-style-5 a.whatsapp,
.social-icon-style-6 a.whatsapp:hover,
.social-icon-style-7 a.whatsapp,
.social-icon-style-8 a.whatsapp,
.social-icon-style-10 a.whatsapp span,
.social-icon-style-12 a.whatsapp:before {
background-color: #25d366;
}
.social-icon-style-4 a.vk,
.social-icon-style-5 a.vk,
.social-icon-style-6 a.vk:hover,
.social-icon-style-7 a.vk,
.social-icon-style-8 a.vk,
.social-icon-style-10 a.vk span,
.social-icon-style-12 a.vk:before {
background-color: #4c6c91;
}
.social-icon-style-4 a.weibo,
.social-icon-style-5 a.weibo,
.social-icon-style-6 a.weibo:hover,
.social-icon-style-7 a.weibo,
.social-icon-style-8 a.weibo,
.social-icon-style-10 a.weibo span,
.social-icon-style-12 a.weibo:before {
background-color: #ff9933;
}
.social-icon-style-4 a.odnoklassniki,
.social-icon-style-5 a.odnoklassniki,
.social-icon-style-6 a.odnoklassniki:hover,
.social-icon-style-7 a.odnoklassniki,
.social-icon-style-8 a.odnoklassniki,
.social-icon-style-10 a.odnoklassniki span,
.social-icon-style-12 a.odnoklassniki:before {
background-color: #d7772d;
}
.social-icon-style-4 a.xing,
.social-icon-style-5 a.xing,
.social-icon-style-6 a.xing:hover,
.social-icon-style-7 a.xing,
.social-icon-style-8 a.xing,
.social-icon-style-10 a.xing span,
.social-icon-style-12 a.xing:before {
background-color: #1a7576;
}
.social-icon-style-4 a.print,
.social-icon-style-5 a.print,
.social-icon-style-6 a.print:hover,
.social-icon-style-7 a.print,
.social-icon-style-8 a.print,
.social-icon-style-10 a.print span,
.social-icon-style-12 a.print:before {
background-color: #222222;
}
.social-icon-style-4 a.blogger,
.social-icon-style-5 a.blogger,
.social-icon-style-6 a.blogger:hover,
.social-icon-style-7 a.blogger,
.social-icon-style-8 a.blogger,
.social-icon-style-10 a.blogger span,
.social-icon-style-12 a.blogger:before {
background-color: #ff8000;
}
.social-icon-style-4 a.flipboard,
.social-icon-style-5 a.flipboard,
.social-icon-style-6 a.flipboard:hover,
.social-icon-style-7 a.flipboard,
.social-icon-style-8 a.flipboard,
.social-icon-style-10 a.flipboard span,
.social-icon-style-12 a.flipboard:before {
background-color: #e12828;
}
.social-icon-style-4 a.meneame,
.social-icon-style-5 a.meneame,
.social-icon-style-6 a.meneame:hover,
.social-icon-style-7 a.meneame,
.social-icon-style-8 a.meneame,
.social-icon-style-10 a.meneame span,
.social-icon-style-12 a.meneame:before {
background-color: #ff6400;
}
.social-icon-style-4 a.mailru,
.social-icon-style-5 a.mailru,
.social-icon-style-6 a.mailru:hover,
.social-icon-style-7 a.mailru,
.social-icon-style-8 a.mailru,
.social-icon-style-10 a.mailru span,
.social-icon-style-12 a.mailru:before {
background-color: #168de2;
}
.social-icon-style-4 a.delicious,
.social-icon-style-5 a.delicious,
.social-icon-style-6 a.delicious:hover,
.social-icon-style-7 a.delicious,
.social-icon-style-8 a.delicious,
.social-icon-style-10 a.delicious span,
.social-icon-style-12 a.delicious:before {
background-color: #205cc0;
}
.social-icon-style-4 a.livejournal,
.social-icon-style-5 a.livejournal,
.social-icon-style-6 a.livejournal:hover,
.social-icon-style-7 a.livejournal,
.social-icon-style-8 a.livejournal,
.social-icon-style-10 a.livejournal span,
.social-icon-style-12 a.livejournal:before {
background-color: #00b0ea;
}
.social-icon-style-4 a.soundcloud,
.social-icon-style-5 a.soundcloud,
.social-icon-style-6 a.soundcloud:hover,
.social-icon-style-7 a.soundcloud,
.social-icon-style-8 a.soundcloud,
.social-icon-style-10 a.soundcloud span,
.social-icon-style-12 a.soundcloud:before {
background-color: #ffa500;
}
.social-icon-style-4 a.flickr,
.social-icon-style-5 a.flickr,
.social-icon-style-6 a.flickr:hover,
.social-icon-style-7 a.flickr,
.social-icon-style-8 a.flickr,
.social-icon-style-10 a.flickr span,
.social-icon-style-12 a.flickr:before {
background-color: #ff0084;
}
.social-icon-style-4 a.vimeo-v,
.social-icon-style-5 a.vimeo-v,
.social-icon-style-6 a.vimeo-v:hover,
.social-icon-style-7 a.vimeo-v,
.social-icon-style-8 a.vimeo-v,
.social-icon-style-10 a.vimeo-v span,
.social-icon-style-12 a.vimeo-v:before {
background-color: #1ab7ea
}
.social-icon-style-4 a.yelp,
.social-icon-style-5 a.yelp,
.social-icon-style-6 a.yelp:hover,
.social-icon-style-7 a.yelp,
.social-icon-style-8 a.yelp,
.social-icon-style-10 a.yelp span,
.social-icon-style-12 a.yelp:before {
background-color: #b6322c
}
.social-icon-style-4 a.discord,
.social-icon-style-5 a.discord,
.social-icon-style-6 a.discord:hover,
.social-icon-style-7 a.discord,
.social-icon-style-8 a.discord,
.social-icon-style-10 a.discord span,
.social-icon-style-12 a.discord:before {
background-color: #7689d9
}
.social-icon-style-4 a.github,
.social-icon-style-5 a.github,
.social-icon-style-6 a.github:hover,
.social-icon-style-7 a.github,
.social-icon-style-8 a.github,
.social-icon-style-10 a.github span,
.social-icon-style-12 a.github:before {
background-color: #f0cbb3;
}
.social-icon-style-4 a.envelope,
.social-icon-style-5 a.envelope,
.social-icon-style-6 a.envelope:hover,
.social-icon-style-7 a.envelope,
.social-icon-style-8 a.envelope,
.social-icon-style-10 a.envelope span,
.social-icon-style-12 a.envelope:before {
background-color: #e45146;
}
.social-icon-style-4 a.skype,
.social-icon-style-5 a.skype,
.social-icon-style-6 a.skype:hover,
.social-icon-style-7 a.skype,
.social-icon-style-8 a.skype,
.social-icon-style-10 a.skype span,
.social-icon-style-12 a.skype:before {
background-color: #1eb7ec;
} .social-icon-style-3 a.facebook-f,
.social-icon-style-6 a.facebook-f:hover,
.social-icon-style-7 a.facebook-f:hover {
border-color: #3b5998;
}
.social-icon-style-3 a.twitter,
.social-icon-style-6 a.twitter:hover,
.social-icon-style-7 a.twitter:hover {
border-color: #00aced;
}
.social-icon-style-3 a.google-plus-g,
.social-icon-style-6 a.google-plus-g:hover,
.social-icon-style-7 a.google-plus-g:hover {
border-color: #dc4a38;
}
.social-icon-style-3 a.dribbble,
.social-icon-style-6 a.dribbble:hover,
.social-icon-style-7 a.dribbble:hover {
border-color: #ea4c89;
}
.social-icon-style-3 a.youtube,
.social-icon-style-6 a.youtube:hover,
.social-icon-style-7 a.youtube:hover {
border-color: #bb0000;
}
.social-icon-style-3 a.linkedin-in,
.social-icon-style-6 a.linkedin-in:hover,
.social-icon-style-7 a.linkedin-in:hover {
border-color: #0077b5;
}
.social-icon-style-3 a.instagram,
.social-icon-style-6 a.instagram:hover,
.social-icon-style-7 a.instagram:hover {
border-color: #FE1F49;
}
.social-icon-style-3 a.pinterest-p,
.social-icon-style-6 a.pinterest-p:hover,
.social-icon-style-7 a.pinterest-p:hover {
border-color: #CB2027;
}
.social-icon-style-3 a.envelope,
.social-icon-style-6 a.envelope:hover,
.social-icon-style-7 a.envelope:hover {
border-color: #e45146;
}
.social-icon-style-3 a.sms,
.social-icon-style-6 a.sms:hover,
.social-icon-style-7 a.sms:hover {
border-color: #ffbd00;
}
.social-icon-style-3 a.sharethis,
.social-icon-style-6 a.sharethis:hover,
.social-icon-style-7 a.sharethis:hover {
border-color: #95D03A;
}
.social-icon-style-3 a.reddit,
.social-icon-style-6 a.reddit:hover,
.social-icon-style-7 a.reddit:hover {
border-color: #ff4500;
}
.social-icon-style-3 a.tumblr,
.social-icon-style-6 a.tumblr:hover,
.social-icon-style-7 a.tumblr:hover {
border-color: #32506d;
}
.social-icon-style-3 a.digg,
.social-icon-style-6 a.digg:hover,
.social-icon-style-7 a.digg:hover {
border-color: #262626;
}
.social-icon-style-3 a.stumbleupon,
.social-icon-style-6 a.stumbleupon:hover,
.social-icon-style-7 a.stumbleupon:hover {
border-color: #eb4924;
}
.social-icon-style-3 a.whatsapp,
.social-icon-style-6 a.whatsapp:hover,
.social-icon-style-7 a.whatsapp:hover {
border-color: #25d366;
}
.social-icon-style-3 a.rss,
.social-icon-style-6 a.rss:hover,
.social-icon-style-7 a.rss:hover {
border-color: #f2890a;
}
.social-icon-style-3 a.behance,
.social-icon-style-6 a.behance:hover,
.social-icon-style-7 a.behance:hover {
border-color: #1769ff;
}
.social-icon-style-3 a.vine,
.social-icon-style-6 a.vine:hover,
.social-icon-style-7 a.vine:hover {
border-color: #00bf8f;
}
.social-icon-style-3 a.vk,
.social-icon-style-6 a.vk:hover,
.social-icon-style-7 a.vk:hover {
border-color: #4c6c91;
}
.social-icon-style-3 a.github,
.social-icon-style-6 a.github:hover,
.social-icon-style-7 a.github:hover {
border-color: #f0cbb3;
}
.social-icon-style-3 a.weibo,
.social-icon-style-6 a.weibo:hover,
.social-icon-style-7 a.weibo:hover {
border-color: #ff9933;
}
.social-icon-style-3 a.odnoklassniki,
.social-icon-style-6 a.odnoklassniki:hover,
.social-icon-style-7 a.odnoklassniki:hover {
border-color: #d7772d;
}
.social-icon-style-3 a.xing,
.social-icon-style-6 a.xing:hover,
.social-icon-style-7 a.xing:hover {
border-color: #1a7576;
}
.social-icon-style-3 a.print,
.social-icon-style-6 a.print:hover,
.social-icon-style-7 a.print:hover {
border-color: #222222;
}
.social-icon-style-3 a.blogger,
.social-icon-style-6 a.blogger:hover,
.social-icon-style-7 a.blogger:hover {
border-color: #ff8000;
}
.social-icon-style-3 a.flipboard,
.social-icon-style-6 a.flipboard:hover,
.social-icon-style-7 a.flipboard:hover {
border-color: #e12828;
}
.social-icon-style-3 a.meneame,
.social-icon-style-6 a.meneame:hover,
.social-icon-style-7 a.meneame:hover {
border-color: #ff6400;
}
.social-icon-style-3 a.mailru,
.social-icon-style-6 a.mailru:hover,
.social-icon-style-7 a.mailru:hover {
border-color: #168de2;
}
.social-icon-style-3 a.delicious,
.social-icon-style-6 a.delicious:hover,
.social-icon-style-7 a.delicious:hover {
border-color: #205cc0;
}
.social-icon-style-3 a.livejournal,
.social-icon-style-6 a.livejournal:hover,
.social-icon-style-7 a.livejournal:hover {
border-color: #00b0ea;
}
.social-icon-style-3 a.soundcloud,
.social-icon-style-6 a.soundcloud:hover,
.social-icon-style-7 a.soundcloud:hover {
border-color: #ffa500;
}
.social-icon-style-3 a.flickr,
.social-icon-style-6 a.flickr:hover,
.social-icon-style-7 a.flickr:hover {
border-color: #ff0084;
}
.social-icon-style-3 a.vimeo-v,
.social-icon-style-6 a.vimeo-v:hover,
.social-icon-style-7 a.vimeo-v:hover {
border-color: #1ab7ea;
}
.social-icon-style-3 a.yelp,
.social-icon-style-6 a.yelp:hover,
.social-icon-style-7 a.yelp:hover {
border-color: #b6322c;
}
.social-icon-style-3 a.discord,
.social-icon-style-6 a.discord:hover,
.social-icon-style-7 a.discord:hover {
border-color: #7689d9;
}
.social-icon-style-3 a.skype,
.social-icon-style-6 a.skype:hover,
.social-icon-style-7 a.skype:hover {
border-color: #1eb7ec;
} .social-icon-style-1 ul li a {
text-align: center;
width: auto;
height: auto;
}
.social-icon-style-1 a {
color: #232323;
padding: 2px 3px;
} .social-icon-style-2 {
position: relative;
}
.social-icon-style-2 a {
text-align: center;
display: inline-block;
border-radius: 100%;
position: relative;
height: auto;
width: auto;
line-height: normal;
padding: 3px;
}
.social-icon-style-2 a:hover {
opacity: 0.7
} .social-icon-style-3 a {
text-align: center;
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #232323;
background-color: transparent;
border-radius: 100%;
}
.social-icon-style-3 a:hover {
border-color: #b5b5b5;
color: #b5b5b5;
background-color: transparent;
} .social-icon-style-4 a {
text-align: center;
display: inline-block;
transition: all 400ms;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
border-radius: 100%;
color: #fff;
}
.social-icon-style-4 a:hover {
border-radius: 0;
color: #fff;
} .social-icon-style-5 a {
text-align: center;
display: inline-block;
transition: all 400ms;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
border-radius: 100%;
color: #fff;
}
.social-icon-style-5 a:hover i {
transition: transform 0.4s ease-out;
-webkit-transition: transform 0.4s ease-out;
-moz-transition: transform 0.4s ease-out;
-ms-transition: transform 0.4s ease-out;
-o-transition: transform 0.4s ease-out;
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
}
.social-icon-style-5 a:hover,
.social-icon-style-5 a:hover i,
.social-icon-style-5 a:active {
color: #fff;
} .social-icon-style-6 a {
text-align: center;
display: inline-block;
border-radius: 100%;
color: #232323;
background-color: #fff;
}
.social-icon-style-6 a:hover {
color: #fff;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-o-transform: scale(1.2);
} .social-icon-style-7 a {
text-align: center;
color: #fff;
border-radius: 4px;
display: block;
border: 1px solid transparent
}
.social-icon-style-7 a:hover {
background-color: #fff;
} .social-icon-style-8 a {
color: #fff;
display: inline-block;
height: auto;
width: auto;
padding: 0 24px 2px;
position: relative;
overflow: hidden;
}
.social-icon-style-8 a .brand-icon {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 100%;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.social-icon-style-8 a:hover .brand-icon {
color: #fff;
top: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.social-icon-style-8 a>span {
top: 0px;
position: relative;
-webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.social-icon-style-8 a:hover>span.brand-label {
color: #fff;
top: -50px;
-webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
} .social-icon-style-9 a {
display: inline-block;
text-align: center;
border-radius: 4px;
overflow: hidden;
border: 1px solid #6f6f6f;
text-shadow: 0px 0px #ddd, 1px 1px #ddd, 2px 2px #ddd, 3px 3px #ddd, 4px 4px #ddd, 5px 5px #ddd, 6px 6px #ddd, 7px 7px #ddd, 8px 8px #ddd, 9px 9px #ddd, 10px 10px #ddd, 11px 11px #ddd, 12px 12px #ddd, 13px 13px #ddd, 14px 14px #ddd, 15px 15px #ddd, 16px 16px #ddd, 17px 17px #ddd, 18px 18px #ddd, 19px 19px #ddd, 20px 20px #ddd, 21px 21px #ddd, 22px 22px #ddd, 23px 23px #ddd, 24px 24px #ddd, 25px 25px #ddd, 26px 26px #ddd, 27px 27px #ddd, 28px 28px #ddd, 29px 29px #ddd, 30px 30px #ddd;
} .social-icon-style-10 a {
display: inline-block;
background-color: #fff;
position: relative;
z-index: 3;
overflow: hidden;
text-align: center;
}
.social-icon-style-10 a>span {
position: absolute;
top: -100%;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.social-icon-style-10 a:hover>span {
top: 0;
z-index: -1;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.social-icon-style-10 a:hover {
color: #fff;
} .social-icon-style-11 a {
text-align: center;
display: inline-block;
border: 1px solid rgba(23, 23, 23, .2);
color: #575858;
background-color: transparent;
border-radius: 100%;
}
.social-icon-style-11 a:hover {
border-color: #f57250;
color: #ffffff;
background-color: #f57250;
} .social-icon-style-12 li a {
text-align: center;
display: inline-block;
color: #fff;
border-radius: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}
.social-icon-style-12 li a:before {
position: absolute;
height: 100%;
width: 100%;
display: block;
background: #ddd;
content: "";
z-index: -1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
border-radius: 100%;
}
.social-icon-style-12 li a:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.social-icon-style-12 li a i {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.social-icon-style-12 li a:hover i {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
color: #fff;
} .social-icon-style-13 .extra-small-icon a {
height: 31px;
width: 31px;
line-height: 26px;
}
.social-icon-style-13 .extra-small-icon a>i {
height: 29px;
width: 29px;
line-height: 28px;
}
.social-icon-style-13 .small-icon a {
height: 41px;
width: 41px;
line-height: 36px;
}
.social-icon-style-13 .small-icon a>i {
height: 39px;
width: 39px;
line-height: 38px;
}
.social-icon-style-13 .medium-icon a {
height: 51px;
width: 51px;
line-height: 46px;
}
.social-icon-style-13 .medium-icon a>i {
height: 49px;
width: 49px;
line-height: 48px;
}
.social-icon-style-13 .large-icon a {
height: 61px;
width: 61px;
line-height: 56px;
}
.social-icon-style-13 .large-icon a>i {
height: 59px;
width: 59px;
line-height: 58px;
}
.social-icon-style-13 .extra-large-icon a {
height: 71px;
width: 71px;
line-height: 66px;
}
.social-icon-style-13 .extra-large-icon a>i {
height: 69px;
width: 69px;
line-height: 68px;
}
.social-icon-style-13 a {
text-align: center;
display: inline-block;
color: #575858;
background-color: transparent;
border-radius: 100%;
position: relative;
z-index: 1;
height: 51px;
width: 51px;
line-height: 46px;
}
.social-icon-style-13 a>svg {
display: inline-block;
position: absolute;
top: -1px;
left: 0;
animation: reset-shap 0.3s linear forwards 1;
fill: transparent;
stroke: #000;
stroke-dasharray: 1600;
stroke-dashoffset: 1600;
stroke-width: 20px;
z-index: 0;
transform: rotate(-90deg);
transform-origin: center;
}
.social-icon-style-13 a:hover>svg {
animation: drow-shap 0.3s linear forwards 1;
}
.social-icon-style-13 a>i {
border: 1px solid #a5a5a5;
border-radius: 100%;
height: 49px;
width: 49px;
line-height: 48px;
}
.social-icon-style-13 a:hover {
color: #f90;
}
@keyframes reset-shap {
from {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: 1600;
}
}
@keyframes drow-shap {
from {
stroke-dashoffset: 1600;
}
to {
stroke-dashoffset: 0;
}
}
.social-icon-style-13 a.facebook-f>svg {
stroke: #3b5998;
}
.social-icon-style-13 a.twitter>svg {
stroke: #00aced;
}
.social-icon-style-13 a.google-plus-g>svg {
stroke: #dc4a38;
}
.social-icon-style-13 a.dribbble>svg {
stroke: #ea4c89;
}
.social-icon-style-13 a.youtube>svg {
stroke: #bb0000;
}
.social-icon-style-13 a.linkedin-in>svg {
stroke: #007bb6;
}
.social-icon-style-13 a.instagram>svg {
stroke: #FE1F49;
}
.social-icon-style-13 a.pinterest-p>svg {
stroke: #CB2027;
}
.social-icon-style-13 a.flickr>svg {
stroke: #ff0084;
}
.social-icon-style-13 a.rss>svg {
stroke: #f2890a;
}
.social-icon-style-13 a.behance>svg {
stroke: #1769ff;
}
.social-icon-style-13 a.vine>svg {
stroke: #00bf8f;
}
.social-icon-style-13 a.email>svg {
stroke: #7d7d7d;
}
.social-icon-style-13 a.sms>svg {
stroke: #ffbd00;
}
.social-icon-style-13 a.sharethis>svg {
stroke: #95D03A;
}
.social-icon-style-13 a.reddit>svg {
stroke: #ff4500;
}
.social-icon-style-13 a.tumblr>svg {
stroke: #32506d;
}
.social-icon-style-13 a.digg>svg {
stroke: #262626;
}
.social-icon-style-13 a.stumbleupon>svg {
stroke: #eb4924;
}
.social-icon-style-13 a.whatsapp>svg {
stroke: #25d366;
}
.social-icon-style-13 a.vk>svg {
stroke: #4c6c91;
}
.social-icon-style-13 a.weibo>svg {
stroke: #ff9933;
}
.social-icon-style-13 a.odnoklassniki>svg {
stroke: #d7772d;
}
.social-icon-style-13 a.xing>svg {
stroke: #1a7576;
}
.social-icon-style-13 a.print>svg {
stroke: #222222;
}
.social-icon-style-13 a.blogger>svg {
stroke: #ff8000;
}
.social-icon-style-13 a.flipboard>svg {
stroke: #e12828;
}
.social-icon-style-13 a.meneame>svg {
stroke: #ff6400;
}
.social-icon-style-13 a.mailru>svg {
stroke: #168de2;
}
.social-icon-style-13 a.delicious>svg {
stroke: #205cc0;
}
.social-icon-style-13 a.livejournal>svg {
stroke: #00b0ea;
}
.social-icon-style-13 a.vimeo-v>svg {
stroke: #1ab7ea
}
.social-icon-style-13 a.yelp>svg {
stroke: #b6322c;
}
.social-icon-style-13 a.discord>svg {
stroke: #7689d9
}
.social-icon-style-13 a.github>svg {
stroke: #f0cbb3
}
.social-icon-style-13 a.soundcloud>svg {
stroke: #ffa500
}
.social-icon-style-13 a.flickr>svg {
stroke: #ff0084
}
.social-icon-style-13 a.envelope>svg {
stroke: #e45146;
}
.social-icon-style-13 a.skype>svg {
stroke: #1eb7ec;
} .social-icon-style-14 {
position: relative;
}
.social-icon-style-14 a {
display: block;
position: relative;
text-align: center;
height: auto;
width: auto;
line-height: normal;
vertical-align: middle;
font-weight: 500
}
.social-icon-style-14 a:hover {
opacity: 0.7;
}
.social-icon-style-14 a>span.brand-icon {
margin-right: 7px;
}
.social-icon-style-14 ul {
margin-left: 0;
margin-right: 0;
}
.social-icon-style-14 ul li {
margin: 3px 0;
padding: 3px 14px;
position: relative;
}
.social-icon-style-14 ul li:before {
content: "";
width: 1px;
height: 10px;
position: absolute;
background-color: rgba(159, 159, 159, 0.2);
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
float: right;
}
.social-icon-style-14 ul li:last-child:before {
display: none;
}
.social-icon-style-14 ul.extra-large-icon li {
padding: 3px 24px;
}
.social-icon-style-14 ul.extra-large-icon li:before {
height: 25px;
}
.social-icon-style-14 ul.extra-small-icon li:before {
height: 13px;
}
.social-icon-style-14 ul.medium-icon li {
padding: 3px 18px;
}
.social-icon-style-14 ul.medium-icon li:before {
height: 15px;
}
.social-icon-style-14 ul.large-icon li {
padding: 3px 22px;
}
.social-icon-style-14 ul.large-icon li:before {
height: 15px;
} .social-icon-style-15 a {
display: inline-block;
border-radius: 100%;
position: relative;
text-align: center;
height: auto;
width: auto;
line-height: normal;
color: #808080;
font-weight: 500
}
.social-icon-style-15 a>span.brand-icon {
margin-right: 7px;
min-width: 14px;
}  .hongo-promo-popup-wrap {
max-width: 663px;
margin-left: auto;
margin-right: auto;
position: relative;
display: none;
}
.mfp-close-btn-in .hongo-promo-popup-wrap .mfp-close {
background: #fff;
color: #232323 !important;
right: -15px;
line-height: 36px;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .input-group {
width: 100%
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .input-group input.form-control,
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .input-group input.form-control:focus {
min-height: 32px;
border: 1px solid #d7d7d7;
border-radius: 0;
color: #707070;
background-color: transparent;
box-shadow: none;
height: auto;
padding: 0 50px 0 15px;
font-size: 11px;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .input-group-btn {
width: auto;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .btn,
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .btn-default:active:focus,
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .btn-default:active:hover,
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .btn-default:focus {
border: 0;
border-left: 1px solid #d7d7d7;
background-color: transparent;
padding: 0 12px;
color: #232323;
position: absolute;
right: 0;
top: 0;
z-index: 9 !important;
font-size: 20px;
font-weight: 500;
box-shadow: none;
outline: none;
border-radius: 0;
min-height: 32px;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .btn span {
outline: none;
display: none
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .btn .fa-arrow-right {
font-size: 17px;
top: -2px;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .btn .fa-arrow-right:before {
content: "\f105";
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter label {
font-size: 11px;
margin-top: 10px;
font-weight: 400
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter label input {
margin-top: 0;
vertical-align: middle;
float: none;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .mc4wp-error {
color: red;
font-size: 11px;
line-height: normal;
position: relative;
top: 3px;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter .mc4wp-error p {
margin: 0;
} .hongo-smart-product-wrap {
display: none;
border-radius: 5px;
visibility: visible;
opacity: 1;
z-index: 99;
color: #929292;
position: fixed;
background-color: #232323;
padding: 20px;
margin: 0;
float: left;
width: 300px;
bottom: 30px;
left: 30px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.hongo-smart-product-wrap .product-image {
float: left;
width: 55px;
margin-right: 17px;
}
.hongo-smart-product-wrap .smart-product-right-part {
display: table;
position: relative;
}
.hongo-smart-product-wrap .smart-product-right-part .product-title,
.hongo-smart-product-wrap .smart-product-right-part .product-title a {
font-size: 12px;
line-height: 12px;
color: #fff
}
.hongo-smart-product-wrap .hongo-smart-product-close {
position: absolute;
right: 12px;
top: 12px;
font-size: 8px;
cursor: pointer;
line-height: normal;
color: #fff
}
.hongo-smart-product-wrap .product-price {
margin-bottom: 5px;
}
.hongo-smart-product-wrap .star-rating {
float: left
}  .hongo-content-newsletter-1 {
padding: 12% 20%;
}
.hongo-content-newsletter-1 .newsletter-form-wrap {
display: inline-block;
width: 100%;
}
.hongo-content-newsletter-1 .mc4wp-alert {
margin-top: 10px;
}
.hongo-content-newsletter-1 .newsletter-sub-title {
background-color: #000000;
padding: 2px 20px 2px;
display: inline-block;
color: #fff;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 20px;
}
.hongo-content-newsletter-1 .newsletter-title {
font-size: 43px;
line-height: 50px;
color: #232323;
font-weight: 300;
margin-bottom: 20px;
}
.hongo-content-newsletter-1 .newsletter-content {
color: #ffffff;
font-size: 15px;
line-height: 24px
}
.hongo-content-newsletter-1 form {
margin-top: 6.5%;
}
.hongo-content-newsletter-1 input {
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(0, 0, 0, .70);
font-size: 13px;
color: rgba(0, 0, 0, .60);
padding: 10px 90px 12px 0;
height: auto;
background-color: transparent;
width: 100%;
}
.hongo-content-newsletter-1 input:focus {
border-bottom: 1px solid rgba(0, 0, 0, .60);
}
.hongo-content-newsletter-1 input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .60);
}
.hongo-content-newsletter-1 input::-moz-placeholder {
color: rgba(0, 0, 0, .60);
}
.hongo-content-newsletter-1 input:-ms-input-placeholder {
color: rgba(0, 0, 0, .60);
}
.hongo-content-newsletter-1 .input-group {
width: 100%;
position: relative;
}
.hongo-content-newsletter-1 .input-group-btn {
width: auto;
}
.hongo-content-newsletter-1 .btn .fa-arrow-right {
top: -1px;
margin-left: 2px;
}
.hongo-content-newsletter-1 .btn,
.hongo-content-newsletter-1 .btn-default:active:focus,
.hongo-content-newsletter-1 .btn-default:active:hover,
.hongo-content-newsletter-1 .btn-default:focus {
border: 0;
opacity: 1;
background-color: transparent;
padding: 6px 0;
color: #000;
position: absolute;
right: 0;
top: 5px;
z-index: 9 !important;
font-size: 12px;
font-weight: 500;
box-shadow: none;
outline: none;
}
.hongo-content-newsletter-1 .btn span {
outline: none;
}
.hongo-content-newsletter-1 .btn:hover {
opacity: .6
} .hongo-content-newsletter-2 {
padding: 24% 12%;
position: relative;
z-index: 2;
}
.hongo-content-newsletter-2 .newsletter-form-wrap {
display: inline-block;
width: 100%;
}
.hongo-content-newsletter-2 .newsletter-title {
font-size: 38px;
line-height: 42px;
color: #232323;
font-weight: 300;
margin-bottom: 5px;
}
.hongo-content-newsletter-2 .newsletter-sub-title {
font-size: 13px;
font-weight: 400;
margin-bottom: 10px;
color: #808080
}
.hongo-content-newsletter-2 form {
margin-top: 28px;
}
.hongo-content-newsletter-2 input {
border: 0;
border-radius: 50px !important;
color: #898989;
padding: 14px 110px 16px 35px;
height: auto;
background-color: #ffffff;
width: 100%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20) !important;
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20) !important;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20) !important
}
.hongo-content-newsletter-2 input::-webkit-input-placeholder {
color: #898989;
}
.hongo-content-newsletter-2 input::-moz-placeholder {
color: #898989;
opacity: 1;
}
.hongo-content-newsletter-2 input:-ms-input-placeholder {
color: #898989;
opacity: 1;
}
.hongo-content-newsletter-2 .input-group {
width: 100%;
position: relative;
margin: 0;
display: inline-block;
}
.hongo-content-newsletter-2 .input-group-btn {
width: auto;
position: absolute;
right: 0;
top: 8px;
z-index: 9 !important;
}
.hongo-content-newsletter-2 .btn,
.hongo-content-newsletter-2 .btn-default:active:focus,
.hongo-content-newsletter-2 .btn-default:active:hover,
.hongo-content-newsletter-2 .btn-default:focus {
border: 0;
background-color: transparent;
padding: 8px 20px 8px 20px;
color: #101010;
font-size: 12px;
font-weight: 500;
box-shadow: none;
outline: none;
border-radius: 50px;
}
.hongo-content-newsletter-2 .btn span {
outline: none;
display: none
}
.hongo-content-newsletter-2 .btn .fa-arrow-right {
font-weight: 100;
font-size: 20px;
}
.hongo-content-newsletter-2 .btn .fa-arrow-right:before {
content: "\f35a";
}
.hongo-content-newsletter-2 .btn:hover {
color: #808080;
} .hongo-content-newsletter-3 {
padding: 11% 12%;
position: relative;
z-index: 2;
background-color: #232323;
border-radius: 10px;
}
.hongo-content-newsletter-3 .newsletter-form-wrap {
display: inline-block;
width: 100%;
}
.hongo-content-newsletter-3 .newsletter-sub-title {
font-size: 12px;
line-height: 18px;
margin-bottom: 10px
}
.hongo-content-newsletter-3 .newsletter-title {
font-size: 30px;
line-height: 38px;
color: #ffffff;
margin-bottom: 15px;
}
.hongo-content-newsletter-3 .newsletter-content {
margin-bottom: 30px;
}
.hongo-content-newsletter-3 .newsletter-content p {
margin-bottom: 0;
}
.hongo-content-newsletter-3 .input-group input.form-control,
.hongo-content-newsletter-3 .input-group input.form-control:focus {
min-height: 39px;
border: 1px solid rgba(255, 255, 255, .10);
border-radius: 2px;
color: rgba(255, 255, 255, .5);
background-color: transparent;
box-shadow: none;
height: auto;
padding: 7px 55px 8px 15px;
}
.hongo-content-newsletter-3 .input-group input.form-control::-webkit-input-placeholder {
color: #fff;
opacity: 0.50;
}
.hongo-content-newsletter-3 .input-group input.form-control:-moz-placeholder {
color: #fff;
opacity: 0.50;
}
.hongo-content-newsletter-3 .input-group input.form-control::-ms-input-placeholder {
color: #fff;
opacity: 0.50;
}
.hongo-content-newsletter-3 .input-group {
width: 100%;
position: relative;
display: inline-block;
}
.hongo-content-newsletter-3 .input-group-btn {
width: auto;
position: absolute;
right: 0;
top: 1px;
z-index: 9 !important;
}
.hongo-content-newsletter-3 .btn,
.hongo-content-newsletter-3 .btn-default:active:focus,
.hongo-content-newsletter-3 .btn-default:active:hover,
.hongo-content-newsletter-3 .btn-default:focus {
border: 0;
border-left: 1px solid rgba(255, 255, 255, .10);
background-color: transparent;
padding: 6px 15px 6px 15px;
color: #ffffff;
font-size: 20px;
font-weight: 500;
box-shadow: none;
outline: none;
border-radius: 0;
min-height: 37px;
}
.hongo-content-newsletter-3 .btn span {
outline: none;
display: none
}
.hongo-content-newsletter-3 .btn .fa-arrow-right {
font-size: 17px;
top: -2px;
}
.hongo-content-newsletter-3 .btn .fa-arrow-right:before {
content: "\f105";
}
.hongo-content-newsletter-3 .btn:hover {
color: #808080;
} .hongo-content-newsletter-4 {
padding: 12% 20%;
}
.hongo-content-newsletter-4 .newsletter-form-wrap {
display: inline-block;
width: 100%;
}
.hongo-content-newsletter-4 .newsletter-sub-title {
display: inline-block;
color: #232323;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 20px;
}
.hongo-content-newsletter-4 .newsletter-title {
font-size: 25px;
line-height: 34px;
color: #232323;
font-weight: 600;
margin-bottom: 18px;
}
.hongo-content-newsletter-4 .newsletter-content {
font-size: 13px;
line-height: 22px;
margin-bottom: 33px;
}
.hongo-content-newsletter-4 form {
margin-bottom: 25px;
}
.hongo-content-newsletter-4 input,
.hongo-content-newsletter-4 input:focus {
border: 1px solid #dfdfdf;
border-radius: 25px !important;
font-size: 12px;
color: rgba(0, 0, 0, .50);
padding: 9px 145px 9px 25px;
height: auto;
background-color: #f2f2f2;
width: 100%;
min-height: 42px;
}
.hongo-content-newsletter-4 input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .50);
}
.hongo-content-newsletter-4 input::-moz-placeholder {
color: rgba(0, 0, 0, .50);
}
.hongo-content-newsletter-4 input:-ms-input-placeholder {
color: rgba(0, 0, 0, .50);
}
.hongo-content-newsletter-4 .input-group {
width: 100%;
position: relative;
margin: 0 auto;
}
.hongo-content-newsletter-4 .input-group-btn {
width: auto;
}
.hongo-content-newsletter-4 .btn,
.hongo-content-newsletter-4 .btn-default:active:focus,
.hongo-content-newsletter-4 .btn-default:active:hover,
.hongo-content-newsletter-4 .btn-default:focus {
border: 0;
background-color: #f57250;
padding: 6px 25px 6px;
color: #fff;
position: absolute;
right: 0;
top: 0px;
z-index: 9 !important;
font-size: 12px;
font-weight: 500;
box-shadow: none;
outline: none;
border-radius: 0 25px 25px 0;
min-height: 42px;
}
.hongo-content-newsletter-4 .btn span {
outline: none;
}
.hongo-content-newsletter-4 .btn i {
display: none
}
.hongo-content-newsletter-4 .btn:hover {
background-color: #000;
}
.hongo-content-newsletter-4 .small-icon {
margin: 0;
}
.hongo-content-newsletter-4 .small-icon li {
margin: 5px 10px;
} .hongo-content-newsletter-5 {
display: inline-block;
width: 100%;
}
.hongo-content-newsletter-5 .newsletter-form-wrap {
display: inline-block;
width: 100%;
}
.hongo-content-newsletter-5 .newsletter-sub-title {
display: inline-block;
color: #232323;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 20px;
}
.hongo-content-newsletter-5 .newsletter-title {
font-size: 25px;
line-height: 34px;
color: #232323;
font-weight: 600;
margin-bottom: 18px;
}
.hongo-content-newsletter-5 .newsletter-content {
font-size: 13px;
line-height: 22px;
margin-bottom: 33px;
}
.hongo-content-newsletter-5 .input-group .form-control {
width: calc(100% - 140px);
min-height: 38px;
}
.hongo-content-newsletter-5 input,
.hongo-content-newsletter-5 input:focus {
border: 1px solid rgba(255, 255, 255, .30);
border-radius: 0 !important;
font-size: 12px;
color: rgba(255, 255, 255, .50);
padding: 7px 12px 7px 12px;
height: auto;
background-color: transparent;
width: 100%;
}
.hongo-content-newsletter-5 input::-webkit-input-placeholder {
color: rgba(255, 255, 255, .50);
}
.hongo-content-newsletter-5 input::-moz-placeholder {
color: rgba(255, 255, 255, .50);
}
.hongo-content-newsletter-5 input:-ms-input-placeholder {
color: rgba(255, 255, 255, .50);
}
.hongo-content-newsletter-5 .input-group {
width: 100%;
position: relative;
}
.hongo-content-newsletter-5 .input-group-btn {
width: auto;
display: table;
}
.hongo-content-newsletter-5 .btn,
.hongo-content-newsletter-5 .btn-default:active:focus,
.hongo-content-newsletter-5 .btn-default:active:hover,
.hongo-content-newsletter-5 .btn-default:focus {
border: 0;
background-color: #ffffff;
padding: 5px 25px 5px;
color: #232323;
font-size: 12px;
font-weight: 600;
box-shadow: none;
outline: none;
border-radius: 0;
min-height: 38px;
margin-left: 10px !important;
}
.hongo-content-newsletter-5 .btn span {
outline: none;
}
.hongo-content-newsletter-5 .btn:hover {
background-color: #000;
color: #fff;
}
.hongo-content-newsletter-5 .btn .fa-arrow-right {
margin-left: 2px;
top: -1px;
}
.hongo-content-newsletter-5 .btn .fa-arrow-right:before {
content: "\f105";
font-size: 15px;
} .hongo-content-newsletter-6 .newsletter-sub-title { 
background-color: #000000;
padding: 4px 20px;
display: inline-block;
color: #fff;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 20px;
}
.hongo-content-newsletter-6 .newsletter-title {
font-size: 48px;
line-height: 55px;
color: #232323;
font-weight: 300;
margin-bottom: 30px;
}
.hongo-content-newsletter-6 .newsletter-form-wrap {
margin: 0 auto;
}
.hongo-content-newsletter-6 .btn,
.hongo-content-newsletter-6 .btn:active:focus,
.hongo-content-newsletter-6 .btn:focus,
.hongo-content-newsletter-6 .btn-default:active:hover{
padding-left: 8px;
padding-right: 8px;
background-color: #f57250;
border-color: #f57250;
height: 100%;
min-width: 54px;
color: #000;
font-size: 14px;
border-radius: 0 5px 5px 0;
}
.hongo-content-newsletter-6 .btn:hover i{
opacity: 0.8;
}
.hongo-content-newsletter-6 .input-group {
width: 100%;
}
.hongo-content-newsletter-6 .input-group-btn {
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 4;
height: 100%;
}
.hongo-content-newsletter-6 .btn i {
margin: 0;
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
}
.hongo-content-newsletter-6 .btn .fa-arrow-right:before {
content: "\e086";
}
.hongo-content-newsletter-6 .input-group .form-control {
height: 45px;
padding-right: 54px;
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
border-radius: 5px;
border: 0;
}
.hongo-content-newsletter-6 .btn span {
display: none;
} .newsletter-style-1.textwidget {
width: 53%;
position: relative
}
.newsletter-style-1.textwidget.hide-text .btn {
padding-left: 8px;
padding-right: 8px;
}
.newsletter-style-1.textwidget.hide-text .btn i {
margin: 0;
}
.newsletter-style-1.textwidget.hide-text input {
padding-right: 35px;
}
.newsletter-style-1.textwidget.hide-text .btn span {
display: none;
}
.newsletter-style-1 .input-group {
width: 100%;
}
.newsletter-style-1 input,
.newsletter-style-1 input:focus {
border-radius: 0;
border: 1px solid #303030;
padding: 5px 118px 5px 12px;
background-color: #303030;
color: #8a8a8a;
font-size: 13px;
font-weight: 500;
}
.newsletter-style-1 input::-webkit-input-placeholder {
color: #838383;
opacity: 1;
}
.newsletter-style-1 input:-moz-placeholder {
color: #838383;
opacity: 1;
}
.newsletter-style-1 input::-ms-input-placeholder {
color: #838383;
opacity: 1;
}
.newsletter-style-1 .input-group-btn {
position: absolute;
right: 1px;
top: 1px;
width: auto;
z-index: 4;
}
.newsletter-style-1 .btn,
.newsletter-style-1 .btn:active:focus,
.newsletter-style-1 .btn:active {
background-color: #303030;
border: 0;
font-size: 11px;
color: #8a8a8a;
outline: none;
min-height: 32px;
letter-spacing: normal;
margin: 0;
}
.newsletter-style-1 .btn:hover {
color: #b5b5b5;
}
.newsletter-style-1 .btn i {
margin-left: 4px;
top: 4px;
vertical-align: top
} .newsletter-style-2.textwidget {
width: 85%;
position: relative;
display: inline-block;
}
.newsletter-style-2.textwidget.hide-text .btn {
padding-left: 8px;
padding-right: 8px;
}
.newsletter-style-2.textwidget.hide-text .btn i {
margin: 0;
}
.newsletter-style-2.textwidget.hide-text input {
padding-right: 35px;
}
.newsletter-style-2.textwidget.hide-text .btn span {
display: none;
}
.newsletter-style-2 .input-group {
width: 100%;
}
.newsletter-style-2 input {
border-radius: 30px !important;
border: 1px solid #1c1c1c;
padding: 4px 118px 6px 20px;
background-color: #1c1c1c;
color: #b7b7b7;
font-size: 11px;
font-weight: 600;
height: 36px;
}
.newsletter-style-2 .form-control:focus {
border: 1px solid #1c1c1c;
}
.newsletter-style-2 input::-webkit-input-placeholder {
color: #6b6b6b;
opacity: 1;
}
.newsletter-style-2 input:-moz-placeholder {
color: #6b6b6b;
opacity: 1;
}
.newsletter-style-2 input::-ms-input-placeholder {
color: #6b6b6b;
opacity: 1;
}
.newsletter-style-2 .input-group-btn {
position: absolute;
right: 1px;
top: 1px;
width: auto;
z-index: 4;
}
.newsletter-style-2 .btn,
.newsletter-style-2 .btn:active,
.newsletter-style-2 .btn:active:focus {
background-color: #1c1c1c;
color: #b7b7b7;
border: 0;
font-size: 11px;
color: #b7b7b7;
padding: 3px 18px 3px 18px;
outline: none;
min-height: 34px;
letter-spacing: normal;
border-radius: 0 30px 30px 0;
}
.newsletter-style-2 .btn:hover {
color: #fff;
}
.newsletter-style-2 .btn i {
margin-left: 4px;
margin-top: 0px;
} .newsletter-style3-title {
background-color: #000000;
padding: 1px 20px 1px;
display: inline-block;
color: #fff;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 5px;
}
.newsletter-style3-description {
color: #232323;
font-size: 18px;
line-height: 26px;
display: block;
padding: 0 5%;
}
.newsletter-style-3 form {
margin-top: 40px;
}
.newsletter-style-3 input {
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(0, 0, 0, .70);
color: rgba(0, 0, 0, .60);
padding: 10px 90px 12px 0;
height: auto;
background-color: transparent;
width: 100%;
}
.newsletter-style-3 input:focus {
border-bottom: 1px solid rgba(0, 0, 0, .60);
}
.newsletter-style-3 input::-webkit-input-placeholder {
color: rgba(0, 0, 0, .60);
}
.newsletter-style-3 input::-moz-placeholder {
color: rgba(0, 0, 0, .60);
}
.newsletter-style-3 input:-ms-input-placeholder {
color: rgba(0, 0, 0, .60);
}
.newsletter-style-3 .input-group {
width: 100%;
position: relative;
}
.newsletter-style-3 .input-group-btn {
width: auto;
}
.newsletter-style-3 .btn .fa-arrow-right {
top: -1px;
margin-left: 2px;
}
.newsletter-style-3 .btn,
.newsletter-style-3 .btn-default:active:focus,
.newsletter-style-3 .btn-default:active:hover,
.newsletter-style-3 .btn-default:focus {
border: 0;
opacity: 1;
background-color: transparent;
padding: 6px 0;
color: #000;
position: absolute;
right: 0;
top: 5px;
z-index: 9 !important;
font-size: 12px;
font-weight: 500;
box-shadow: none;
outline: none;
}
.newsletter-style-3 .btn span {
outline: none;
}
.newsletter-style-3 .btn:hover {
opacity: .6
} .newsletter-style-5.textwidget .btn {
padding-left: 8px;
padding-right: 8px;
background-color: #f57250;
border-color: #f57250;
height: 100%;
min-width: 54px;
color: #000;
font-size: 14px;
}
.newsletter-style-5.textwidget .btn:hover i{
opacity: 0.8;
}
.newsletter-style-5 .input-group {
width: 100%;
border-radius: 3px;
overflow: hidden;
}
.newsletter-style-5 .input-group-btn {
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 4;
height: 100%;
}
.newsletter-style-5.textwidget.hide-text .btn i {
margin: 0;
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.newsletter-style-5.textwidget.hide-text .btn .fa-arrow-right:before {
content: "\e086";
}
.newsletter-style-5.textwidget.hide-text input {
height: 45px;
padding-right: 54px;
}
.newsletter-style-5.textwidget.hide-text .btn span {
display: none;
} .video-wrapper {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.html-video {
background-color: #000;
height: auto;
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
z-index: 0;
}
.video-wrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: -5px !important;
width: 100%;
}
.video-background {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
top: 0;
background-color: rgba(67, 67, 67, 0.5)
}
.external-fit-videos {
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: -1;
}
.hongo-vimeo-bg-video {
width: 100%;
display: inline-block;
position: absolute;
top: 0;
height: 100%;
left: 0;
right: 0;
z-index: -1
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}
.hongo-popup-video {
position: relative;
padding: 20px;
width: auto;
max-width: 900px;
margin: 20px auto;
}
.hongo-vimeo-bg-video .fluid-width-video-wrapper {
padding-bottom: 56.25% !important;
padding-top: 0 !important;
height: 100%;
}  .popup-icon-middle {
position: absolute;
font-size: 18px;
color: #232323;
text-align: center;
font-weight: 500;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup-icon-middle img {
max-width: 68px;
}
.popup-icon {
-webkit-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
color: #fff;
}
.popup-icon span {
position: relative;
width: 65px;
height: 65px;
margin: 0;
display: inline-block;
line-height: 62px;
}
.popup-icon:hover span:before {
box-shadow: 0 0 0 4px #fff;
}
.popup-icon:hover span,
.popup-icon:hover span:before {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.popup-icon span:before {
display: block;
position: absolute;
content: ' ';
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 0 4px #fff;
box-shadow: 0 0 0 4px #fff;
z-index: 10;
border-radius: 200px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
-o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.popup-icon span:after {
content: " ";
height: 750px;
width: 65px;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
background: transparent;
opacity: 0;
-webkit-transition: background .5s linear;
-o-transition: background .5s linear;
transition: background .5s linear;
}
.popup-icon:hover span:after {
background: #fff;
-webkit-animation: 1s pulse-circle linear;
animation: 1s pulse-circle linear;
}
.popup-icon i {
color: #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: 2px;
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
} @keyframes pulse-circle {
0% {
animation-timing-function: ease-in;
transform: scale(1.4);
opacity: 0.05
}
30% {
transform: scale(2);
opacity: .15
}
100% {
animation-timing-function: ease-in-out;
transform: scale(2.3);
opacity: 0
}
}
@-webkit-keyframes pulse-circle {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: scale(1);
opacity: 0
}
50% {
-webkit-transform: scale(2);
opacity: .15
}
100% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: scale(2.3);
opacity: 0
}
} .popup-icon-title {
margin: 45px 30px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.popup-icon-title .icon-image-left {
display: inline-block;
vertical-align: middle;
float: none;
margin-right: 12px;
color: #fff;
border: 2px solid #fff;
text-align: center;
border-radius: 100%;
width: 30px;
height: 30px;
line-height: 26px;
}
.popup-icon-title .icon-image-left i {
margin-left: 2px;
}
.popup-icon-title .popup-btn-title {
display: inline-block;
font-size: 16px;
color: #ffffff;
font-weight: 500;
width: calc(100% - 42px);
vertical-align: middle;
}
.popup-icon-title .icon-image-right {
order: 2;
display: inline-block;
vertical-align: middle;
margin-left: 12px;
color: #fff;
border: 2px solid #fff;
text-align: center;
border-radius: 100%;
width: 30px;
height: 30px;
line-height: 26px;
}
.popup-icon-title .icon-image-right i {
margin-left: 2px;
}
.text-center .popup-icon-title {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.text-center .popup-icon-title .popup-btn-title {
max-width: calc(100% - 42px);
width: auto;
} .icon-image-left {
margin-right: 7px;
float: left;
position: relative;
top: -1px;
}
.icon-image-right {
margin-left: 7px;
float: right;
position: relative;
top: -1px;
}  .single-post-meta-wrap {
padding: 15px 0;
border-bottom: 1px solid #e6e6e6;
}
.hongo-single-post-meta ul {
list-style: none;
padding: 0;
margin: 0;
}
.hongo-single-post-meta ul li {
display: inline-block;
color: #888888;
font-size: 12px;
line-height: normal;
font-weight: 400;
}
.hongo-single-post-meta ul li a,
.breadcrumb ul li {
font-size: 12px;
line-height: normal;
font-weight: 400;
color: #888888;
}
.hongo-single-post-meta ul li a:hover {
color: #fff
}
.hongo-single-post-meta ul>li:after {
content: "|";
font-weight: 100;
padding: 0 11px 0 11px;
position: relative;
top: 0px;
font-size: 11px;
opacity: .6;
}
.hongo-single-post-meta ul>li:last-child:after {
border-right: 0;
content: "";
padding: 0
}
.hongo-single-post-meta ul .post-details-separator {
display: none;
}
.hongo-main-title-wrap {
text-align: center;
padding: 28px 0;
overflow: hidden;
position: relative;
z-index: 0;
word-break: break-word;
}
.hongo-main-title {
font-weight: 500;
margin: 0;
font-size: 18px;
position: relative;
padding: 0;
line-height: 24px;
margin-top: 5px;
}
.top-space.hongo-main-title-wrap {
margin-top: 61px;
}
.hongo-main-subtitle {
margin-top: 4px;
color: #888888;
font-size: 12px;
}
.hongo-main-title-wrap .hongo-overlay {
z-index: 0;
}
.page-title-slider {
position: absolute;
top: 0;
z-index: 0;
}
.hongo-main-title-wrap .text-left .hongo-main-title {
margin-top: 0;
}
.hongo-main-title-wrap .text-right .hongo-main-title {
margin-top: 0;
}
.hongo-single-post-title-wrap .hongo-single-post-meta {
margin-top: 15px;
}
.hongo-main-title-wrap .down-section {
bottom: 25px;
} .page-title-style-3 .hongo-main-title {
font-size: 26px;
line-height: 1.3;
margin-bottom: 3px;
margin-top: 0;
}
.page-title-style-3 .hongo-main-subtitle {
margin-top: 0;
font-size: 13px
}
.page-title-style-3 .breadcrumb ul {
margin: 3px 0 0;
} .page-title-style-4 .hongo-main-title {
font-size: 38px;
line-height: 40px;
margin: 0 auto 3px;
width: 47%;
color: #ffffff;
font-weight: 400;
letter-spacing: -1px;
}
.page-title-style-4 .text-left .hongo-main-title {
margin-left: 0;
}
.page-title-style-4 .text-right .hongo-main-title {
margin-right: 0;
}
.page-title-style-4 .hongo-main-subtitle {
margin-top: 0;
margin-bottom: 5px;
font-size: inherit;
font-weight: 400;
}
.page-title-style-4 .breadcrumb ul {
margin-bottom: 0;
margin-top: 10px
}
.page-title-style-4 .breadcrumb ul li a:hover {
color: #fff;
} .page-title-style-5 .hongo-main-title {
font-size: 40px;
line-height: 40px;
margin: 0 auto;
width: 35%;
color: #ffffff;
letter-spacing: -1px;
}
.page-title-style-5 .hongo-main-subtitle {
margin-top: 0;
margin-bottom: 15px;
font-size: 11px;
display: inline-block;
padding: 0px 15px;
color: #fff;
}
.page-title-style-5 .breadcrumb ul {
margin-top: 10px;
}
.page-title-style-5 .text-left .hongo-main-title {
margin-left: 0;
}
.page-title-style-5 .text-right .hongo-main-title {
margin-right: 0;
}
.page-title-style-5 .hongo-post-details-meta {
margin-top: 0;
margin-top: 15px;
font-size: 12px;
background: #000;
display: inline-block;
padding: 5px 20px 4px;
color: #fff;
border-radius: 4px
}
.page-title-style-5 .hongo-single-post-meta ul li a,
.page-title-style-5 .hongo-single-post-meta ul li {
color: #fff
}
.page-title-style-5 .hongo-single-post-meta ul li a:hover {
color: #f57250
} .page-title-style-6 .hongo-main-title {
font-size: 34px;
line-height: 1.2;
font-weight: 300;
color: #232323;
width: 28%;
}
.page-title-style-6 .text-left .hongo-main-title {
margin-left: 0;
margin-right: auto;
}
.page-title-style-6 .text-right .hongo-main-title {
margin-right: 0;
margin-left: auto;
}
.page-title-style-6 .text-center .hongo-main-title {
margin-left: auto;
margin-right: auto;
}
.page-title-style-6 .hongo-main-subtitle {
margin-bottom: 7px;
font-size: 13px;
color: #808080;
line-height: 18px;
}
.page-title-style-6 .breadcrumb ul {
margin-top: 10px
}
.page-title-style-6 .breadcrumb ul li a,
.page-title-style-6 .breadcrumb ul li {
font-size: 12px;
color: #232323;
line-height: 18px;
} .page-title-style-7.hongo-main-title-wrap .hongo-overlay {
z-index: 1;
}
.page-title-style-7 .container,
.page-title-style-7 .container-fluid,
.page-title-style-7 .container-fluid-with-padding {
position: relative;
z-index: 2
}
.page-title-style-7 .hongo-main-title {
font-size: 43px;
line-height: 44px;
margin: 0 auto 8px;
color: #ffffff;
font-weight: 500;
width: 47%;
}
.page-title-style-7 .hongo-main-title {
letter-spacing: -1px;
}
.page-title-style-7 .text-left .hongo-main-title {
margin-left: 0;
}
.page-title-style-7 .text-right .hongo-main-title {
margin-right: 0;
}
.page-title-style-7 .hongo-main-subtitle {
margin-top: 0;
margin-bottom: 10px;
font-size: inherit;
}
.page-title-style-7 .breadcrumb ul {
margin-bottom: 5px;
margin-top: 17px;
}
.page-title-style-7 .breadcrumb ul li a:hover {
color: #fff;
} .page-title-style-8.hongo-main-title-wrap .hongo-overlay {
z-index: 1;
opacity: .65
}
.page-title-style-8 .container,
.page-title-style-8 .container-fluid,
.page-title-style-8 .container-fluid-with-padding {
position: relative;
z-index: 2
}
.page-title-style-8 .hongo-main-title {
font-size: 43px;
line-height: 44px;
margin: 0 auto;
width: 48%;
color: #ffffff;
font-weight: 500;
clear: both;
}
.page-title-style-8 .hongo-main-title {
letter-spacing: -1px;
}
.page-title-style-8 .text-left .hongo-main-title {
margin-left: 0;
}
.page-title-style-8 .text-right .hongo-main-title {
margin-right: 0;
}
.page-title-style-8 .hongo-main-subtitle {
margin-top: 10px;
margin-bottom: 0;
font-size: inherit
}
.page-title-style-8 .breadcrumb ul {
margin-top: 40px;
}
.page-title-style-8 .breadcrumb ul li a:hover {
color: #fff;
} .page-title-style-9.hongo-main-title-wrap {
padding: 18px 0
}
.page-title-style-9.hongo-main-title-wrap .hongo-main-title {
font-size: 16px;
} .hongo-main-title-wrap .hongo-default-title-breadcrumb {
margin: 5px auto 0;
display: inline-block;
}
.hongo-main-title-wrap .hongo-default-title-breadcrumb li {
float: left;
margin: 0 10px;
}
.hongo-main-title-wrap .hongo-default-title-breadcrumb li:last-child {
margin-right: 0;
}
.hongo-main-title-wrap .hongo-default-title-breadcrumb li:first-child {
margin-left: 0;
}
.hongo-main-title-wrap .hongo-default-title-breadcrumb li:last-child:after {
display: none;
}
.hongo-main-title-wrap .hongo-default-title-breadcrumb li span {
padding: 0 3px;
}
.hongo-main-title-wrap .hongo-default-title-breadcrumb li:after {
content: "\e606";
font-family: 'simple-line-icons';
font-size: 10px;
color: #232323;
top: 1px;
position: relative;
cursor: pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.breadcrumb {
background-color: transparent;
border-radius: 0;
padding: 0;
margin: 0;
}
.breadcrumb ul {
list-style: none;
padding: 0;
margin: 0;
}
.breadcrumb ul li {
display: inline-block;
}
.breadcrumb ul li a,
.breadcrumb ul li {
font-size: 12px;
line-height: normal;
color: #808080;
}
.breadcrumb ul li a:hover {
color: #fff
}
.breadcrumb ul>li:after {
content: "|";
font-weight: 100;
padding: 0 11px 0 11px;
position: relative;
top: 0px;
font-size: 10px;
opacity: .8;
}
.breadcrumb ul>li:last-child:after {
border-right: 0;
content: "";
padding: 0
}
.hongo-main-breadcrumb {
padding: 13px 0;
border-bottom: 1px solid #e6e6e6;
background-color: #fff;
}
.hongo-main-breadcrumb .breadcrumb {
margin: 0;
} .breadcrumb-navigation-wrap .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.breadcrumb-navigation-wrap {
padding: 0;
overflow: visible;
width: 100%;
}
.breadcrumb-navigation-wrap ul.breadcrumb-wrap {
padding: 0;
margin: 0 0 25px;
list-style: none;
display: inline-block;
}
.breadcrumb-navigation-wrap ul.breadcrumb-wrap li {
float: left;
margin: 0 22px 0 0;
position: relative;
vertical-align: middle;
}
.breadcrumb-navigation-wrap ul.breadcrumb-wrap li:first-child {
margin-left: 0;
}
.breadcrumb-navigation-wrap ul.breadcrumb-wrap li,
.breadcrumb-navigation-wrap ul.breadcrumb-wrap li a {
font-size: 10px;
line-height: normal;
font-weight: 400;
color: #808080;
text-transform: uppercase;
}
.breadcrumb-navigation-wrap ul.breadcrumb-wrap li a:hover {
color: #f57250;
}
.breadcrumb-navigation-wrap ul.breadcrumb-wrap li:last-child:after {
display: none;
}
.breadcrumb-navigation-wrap ul.breadcrumb-wrap li:after {
content: "\e606";
font-family: 'simple-line-icons';
font-size: 7px;
color: #808080;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
position: absolute;
right: -15px;
}
.navigation-wrap {
opacity: 0;
visibility: hidden;
float: right;
position: fixed;
z-index: 99;
right: 25px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.single-product-navigation .navigation-wrap {
opacity: 1;
visibility: visible;
}
.navigation-wrap ul.hongo-page-navigation-link {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
float: left;
}
.navigation-wrap ul.hongo-page-navigation-link li {
margin: 10px 0;
padding: 0 0 0 20px;
position: relative;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigation-wrap ul.hongo-page-navigation-link li i {
display: block;
}
.navigation-wrap ul.hongo-page-navigation-link li>a {
padding-top: 7px;
font-size: 15px;
line-height: normal;
font-weight: 600;
color: #808080;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.navigation-wrap ul.hongo-page-navigation-link li>a:hover,
.navigation-wrap ul.hongo-page-navigation-link li:hover>a {
-webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
-o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
background-position: 0%;
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details {
border-radius: 3px;
right: 90px;
visibility: hidden;
opacity: 0;
z-index: 1;
position: absolute;
background-color: #232323;
padding: 10px;
margin: 0;
float: left;
width: 220px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.navigation-wrap ul.hongo-page-navigation-link li:hover .hongo-navigation-post-details {
right: 42px;
visibility: visible;
opacity: 1;
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details:after {
left: 100%;
top: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #232323;
border-width: 7px;
margin-top: -7px;
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details .left-part-image {
float: left;
width: 45px;
margin-right: 12px;
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details img {
width: 100%;
border-radius: 2px
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details .right-part-content {
display: table;
position: relative;
top: 3px
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details .right-part-content .product-title {
display: block;
font-size: 12px;
color: #fff;
font-weight: 500;
line-height: 16px;
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details .right-part-content a:hover .product-title {
color: #D6D6D6
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details .right-part-content span.amount {
font-weight: 500;
font-size: 11px;
color: #878787;
margin-top: 0;
line-height: normal;
}
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details .right-part-content del,
.navigation-wrap ul.hongo-page-navigation-link li .hongo-navigation-post-details .right-part-content ins {
display: inline-block
} .down-section a {
background-color: #fff;
width: 37px;
height: 37px;
line-height: 35px;
border-radius: 100%;
display: inline-block;
border: 2px solid #fff;
}
.down-section a:hover {
background-color: #f57250;
border: 2px solid #f57250;
}
.down-section a:hover i {
color: #fff;
}
.down-section {
position: absolute;
width: 100%;
bottom: 35px;
left: 0;
right: 0;
z-index: 9;
}
.down-section-link {
border: 2px solid #fff;
background: #fff;
box-shadow: 0 0 6px rgba(23, 23, 23, .25);
border-radius: 100%;
width: 35px;
height: 35px;
line-height: 32px;
display: inline-block;
}
.down-section-link:hover {
background-color: #232323;
border: 2px solid #232323;
}
.down-section-link:hover i {
color: #fff;
}
.down-section-link i {
color: #232323;
} .swiper-slide-duplicate,
.hongo-slide-inner-wrapper {
height: 100% !important;
} .slider-text-middle-main {
display: table;
height: 100%;
width: 100%
}
.slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.slider-typography {
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: 0;
z-index: 9999
} .slider-text-bottom {
display: table-cell;
vertical-align: bottom;
} .slider-text-top {
display: table-cell;
vertical-align: top;
} .swiper-button-next,
.swiper-button-prev {
opacity: .7;
padding: 10px;
outline: none;
background: none;
width: auto;
height: auto;
margin: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
pointer-events: auto !important;
}
.swiper-button-next i,
.swiper-button-prev i {
color: #000;
outline: none;
font-size: 16px;
line-height: normal;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.swiper-button-next {
right: 50px;
}
.swiper-button-prev {
left: 50px;
}
.swiper-button-disabled {
opacity: .35;
}
.hongo_widget_products_carousel .swiper-button-next,
.hongo-product-lists-widget-wrap .swiper-button-next,
.hongo-woocommerce-product-lists.hongo-product-lists-slider .swiper-button-next {
right: 0;
}
.hongo_widget_products_carousel .swiper-button-prev,
.hongo-product-lists-widget-wrap .swiper-button-prev,
.hongo-woocommerce-product-lists.hongo-product-lists-slider .swiper-button-prev {
right: 15px;
left: inherit;
}
.hongo_widget_products_carousel .swiper-button-next,
.hongo_widget_products_carousel .swiper-button-prev,
.hongo-product-lists-widget-wrap .swiper-button-next,
.hongo-product-lists-widget-wrap .swiper-button-prev,
.hongo-related-products.swiper-container .swiper-button-next,
.hongo-related-products.swiper-container .swiper-button-prev,
.hongo-up-sells-products.swiper-container .swiper-button-next,
.hongo-up-sells-products.swiper-container .swiper-button-prev,
.cross-sells .swiper-container .swiper-button-next,
.cross-sells .swiper-container .swiper-button-prev,
.hongo-woocommerce-product-lists.hongo-product-lists-slider .swiper-button-next,
.hongo-woocommerce-product-lists.hongo-product-lists-slider .swiper-button-prev {
top: -1px;
padding: 0;
margin-top: 0;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.hongo-woocommerce-product-lists.hongo-product-lists-slider ul.products .swiper-button-next,
.hongo-woocommerce-product-lists.hongo-product-lists-slider ul.products .swiper-button-prev {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo_widget_products_carousel .swiper-button-next i,
.hongo_widget_products_carousel .swiper-button-prev i,
.hongo-product-lists-widget-wrap .swiper-button-next i,
.hongo-product-lists-widget-wrap .swiper-button-prev i,
.hongo-related-products.swiper-container .swiper-button-next i,
.hongo-related-products.swiper-container .swiper-button-prev i,
.hongo-up-sells-products.swiper-container .swiper-button-next i,
.hongo-up-sells-products.swiper-container .swiper-button-prev i,
.cross-sells .swiper-container .swiper-button-next i,
.cross-sells .swiper-container .swiper-button-prev i,
.hongo-woocommerce-product-lists.hongo-product-lists-slider .swiper-button-next i,
.hongo-woocommerce-product-lists.hongo-product-lists-slider .swiper-button-prev i {
color: #000;
font-size: 12px;
}
.hongo-related-products.swiper-container .swiper-button-next,
.hongo-up-sells-products.swiper-container .swiper-button-next,
.cross-sells .swiper-container .swiper-button-next {
right: 0;
margin-top: 0
}
.hongo-related-products.swiper-container .swiper-button-prev,
.hongo-up-sells-products.swiper-container .swiper-button-prev,
.cross-sells .swiper-container .swiper-button-prev {
right: 15px;
left: inherit;
margin-top: 0
}
.hongo-sidebar-style-2.sidebar .widget.hongo_widget_products_carousel .swiper-button-next,
.hongo-sidebar-style-2.sidebar .widget.hongo_widget_products_carousel .swiper-button-prev {
top: 29px;
}
.sidebar .widget .hongo-product-lists-widget-wrap .swiper-button-next,
.sidebar .widget .hongo-product-lists-widget-wrap .swiper-button-prev {
top: -1px;
}
.hongo-sidebar-style-2.sidebar .widget.hongo_widget_products_carousel .swiper-button-next {
right: 30px;
}
.hongo-sidebar-style-2.sidebar .widget.hongo_widget_products_carousel .swiper-button-prev {
right: 45px;
}
.swiper-button-next:after,
.swiper-button-prev:after{
display:none;
} .swiper-pagination {
width: 100%;
bottom: 30px !important;
}
.swiper-pagination-bullet {
vertical-align: middle;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.swiper-pagination-dots .swiper-pagination-bullet {
width: 10px;
height: 10px;
opacity: 0.15;
outline: none;
background-color: #151515;
border-radius: 50%;
margin-left: 4px;
margin-right: 4px;
text-indent: -9999px;
}
.swiper-pagination-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-container-vertical .swiper-pagination {
width: auto;
right: 40px;
bottom: unset !important
}
.swiper-pagination-white .swiper-pagination-bullet {
background-color: #fff;
} .swiper-pagination-square .swiper-pagination-bullet {
height: 3px;
width: 30px;
border-radius: 0;
margin: 0 4px !important;
background-color: #000;
opacity: 0.35;
outline: none;
}
.swiper-pagination-square .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-pagination-square .swiper-pagination-bullet {
text-indent: -9999px;
}
.swiper-container-vertical.swiper-pagination-square .swiper-pagination-bullet {
margin: 10px 0 !important;
} .swiper-pagination-border .swiper-pagination-bullet {
width: 10px;
height: 10px;
opacity: 1;
outline: none;
border: 2px solid #fff;
vertical-align: middle;
position: relative;
text-indent: -9999px;
opacity: 1;
background-color: transparent;
margin: 0 5px !important;
}
.swiper-pagination-border .swiper-pagination-bullet-active {
background-color: #fff !important;
}
.swiper-container-vertical.swiper-pagination-border .swiper-pagination-bullet {
margin: 7px auto !important
}
.swiper-container-vertical.swiper-pagination-border .swiper-pagination {
text-align: center;
vertical-align: middle
} .swiper-pagination-number .swiper-pagination-bullets {
right: 0;
position: absolute;
z-index: 9;
left: 0;
width: 100%;
top: inherit;
text-align: center;
}
.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet {
width: auto;
height: auto;
opacity: 1;
background-color: transparent;
color: #232323;
font-weight: 500;
margin: 0 8px;
padding: 0 8px;
position: relative;
text-align: center;
display: inline-block;
outline: none;
font-size: 12px;
}
.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet-active {
color: #fff;
}
.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet:after {
content: "";
left: inherit;
right: -14px;
top: 50%;
opacity: .3;
width: 12px;
height: 1px;
position: absolute;
color: #232323;
background-color: #232323;
font-weight: 400;
}
.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet:last-child:after {
display: none;
}
.swiper-container-vertical.swiper-pagination-number .swiper-pagination-bullets {
right: 48px;
position: absolute;
z-index: 9;
left: auto;
width: auto;
top: 50%;
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
bottom: inherit !important;
}
.swiper-container-vertical.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet {
min-width: 28px;
min-height: 1px;
opacity: 1;
background-color: transparent;
color: #0c080a;
font-weight: 500;
margin: 10px 0;
padding: 0;
position: relative;
text-align: center;
display: block;
outline: none;
font-size: 12px;
}
.swiper-container-vertical.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet-active {
color: #ffffff;
}
.swiper-container-vertical.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet-active:after {
background-color: #ffffff;
width: 28px;
height: 1px;
content: "";
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
position: absolute;
display: block !important;
}
.swiper-container-vertical.swiper-pagination-number .swiper-pagination-bullets .swiper-pagination-bullet:after {
display: none;
} .hongo-numeric-next,
.hongo-numeric-prev {
color: #fff;
font-size: 18px;
line-height: normal;
padding-left: 3px;
padding-right: 3px;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.hongo-numeric-next:hover,
.hongo-numeric-prev:hover {
opacity: .7
}
.hongo-numeric-next:after,
.hongo-numeric-prev:after {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 1px;
width: 100%;
background-color: rgba(255, 255, 255, 0.30);
opacity: .7;
display: block !important;
} .white-move .swiper-slide {
cursor: url(//fotohandeldelfshaven.com/wp-content/themes/hongo/assets/images/icon-move-light.png), move;
}
.black-move .swiper-slide {
cursor: url(//fotohandeldelfshaven.com/wp-content/themes/hongo/assets/images/icon-move-black.png), move;
} .cursor-default {
cursor: default
} .pagination-bottom-space,
.woocommerce-cart .cross-sells .swiper-container.pagination-bottom-space {
padding-bottom: 60px
}
.pagination-bottom-space .swiper-pagination {
bottom: 5px !important;
}
.pagination-bottom-space .swiper-button-next,
.pagination-bottom-space .swiper-button-prev {
margin-top: -38px;
} .half-small-slider-screen {
min-height: 630px
}
.half-screen-slider {
min-height: 760px
}
.small-screen-slider {
min-height: 430px
} .swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.slider-full-screen {
height: 1080px;
} .hongo-shop-slider-style-1 .container,
.hongo-shop-slider-style-1 .container-fluid {
position: relative;
}
.hongo-shop-slider-style-1 .hongo-slider-text-middle-main {
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: 0;
}
.hongo-shop-slider-style-1 .hongo-slider-text-middle {
display: table;
height: 100%;
width: 100%;
}
.hongo-shop-slider-style-1 .hongo-slider-text-middle-warp {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap {
float: right;
position: relative;
right: 14%;
width: 520px;
display: block;
padding: 5.5%;
background: rgba(4, 16, 74, .7);
border-radius: 10px;
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap .title {
color: #ffffff;
font-size: 70px;
line-height: 65px;
font-weight: 300;
text-transform: none;
margin-bottom: 35px;
margin-left: -4px;
letter-spacing: -2px
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap .title strong {
font-weight: 500;
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap .subtitle {
color: #ffffff;
font-size: 14px;
line-height: normal;
letter-spacing: .5px;
margin-bottom: 15px;
display: block;
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap p {
color: #ffffff;
line-height: 24px;
font-weight: 300;
width: 95%;
display: inline-block;
font-size: 16px
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap .price {
color: #ffffff;
font-size: 20px;
line-height: normal;
font-weight: 500;
margin-bottom: 20px;
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap .price del {
margin-right: 10px;
}
.hongo-shop-slider-style-1 .hongo-slider-typography-wrap .btn {
margin-top: 10px;
}
.hongo-shop-slider-style-1 .left-content .hongo-slider-typography-wrap {
float: left;
right: inherit;
left: 14%;
}
.hongo-shop-slider-style-1 .center-content .hongo-slider-typography-wrap {
margin: 0 auto;
width: 600px;
right: 0;
left: 0;
float: none;
}
.hongo-shop-slider-style-1 .center-content .hongo-slider-typography-wrap p {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.hongo-shop-slider-style-1 .center-content .hongo-slider-typography-wrap .price {
margin-left: auto;
margin-right: auto;
} .hongo-shop-slider-style-2 .container,
.hongo-shop-slider-style-2 .container-fluid {
position: relative
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap {
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: 0;
}
.hongo-shop-slider-style-2 .hongo-slider-text-middle-main {
display: table;
height: 100%;
width: 100%;
}
.hongo-shop-slider-style-2 .hongo-slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap .title {
color: #232323;
font-size: 70px;
line-height: 65px;
font-weight: 600;
text-transform: none;
margin-bottom: 25px;
margin-left: -4px;
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap .subtitle {
font-size: 12px;
line-height: normal;
font-weight: 500;
margin-bottom: 10px;
display: block;
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap .title strong {
font-weight: 600;
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap p {
font-size: 16px;
line-height: 22px;
font-weight: 300;
width: 330px;
display: inline-block;
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap .price {
color: #121212;
font-size: 20px;
line-height: normal;
font-weight: 500;
margin-bottom: 10px;
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap .price del {
margin-right: 10px;
}
.hongo-shop-slider-style-2 .hongo-slider-typography-wrap .btn {
margin-top: 5px;
}
.hongo-shop-slider-style-2 .hongo-slider-text-wrap {
width: 420px;
}
.hongo-shop-slider-style-2 .right-content .hongo-slider-text-wrap {
float: right
}
.hongo-shop-slider-style-2 .center-content .hongo-slider-text-wrap {
width: 420px;
margin: 0 auto;
} .hongo-shop-slider-style-3 .container,
.hongo-shop-slider-style-3 .container-fluid {
position: relative
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap {
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: 0;
}
.hongo-shop-slider-style-3 .hongo-slider-text-middle-main {
display: table;
height: 100%;
width: 100%;
}
.hongo-shop-slider-style-3 .hongo-slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap .title {
color: #232323;
font-size: 75px;
line-height: 65px;
font-weight: 600;
text-transform: none;
margin-bottom: 40px;
letter-spacing: -1px
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap .subtitle {
font-size: 12px;
line-height: normal;
font-weight: 500;
margin-bottom: 20px;
display: inline-block;
border-bottom: 1px solid #232323;
color: #232323;
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap .title strong {
font-weight: 600;
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap p {
font-size: 16px;
line-height: 20px;
font-weight: 300;
width: 320px;
display: inline-block;
margin-top: 10px;
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap .price {
color: #232323;
font-size: 20px;
line-height: normal;
font-weight: 500;
margin-bottom: 10px;
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap .price del {
margin-right: 10px;
}
.hongo-shop-slider-style-3 .hongo-slider-typography-wrap .btn {
margin-top: 5px;
} .hongo-shop-slider-style-4 .container,
.hongo-shop-slider-style-4 .container-fluid {
position: relative
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap {
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: 0;
}
.hongo-shop-slider-style-4 .hongo-slider-text-middle-main {
display: table;
height: 100%;
width: 100%;
}
.hongo-shop-slider-style-4 .hongo-slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-4 .hongo-slider-text-middle .hongo-slider-text-wrap {
float: right;
width: 340px;
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap .title {
color: #fff;
font-size: 65px;
line-height: 62px;
font-weight: 300;
text-transform: none;
margin-bottom: 20px;
margin-left: -3px;
letter-spacing: -3px
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap .subtitle {
color: #fff;
font-size: 13px;
line-height: normal;
font-weight: 500;
margin-bottom: 25px;
display: block;
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap .title strong {
font-weight: 600;
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap .price {
color: #fff;
font-size: 22px;
line-height: normal;
font-weight: 600;
margin-bottom: 15px;
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap .price del {
margin-right: 10px;
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap p {
color: #fff;
font-size: 16px;
line-height: 22px;
font-weight: 300;
margin-bottom: 15px;
display: inline-block;
}
.hongo-shop-slider-style-4 .hongo-slider-typography-wrap .btn {
margin-top: 20px;
}
.hongo-shop-slider-style-4 .swiper-button-next i,
.hongo-shop-slider-style-4 .swiper-button-prev i {
font-size: 13px;
font-weight: 900;
color: #fff;
}
.hongo-shop-slider-style-4 .swiper-button-next,
.hongo-shop-slider-style-4 .swiper-button-prev {
left: inherit;
right: 30px;
}
.hongo-shop-slider-style-4 .swiper-button-next {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
margin-top: 30px;
}
.hongo-shop-slider-style-4 .swiper-button-prev {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
margin-top: -30px;
}
.hongo-shop-slider-style-4 .hongo-swiper-numeric {
color: #fff;
font-size: 12px;
font-weight: 500;
width: 35px;
text-align: center;
position: absolute;
right: 30px;
z-index: 999;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo-shop-slider-style-4 .hongo-swiper-numeric.swiper-number-black {
color: #000;
}
.hongo-shop-slider-style-4 .left-content .hongo-slider-text-wrap {
float: left;
right: inherit;
}
.hongo-shop-slider-style-4 .left-content .hongo-slider-text-wrap .price del {
margin-right: 10px;
}
.hongo-shop-slider-style-4 .center-content .hongo-slider-text-wrap {
margin: 0 auto;
right: 0;
left: 0;
float: none;
}
.hongo-shop-slider-style-4 .center-content .hongo-slider-text-wrap p {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.hongo-shop-slider-style-4 .center-content .hongo-slider-text-wrap .price {
margin-left: auto;
margin-right: auto;
} .hongo-shop-slider-style-5 .container,
.hongo-shop-slider-style-5 .container-fluid {
position: relative;
}
.hongo-shop-slider-style-5 .container-fluid {
width: 100%;
padding: 0;
}
.hongo-shop-slider-style-5 .left-content .hongo-slider-typography-wrap,
.hongo-shop-slider-style-5 .left-content .hongo-half-overlay {
height: 100%;
position: absolute;
left: 0;
}
.hongo-shop-slider-style-5 .right-content .hongo-slider-typography-wrap,
.hongo-shop-slider-style-5 .right-content .hongo-half-overlay {
right: 0;
left: inherit;
height: 100%;
position: absolute;
}
.hongo-shop-slider-style-5 .center-content .hongo-slider-typography-wrap,
.hongo-shop-slider-style-5 .center-content .hongo-half-overlay {
right: 0;
left: 0;
margin: 0 auto;
height: 100%;
position: absolute;
}
.hongo-shop-slider-style-5 .hongo-slider-text-middle-main {
display: table;
height: 100%;
width: 100%;
}
.hongo-shop-slider-style-5 .hongo-slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-5 .hongo-slider-text-middle .hongo-slider-text-wrap {
float: left;
width: 100%;
padding: 0 25%
}
.hongo-shop-slider-style-5 .hongo-slider-typography-wrap .title {
color: #fff;
font-size: 65px;
line-height: 60px;
font-weight: 500;
text-transform: none;
margin-bottom: 25px;
margin-left: -4px;
display: block;
}
.hongo-shop-slider-style-5 .hongo-slider-typography-wrap .title strong {
font-weight: 600;
}
.hongo-shop-slider-style-5 .hongo-slider-typography-wrap .subtitle {
display: inline-block;
padding: 3px 0 2px 30px;
position: relative;
color: #fff;
font-size: 12px;
line-height: normal;
font-weight: 500;
margin-bottom: 15px;
}
.hongo-shop-slider-style-5 .hongo-slider-typography-wrap .subtitle:before {
position: absolute;
height: 1px;
width: 20px;
background-color: #fff;
content: "";
left: 0;
top: 12px;
opacity: .8;
}
.hongo-shop-slider-style-5 .hongo-slider-typography-wrap p {
color: #fff;
font-size: 16px;
line-height: 21px;
font-weight: 400;
width: 80%;
margin-bottom: 30px;
display: inline-block;
}
.hongo-shop-slider-style-5 .price {
font-size: 18px;
color: #fff;
line-height: 25px;
margin-bottom: 30px;
}
.hongo-shop-slider-style-5 .price del {
margin-right: 10px
} .hongo-shop-slider-style-6 .container,
.hongo-shop-slider-style-6 .container-fluid {
position: relative
}
.hongo-shop-slider-style-6 .hongo-slider-typography-wrap {
height: 100%;
position: absolute;
right: 0;
left: 0;
}
.hongo-shop-slider-style-6 .hongo-slider-text-middle-main {
display: table;
height: 100%;
width: 100%;
}
.hongo-shop-slider-style-6 .hongo-slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-6 .hongo-slider-typography-wrap .title {
color: #232323;
font-size: 50px;
line-height: 50px;
font-weight: 600;
text-transform: none;
margin-bottom: 25px;
margin-left: -4px;
letter-spacing: -1px;
}
.hongo-shop-slider-style-6 .hongo-slider-typography-wrap .subtitle {
font-size: 12px;
line-height: normal;
margin-bottom: 20px;
display: block;
position: relative;
padding-left: 35px;
color: #232323;
font-weight: 500;
}
.hongo-shop-slider-style-6 .hongo-slider-typography-wrap .subtitle::after {
width: 25px;
position: absolute;
content: "";
left: 0;
height: 1px;
background: #232323;
top: 8px;
}
.hongo-shop-slider-style-6 .hongo-slider-typography-wrap .title strong {
font-weight: 600;
}
.hongo-shop-slider-style-6 .hongo-slider-typography-wrap p {
line-height: 20px;
font-weight: 400;
width: 75%;
margin-bottom: 25px;
display: inline-block;
font-size: 13px;
}
.hongo-shop-slider-style-6 .center-content .hongo-slider-typography-wrap {
right: 0;
left: 0;
margin: 0 auto;
}
.hongo-shop-slider-style-6 .center-content .hongo-slider-typography-wrap p {
margin-left: auto;
margin-right: auto;
}
.hongo-shop-slider-style-6 .right-content .hongo-slider-typography-wrap {
right: 0;
left: inherit;
}
.hongo-shop-slider-style-6 .right-content .hongo-slider-typography-wrap p {
margin-left: auto;
}
.hongo-shop-slider-style-6 .price {
font-size: 20px;
color: #232323;
line-height: 30px;
font-weight: 600;
margin-bottom: 25px;
}
.hongo-shop-slider-style-6 .price del {
margin-right: 15px;
font-weight: 400
}
.hongo-shop-slider-style-6 .hongo-followus-wrap {
position: absolute;
height: auto;
z-index: 999;
top: 50%;
left: 40px;
text-align: center;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo-shop-slider-style-6 .hongo-followus-wrap .hongo-social-links ul {
padding: 0;
margin: 0;
list-style: none;
}
.hongo-shop-slider-style-6 .hongo-followus-wrap .hongo-social-links ul li {
margin: 5px 0;
}
.hongo-shop-slider-style-6 .hongo-followus-wrap .hongo-social-links ul li:last-child {
margin: 0
}
.hongo-shop-slider-style-6 .hongo-followus-wrap .hongo-social-links ul li a {
color: #000000;
padding: 5px;
opacity: 1;
font-size: 12px
}
.hongo-shop-slider-style-6 .hongo-followus-wrap .hongo-social-links ul li a:hover {
opacity: .7
}
.hongo-shop-slider-style-6 .hongo-followus-wrap span {
width: 1px;
height: 33px;
background-color: rgba(0, 0, 0, .2);
display: inline-block;
margin: 18px 0;
}
.hongo-shop-slider-style-6 .hongo-followus-wrap .social-text-rotate {
overflow: visible;
display: inline-block;
vertical-align: middle;
position: relative;
}
.hongo-shop-slider-style-6 .hongo-followus-wrap .social-text-rotate .social-text {
color: #000000;
font-size: 11px;
font-weight: 600;
transform: rotate(-90deg) translateX(-100%);
-webkit-transform: rotate(-90deg) translateX(-100%);
-moz-transform: rotate(-90deg) translateX(-100%);
-o-transform: rotate(-90deg) translateX(-100%);
margin-left: auto;
margin-right: auto;
transform-origin: left center;
width: unset;
position: relative;
white-space: nowrap;
position: absolute;
}
.hongo-shop-slider-style-6 .bg-text {
font-size: 240px;
line-height: 230px;
font-weight: 500;
position: absolute;
color: #fff;
opacity: .9;
bottom: -75px;
letter-spacing: -12px;
width: 100%;
text-align: center
}
.hongo-shop-slider-style-6 .bg-text:before {
width: 100%;
left: 0;
content: "";
position: absolute;
top: 59px;
}
.text-center .hongo-shop-slider-style-6 .hongo-slider-typography-wrap .subtitle {
display: inline-block;
}
.text-right .hongo-shop-slider-style-6 .hongo-slider-typography-wrap .subtitle {
display: inline-block;
} .hongo-shop-slider-style-7 .container,
.hongo-shop-slider-style-7 .container-fluid {
position: relative;
z-index: 999;
}
.hongo-shop-slider-style-7 .container-fluid .hongo-slider-typography-wrap {
padding: 0 10%
}
.hongo-shop-slider-style-7 .hongo-slider-typography-wrap {
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: 0;
}
.hongo-shop-slider-style-7 .hongo-slider-text-middle-main {
display: table;
height: 100%;
width: 100%;
}
.hongo-shop-slider-style-7 .hongo-slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-7 .hongo-slider-text-middle .brand-image {
margin-bottom: 55px;
}
.hongo-shop-slider-style-7 .hongo-slider-typography-wrap .title {
color: #232323;
font-size: 50px;
line-height: 56px;
font-weight: 700;
text-transform: none;
margin-bottom: 5px;
margin-left: -4px;
}
.hongo-shop-slider-style-7 .hongo-slider-typography-wrap .subtitle {
color: #232323;
line-height: 22px;
font-weight: 500;
text-decoration: underline;
margin-bottom: 25px;
margin-left: -4px;
display: block
}
.hongo-shop-slider-style-7 .hongo-slider-typography-wrap .title strong {
font-weight: 600;
}
.hongo-shop-slider-style-7 .hongo-slider-typography-wrap p {
color: #232323;
font-size: 13px;
line-height: 20px;
font-weight: 500;
width: 350px;
margin: 15px 0 0 0;
display: inline-block;
}
.hongo-shop-slider-style-7 .hongo-slider-typography-wrap .btn {
margin-top: 45px;
}
.hongo-shop-slider-style-7 .hongo-overlay-image {
background-image: url(//fotohandeldelfshaven.com/wp-content/themes/hongo/assets/images/sports-bg-img-01-white.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.hongo-shop-slider-style-7 .swiper-pagination {
padding: 0 10% 20px;
font-size: 0;
text-align: left
}
.text-left .hongo-shop-slider-style-7 .swiper-pagination {
text-align: left
}
.text-right .hongo-shop-slider-style-7 .swiper-pagination {
text-align: right
}
.text-center .hongo-shop-slider-style-7 .swiper-pagination {
text-align: center
} .hongo-shop-slider-style-8 .container,
.hongo-shop-slider-style-8 .container-fluid {
position: relative
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap {
height: 100%;
position: absolute;
right: 0;
left: 0;
}
.hongo-shop-slider-style-8 .hongo-slider-text-middle-main {
display: table;
height: 100%;
width: 50%;
}
.hongo-shop-slider-style-8 .hongo-slider-text-middle {
display: table-cell;
vertical-align: middle;
}
.hongo-shop-slider-style-8 .hongo-slider-text-middle-inner {
position: relative;
margin: 0 auto;
width: 400px;
padding: 9% 3%;
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap .title {
color: #fff;
font-size: 38px;
line-height: 37px;
font-weight: 300;
text-transform: none;
margin-bottom: 25px;
margin-left: -4px;
letter-spacing: -1px
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap .subtitle {
font-size: 12px;
line-height: normal;
margin-bottom: 15px;
display: block;
color: #232323;
font-weight: 500
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap .hongo-separator {
width: 1px;
height: 35px;
background-color: #000;
margin: 0 0 20px;
display: inline-block;
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap .title strong {
font-weight: 600;
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap {
width: 100%;
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap p {
color: #fff;
font-size: 15px;
line-height: 24px;
font-weight: 400;
margin-bottom: 20px;
display: inline-block;
}
.hongo-shop-slider-style-8 .hongo-slider-typography-wrap .btn {
margin-top: 10px;
}
.hongo-shop-slider-style-8 .center-content .hongo-slider-text-middle-main {
right: 0;
left: 0;
margin: 0 auto;
}
.hongo-shop-slider-style-8 .center-content .hongo-slider-typography-wrap p {
margin-left: auto;
margin-right: auto;
}
.hongo-shop-slider-style-8 .right-content .hongo-slider-text-middle-main {
float: right;
}
.hongo-shop-slider-style-8 .right-content .hongo-slider-typography-wrap p {
margin-left: auto;
}
.hongo-shop-slider-style-8 .price {
font-size: 24px;
color: #fff;
line-height: normal;
font-weight: 500;
margin-bottom: 15px;
}
.hongo-shop-slider-style-8 .price del {
margin-right: 15px
}  .product-slider-style-1 .swiper-slide {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.product-slider-style-1 .custom-image,
.product-slider-style-1 .shop-product-image {
padding: 0;
position: relative;
}
.product-slider-style-1 .shop-product-buttons-wrap a.button.added.add_to_cart_button {
display: none;
}
.product-slider-style-1 .custom-image img {
width: 100%;
}
.product-slider-style-1 .shop-product-image,
.product-slider-style-1 .custom-image {
height: 100%;
background-size: cover;
background-position: center
}
.product-slider-style-1 .shop-product-buttons-wrap {
bottom: 25%;
position: absolute;
text-align: center;
width: 100%;
}
.product-slider-style-1 .shop-product-buttons-wrap a {
border: 0;
background-color: #1b1b1b;
color: #fff;
min-width: 1px;
margin: 0 4px;
display: inline-block;
border-radius: 4px;
width: 37px;
height: 37px;
text-align: center;
vertical-align: middle;
font-size: inherit;
padding: 0;
line-height: 38px;
opacity: 0;
transform: translateY(15px);
-moz-transform: translateY(15px);
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transition-property: transform, opacity;
-moz-transition-property: transform, opacity;
-webkit-transition-property: transform, opacity;
-ms-transition-property: transform, opacity;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.product-slider-style-1 .shop-product-image:hover .shop-product-buttons-wrap a {
opacity: 1;
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.product-slider-style-1 .shop-product-image:hover .shop-product-buttons-wrap a:hover {
background-color: #fff;
color: #4e4e4e;
-moz-box-shadow: 0 0 6px -2px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 0 6px -2px rgba(0, 0, 0, .7);
box-shadow: 0 0 6px -2px rgba(0, 0, 0, .7);
}
.product-slider-style-1 .shop-product-buttons-wrap a.loading:after {
border-radius: 3px;
}
.product-slider-style-1 .shop-product-buttons-wrap a:nth-child(1) {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.product-slider-style-1 .shop-product-buttons-wrap a:nth-child(2) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.product-slider-style-1 .shop-product-buttons-wrap a:nth-child(3) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.product-slider-style-1 .shop-product-buttons-wrap a:nth-child(4) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.product-slider-style-1 .shop-product-buttons-wrap a:nth-child(5) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.product-slider-style-1 .shop-product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
padding: 0;
margin: 0;
min-height: 0;
min-width: 0;
line-height: 0;
float: left;
}
.product-slider-style-1 .shop-product-buttons-wrap a.add_to_cart_button:after {
margin: 0;
top: 0;
right: 0;
left: 0;
}
.product-slider-style-1 .shop-product-buttons-wrap a span {
display: none;
}
.product-slider-style-1 .shop-product-buttons-wrap a.button i {
margin: 0;
width: 100%;
height: 100%;
vertical-align: top;
top: 0;
left: 0;
line-height: 37px;
display: block;
}
.product-slider-style-1 .shop-product-title-price-wrap {
bottom: 120px;
position: absolute;
text-align: center;
width: 100%;
opacity: 1;
padding: 0 20px;
}
.product-slider-style-1 .swiper-slide:hover .shop-product-title-price-wrap {
opacity: 1;
}
.product-slider-style-1 .shop-product-title-price-wrap .hongo-product-title {
padding: 0;
margin: 0 auto 0;
font-weight: 600;
color: #434343;
font-size: 16px;
line-height: 24px;
max-width: 250px
}
.product-slider-style-1 .shop-product-title-price-wrap .hongo-product-title a {
font-weight: 700;
color: #434343;
font-size: 24px;
line-height: 30px;
}
.product-slider-style-1 .shop-product-title-price-wrap .hongo-product-title a:hover {
color: #f57250
}
.product-slider-style-1 .shop-product-title-price-wrap .price {
color: #808080;
font-weight: 600;
font-size: 15px;
margin-bottom: 5px;
display: block
}
.product-slider-style-1 .shop-product-title-price-wrap .woocommerce {
list-style: none;
padding: 0;
margin: 0
}
.product-slider-style-1 .shop-product-title-price-wrap .star-rating {
margin: 10px auto 0;
float: none;
font-size: 12px;
}
.product-slider-style-1 .pagination-number {
position: absolute;
margin-top: -10px;
width: auto;
top: 50%;
left: 72px;
font-size: 35px;
outline: none;
color: #000000;
font-family: 'Poppins', sans-serif;
font-weight: 300;
text-align: center;
z-index: 9;
}
.product-slider-style-1 .pagination-number:after {
width: 55px;
background-color: #c0c0c0;
height: 1px;
position: absolute;
left: -72px;
top: 50%;
content: "";
z-index: -1;
}
.product-slider-style-1 .right-side-product .pagination-number {
right: 72px;
left: auto;
}
.product-slider-style-1 .right-side-product .pagination-number:after {
right: -72px;
left: auto
}
.product-slider-style-1 .swiper-button-next,
.product-slider-style-1 .swiper-button-prev {
width: 45px;
padding: 0;
border: 0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
height: 45px;
outline: none;
background-color: #232323;
color: #fff;
left: 50%;
text-align: center;
}
.product-slider-style-1 .swiper-button-next {
margin-top: -9px;
}
.product-slider-style-1 .swiper-button-prev {
margin-top: -55px;
}
.product-slider-style-1 .swiper-button-next i,
.product-slider-style-1 .swiper-button-prev i {
color: #fff;
font-size: 16px;
width: 100%;
line-height: 45px;
}
.product-slider-style-1 .swiper-slide.left-side-product .shop-product-image {
order: 1;
}
.product-slider-style-1 .swiper-slide.left-side-product .custom-image {
order: 2;
}
.product-slider-style-1 i.swiper-button-disabled {
cursor: default;
} .product-slider-style-2 .product-thumb-wrap {
overflow: hidden;
position: relative;
}
.product-slider-style-2 ul {
list-style: none;
padding: 0;
}
.product-slider-style-2 .product-thumb-wrap .sale-new-wrap span.onsale {
float: left;
}
.product-slider-style-2 .product-thumb-wrap .sale-new-wrap span.new {
float: left;
}
.product-slider-style-2 .product-thumb-wrap .shop-title-category-wrap {
position: absolute;
top: 13%;
width: 100%;
left: 0;
right: 0;
text-align: center;
z-index: 6;
padding: 0 10px;
}
.product-slider-style-2 .product-thumb-wrap .shop-title-category-wrap .hongo-product-title,
.product-slider-style-2 .product-thumb-wrap .shop-title-category-wrap .hongo-product-title a {
font-size: 15px;
line-height: normal;
color: #232323;
margin: 0;
}
.product-slider-style-2 .product-thumb-wrap .star-rating::before,
.product-slider-style-2 .product-thumb-wrap .star-rating span,
.product-slider-style-2 .product-thumb-wrap p.stars.selected a:not(.active)::before,
.product-slider-style-2 .product-thumb-wrap p.stars a::before {
color: #232323;
}
.product-slider-style-2 .product-thumb-wrap .price {
margin-bottom: 0;
font-size: 16px;
line-height: normal;
color: #232323;
display: block;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.product-slider-style-2 .product-thumb-wrap:hover .price {
opacity: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.product-slider-style-2 .product-thumb-wrap .price del {
margin-right: 8px;
}
.product-slider-style-2 .product-thumb-wrap .star-rating {
margin: 8px auto 0 !important;
clear: both;
float: none;
}
.product-slider-style-2 .product-thumb-wrap a.compare {
margin-top: 10px;
float: left;
}
.product-slider-style-2 .swiper-slide {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.product-slider-style-2 .swiper-slide:hover {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.product-slider-style-2 .product-bottom-wrap {
z-index: 4;
padding: 20px 15px 40px;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
min-height: 112px;
}
.product-slider-style-2 .product-bottom-wrap .shop-price-rating-wrap {
margin-top: 0;
}
.product-slider-style-2 .woocommerce-loop-product__title {
margin: 0;
font-weight: 500;
}
.product-slider-style-2 {
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
.product-slider-style-2 .sale-new-wrap {
top: 20px;
padding-left: 20px;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap {
z-index: 7;
bottom: 56px;
position: absolute;
text-align: center;
right: 0;
opacity: 1;
width: 100%
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap .button span {
display: none;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a {
border: 1px solid #232323;
border-right: 0;
background-color: #fff;
color: #232323;
min-width: 1px;
margin: 0;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
font-size: 13px;
padding: 0;
line-height: 38px;
position: relative;
opacity: 0;
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a:last-child {
border-right: 1px solid #232323;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a.button i {
width: 100%;
height: 100%;
vertical-align: top;
line-height: 38px;
display: block;
margin: 0;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
}
.product-slider-style-2 .swiper-slide:hover .shop-buttons-wrap a {
opacity: 1;
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a:hover {
background-color: #1b1b1b;
color: #fff;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a:nth-child(1),
.product-slider-style-2 .swiper-slide:hover .shop-buttons-wrap a:nth-child(1) {
transition-delay: 0s, 0.1s, 0.1s;
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-ms-transition-delay: 0s, 0.1s, 0.1s;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a:nth-child(2),
.product-slider-style-2 .swiper-slide:hover .shop-buttons-wrap a:nth-child(2) {
transition-delay: 0s, 0.15s, 0.15s;
-webkit-transition-delay: 0s, 0.15s, 0.15s;
-moz-transition-delay: 0s, 0.15s, 0.15s;
-ms-transition-delay: 0s, 0.15s, 0.15s;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a:nth-child(3),
.product-slider-style-2 .swiper-slide:hover .shop-buttons-wrap a:nth-child(3) {
transition-delay: 0s, 0.2s, 0.2s;
-webkit-transition-delay: 0s, 0.2s, 0.2s;
-moz-transition-delay: 0s, 0.2s, 0.2s;
-ms-transition-delay: 0s, 0.2s, 0.2s;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a:nth-child(4),
.product-slider-style-2 .swiper-slide:hover .shop-buttons-wrap a:nth-child(4) {
transition-delay: 0s, 0.25s, 0.25s;
-webkit-transition-delay: 0s, 0.25s, 0.25s;
-moz-transition-delay: 0s, 0.25s, 0.25s;
-ms-transition-delay: 0s, 0.25s, 0.25s;
}
.product-slider-style-2 .swiper-slide .shop-buttons-wrap a:nth-child(5),
.product-slider-style-2 .swiper-slide:hover .shop-buttons-wrap a:nth-child(5) {
transition-delay: 0s, 0.3s, 0.3s;
-webkit-transition-delay: 0s, 0.3s, 0.3s;
-moz-transition-delay: 0s, 0.3s, 0.3s;
-ms-transition-delay: 0s, 0.3s, 0.3s;
}
.product-slider-style-2 .swiper-button-next {
right: 15px;
}
.product-slider-style-2 .swiper-button-prev {
left: 15px;
} .product-slider-style-3 .swiper-slide {
padding: 80px;
background-size: cover;
background-position: center center;
width: 50%;
min-height: 610px;
transform: scale(0.85);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-slider-style-3 .swiper-slide.swiper-slide-active {
transform: scale(1);
}
.product-slider-style-3 .swiper-slide.right-side-product .product-thumb-wrap {
margin-left: auto;
}
.product-slider-style-3 .product-thumb-wrap {
overflow: hidden;
position: relative;
max-width: 315px;
background: #fff;
transform: scale(0.7);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
opacity: 0;
box-shadow: 0 0 35px rgba(0,0,0,0.2);
}
.product-slider-style-3 .swiper-slide.swiper-slide-active .product-thumb-wrap {
transform: scale(1);
opacity: 1;
}
.product-slider-style-3 .product-thumb-wrap .product-title-wrap {
position: absolute;
top: 12%;
width: 100%;
left: 0;
right: 0;
text-align: center;
z-index: 6;
padding: 0 10px;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap {
z-index: 7;
bottom: 44px;
position: absolute;
text-align: center;
right: 0;
opacity: 1;
width: 100%;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a {
border: 1px solid #232323;
border-right: 0;
background-color: #fff;
color: #232323;
min-width: 1px;
margin: 0;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
font-size: 13px;
padding: 0;
line-height: 40px;
position: relative;
opacity: 0;
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a.button.added.add_to_cart_button {
display: none;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a:hover {
background-color: #232323;
color: #fff;
}
.product-slider-style-3 .product-thumb-wrap:hover .product-buttons-wrap a {
opacity: 1;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a:nth-child(1) {
transition-delay: 0s, 0.1s, 0.1s;
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-ms-transition-delay: 0s, 0.1s, 0.1s;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a:nth-child(2) {
transition-delay: 0s, 0.15s, 0.15s;
-webkit-transition-delay: 0s, 0.15s, 0.15s;
-moz-transition-delay: 0s, 0.15s, 0.15s;
-ms-transition-delay: 0s, 0.15s, 0.15s;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a:nth-child(3) {
transition-delay: 0s, 0.2s, 0.2s;
-webkit-transition-delay: 0s, 0.2s, 0.2s;
-moz-transition-delay: 0s, 0.2s, 0.2s;
-ms-transition-delay: 0s, 0.2s, 0.2s;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a:nth-child(4) {
transition-delay: 0s, 0.25s, 0.25s;
-webkit-transition-delay: 0s, 0.25s, 0.25s;
-moz-transition-delay: 0s, 0.25s, 0.25s;
-ms-transition-delay: 0s, 0.25s, 0.25s;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a:last-child {
border-right: 1px solid #232323;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a.button i {
width: 100%;
height: 100%;
vertical-align: top;
line-height: 40px;
display: block;
margin: 0;
}
.product-slider-style-3 .product-thumb-wrap .product-buttons-wrap a span {
display: none;
color: #fff;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
}
.product-slider-style-3 .product-thumb-wrap .product-title-price-wrap {
z-index: 4;
padding: 20px 15px 20px;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
min-height: 92px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 1;
}
.product-slider-style-3 .product-thumb-wrap .product-title-wrap .hongo-product-title {
font-size: 18px;
line-height: 30px;
font-weight: 500;
color: #232323;
text-transform: uppercase;
margin: 0;
}
.product-slider-style-3 .product-thumb-wrap:hover .product-title-price-wrap {
opacity: 0;
}
.product-slider-style-3 .product-thumb-wrap .price {
font-size: 18px;
line-height: 18px;
font-weight: 500;
color: #232323;
display: block;
margin-bottom: .5em;
}
.product-slider-style-3 .product-thumb-wrap .star-rating {
margin: 8px auto 10px;
font-size: 10px;
display: block;
float: none;
} .hongo-woocommerce-product-lists,
.cross-sells {
position: relative;
}
.hongo-woocommerce-product-lists.hongo-product-lists-slider {
position: relative;
overflow: hidden;
}
.hongo-related-products.swiper-container,
.hongo-up-sells-products.swiper-container,
.hongo-woocommerce-product-lists .swiper-container ul.products,
.cross-sells .swiper-container {
padding-top: 30px;
} .hongo-text-slider2 .text-slide-number {
position: relative;
margin-bottom: 30px;
}
.hongo-text-slider2 .text-slide-number .number-title {
opacity: .1;
font-weight: 300;
color: #232323;
font-size: 70px;
line-height: 65px;
}
.hongo-text-slider2 .text-slide-number .text-slide-subtitle {
position: absolute;
left: 0;
right: 0;
font-weight: 500;
color: #f57250;
padding: 0;
margin: 0;
top: 49%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.hongo-text-slider2 .text-slide-title {
font-weight: 500;
color: #232323;
font-size: 35px;
line-height: 40px;
}
.hongo-text-slider2 .text-slide-content {
margin-bottom: 30px;
width: 90%;
}
.hongo-text-slider2.text-center .text-slide-content {
margin-left: auto;
margin-right: auto;
}
.text-right .hongo-text-slider2 .text-slide-content {
margin-left: auto;
margin-right: 0;
}
.text-center .hongo-text-slider2 .text-slide-content {
margin-left: auto;
margin-right: auto;
} .hongo-404-content-bg {
width: 50%;
}
.hongo-404-content-wrap {
opacity: 1
}
.page-not-found {
min-height: 900px;
}
.hongo-404-content-wrap .hongo-404-title {
font-size: 18px;
color: #232323;
line-height: 32px;
display: block;
margin-bottom: 2px
}
.hongo-404-content-wrap .hongo-404-subtitle {
font-size: 13px;
color: #808080;
line-height: 18px;
font-weight: 400;
width: 50%;
margin: 0 auto
}
.hongo-404-content-wrap .search-form {
width: 80%;
margin: 0 auto
}
.hongo-404-content-wrap .input-group {
width: 100%;
margin: 70px auto 0;
}
.hongo-404-content-wrap .input-group input[type="text"] {
min-height: 48px;
border: none;
color: #888787;
padding-right: 0;
padding-left: 0;
font-size: 16px;
margin-bottom: 0;
background-color: transparent;
}
.hongo-404-content-wrap .input-group-btn {
position: absolute;
right: 0;
top: 0;
width: auto
}
.hongo-404-content-wrap .input-group-btn button {
background-color: transparent;
border: 0;
color: #888787;
padding: 10px;
font-size: 16px;
min-height: 48px;
}
.hongo-404-content-wrap h2 {
font-size: 100px;
display: block;
font-weight: 600;
letter-spacing: -4px;
margin-bottom: 30px;
line-height: 120px
}
.hongo-404-content-wrap a {
margin-top: 80px
}
.hongo-404-content-wrap .search-form {
border-bottom: 2px solid #e4e4e4;
}
.hongo-404-content-wrap .search-form:before {
content: "";
width: 0;
height: 2px;
display: block;
position: absolute;
bottom: -2px;
-webkit-transition: width ease .3s;
-o-transition: width ease .3s;
transition: width ease .3s;
border-bottom: 2px solid #e4e4e4;
}
.hongo-404-content-wrap .search-form:hover:before {
width: 100%;
border-bottom: 2px solid #232323;
} .widget_products,
.widget_hongo_products_list_slider_widget {
float: left;
width: 100%;
margin-bottom: 10px;
}
.woocommerce.widget_products ul.product_list_widget {
float: left;
width: 100%;
}
.woocommerce.widget_products .widget-title {
color: #232323;
font-weight: 500;
font-size: 18px;
margin-bottom: 25px;
line-height: normal;
padding-right: 60px;
}
.woocommerce.widget_products ul.product_list_widget li .right-part-content {
padding-left: 95px;
}
.woocommerce.widget_products ul.product_list_widget li .right-part-content a:first-child {
margin-bottom: 3px;
}
.woocommerce.widget_products ul.product_list_widget li {
border-bottom: 1px solid #e8e8e8;
float: left;
width: 100%;
padding: 0 0 20px 0 !important;
margin: 0 0 20px 0 !important;
}
.woocommerce.widget_products ul.product_list_widget li:last-child {
border-bottom: 0;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.woocommerce.widget_products ul.product_list_widget li img {
float: left;
margin-left: 0;
width: 70px;
}
.woocommerce.widget_products ul.product_list_widget li a {
line-height: normal;
overflow: visible !important
}
.woocommerce.widget_products ul.product_list_widget li a .product-title {
color: #434343;
}
.woocommerce.widget_products ul.product_list_widget li a .product-title:hover {
color: #f57250
}
.woocommerce.widget_products ul.product_list_widget li .amount {
font-weight: 600;
}
.woocommerce.widget_products ul.product_list_widget li .star-rating {
margin: 7px 0 5px;
}
.woocommerce.widget_products ul.product_list_widget del {
margin-right: 2px;
}
.woocommerce.widget_products ul.product_list_widget ins {
margin-left: 2px;
}
.woocommerce.widget_products ul.product_list_widget li .button {
font-size: 10px;
padding: 2px 10px 1px 10px;
display: table;
margin-top: 15px;
text-transform: uppercase;
font-weight: 600;
border-width: 1px;
background-color: transparent;
color: #000;
line-height: 20px;
}
.woocommerce.widget_products ul.product_list_widget li .button i {
margin-right: 5px;
font-size: 12px;
color: #000
}
.woocommerce.widget_products ul.product_list_widget li .button:hover {
border-color: #f57250 !important;
color: #f57250 !important;
}
.woocommerce.widget_products ul.product_list_widget li .button:hover i {
color: #f57250;
} .hongo_widget_products_carousel {
position: relative;
overflow: hidden;
float: left;
width: 100%;
margin-bottom: 10px;
}
.hongo_widget_products_carousel .widget-title {
color: #232323;
font-weight: 500;
font-size: 15px;
margin-bottom: 25px;
line-height: normal;
padding-right: 60px;
}
.hongo-sidebar-style-2.sidebar .widget.hongo_widget_products_carousel .product-title-price-wrap {
padding-left: 15px;
padding-right: 15px;
}
.hongo_widget_products_carousel .woocommerce ul.products li.product .button {
font-size: 12px;
padding: 2px 18px;
font-weight: 500;
border: 2px solid #fff;
background-color: #fff;
color: #232323;
line-height: 21px;
margin-top: 18px;
}
.hongo_widget_products_carousel .woocommerce ul.products li.product .button i {
display: none
}
.hongo_widget_products_carousel .woocommerce ul.products li.product .button:hover {
border-color: #fff;
color: #fff;
background-color: transparent;
}
.hongo_widget_products_carousel .woocommerce ul.products li.product .button:hover i {
color: #f57250;
}
.woocommerce .hongo-product-widget-layout li.product,
.woocommerce .hongo-product-widget-layout li.product.product-category {
margin-bottom: 0 !important
}
.woocommerce .hongo-product-widget-layout li.product .product-thumb-wrap,
.woocommerce .hongo-product-widget-layout li.product.product-category img {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.woocommerce .hongo-product-widget-layout li.product a img {
margin: 0;
}
.woocommerce .hongo-product-widget-layout li.product .star-rating {
margin: 0 auto 10px;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap {
bottom: 0;
position: absolute;
text-align: center;
width: 100%;
right: 0;
z-index: 5;
}
.woocommerce .hongo-product-widget-layout .product-buttons-wrap a {
position: relative !important;
border: 0;
background-color: #1b1b1b;
color: #fff !important;
min-width: 1px;
margin: 0 !important;
display: inline-block !important;
width: 33.33333333%;
height: 35px;
text-align: center !important;
vertical-align: middle;
font-size: 14px !important;
padding: 0 !important;
line-height: 38px;
opacity: 0;
border-right: 1px solid rgba(215, 215, 215, .15);
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
bottom: 0;
overflow: hidden !important;
top: inherit;
}
.woocommerce .hongo-product-widget-layout li.product:hover .product-buttons-wrap a {
opacity: 1;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a:last-child {
border: 0;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a:hover {
background-color: #fff;
color: #000 !important;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a.add_to_cart_button:after {
width: 100%;
height: 100%;
line-height: 36px;
margin: 0;
top: 0;
left: 0;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a span {
color: #424242;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
position: relative;
bottom: 0px;
display: none;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a.button i {
margin: 0;
width: 100%;
height: 100%;
vertical-align: top;
line-height: 36px;
display: block;
top: 0;
position: relative;
}
.woocommerce .hongo-product-widget-layout li.product .woocommerce-loop-product__title {
margin: 0 0 2px 0;
}
.woocommerce ul.products.hongo-product-widget-layout li.product .price {
margin-bottom: 0;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a:nth-child(1) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a:nth-child(2) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a:nth-child(3) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a:nth-child(4) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap a:nth-child(5) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.woocommerce .hongo-product-widget-layout li.product .product-buttons-wrap:hover a {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.woocommerce .hongo-product-widget-layout li.product .product-title-price-wrap a {
text-align: center;
}
.woocommerce .hongo-product-widget-layout li.product .product-title-price-wrap a h2 {
color: #fff
}
.woocommerce .hongo-product-widget-layout li.product .product-title-price-wrap {
position: relative;
padding: 30px 30px 35px 30px;
overflow: hidden;
background: #232323
}
.woocommerce .hongo-product-widget-layout li.product .product-title-price-wrap .hongo-wishlist span {
display: none
}
.woocommerce .hongo-product-widget-layout li.product .product-title-price-wrap .hongo-wishlist {
position: absolute;
right: -30px;
top: 0;
font-size: 17px;
opacity: 1;
margin: 0;
}
.woocommerce .hongo-product-widget-layout li.product:hover .product-title-price-wrap .hongo-wishlist {
right: 2px;
}
.woocommerce .hongo-product-widget-layout.hongo-buttons-1 li.product .product-buttons-wrap a {
width: 100%;
}
.woocommerce .hongo-product-widget-layout.hongo-buttons-2 li.product .product-buttons-wrap a {
width: 50%;
}
.woocommerce .hongo-product-widget-layout.hongo-buttons-3 li.product .product-buttons-wrap a {
width: 33.33333333%;
}
.woocommerce .hongo-product-widget-layout.hongo-buttons-4 li.product .product-buttons-wrap a {
width: 25%;
}
.woocommerce .hongo-product-widget-layout li.product .product-title-price-wrap .hongo-loader {
left: inherit;
right: -3px;
top: -2px;
height: 24px;
width: 24px;
text-align: right;
} .hongo-product-lists-widget-wrap .widget-title {
color: #232323;
font-weight: 500;
margin-bottom: 30px;
line-height: normal;
padding-right: 60px;
text-align: left;
}
.hongo-product-lists-widget-wrap .product_list_widget {
float: left;
width: 100%;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item {
border-bottom: 1px solid #efefef;
float: left;
width: 100%;
padding: 0 0 25px 0;
margin: 0 0 25px 0;
display: table;
word-break: break-word;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.hongo-product-lists-widget-wrap .product_list_widget .left-part-image {
display: table-cell;
vertical-align: top;
width: 107px;
}
.hongo-product-lists-widget-wrap .product_list_widget .right-part-content {
display: table-cell;
vertical-align: middle;
position: relative;
padding-left: 25px;
text-align: left;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item img {
float: left;
margin-left: 0;
width: 100%;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item a {
display: block;
font-weight: 600;
line-height: 16px;
margin-bottom: 3px !important;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item a .product-title {
color: #434343;
display: block;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item a .product-title:hover {
color: #f57250
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item .amount {
font-weight: 400;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item .product-buttons-wrap {
margin-top: 15px;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item .button {
font-size: 12px;
color: #232323;
line-height: 32px;
width: 32px;
height: 32px;
padding: 0;
display: inline-block;
margin: 0 6px 6px 0;
text-transform: uppercase;
font-weight: 600;
background-color: #f6f6f6;
border: 0;
border-radius: 3px;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
margin: 0;
width: 0;
display: none;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item .button i {
margin: 0;
width: 100%;
height: 100%;
line-height: 32px;
display: block;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item .button span {
display: none;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item .button:hover {
color: #fff;
background-color: #232323;
}
.hongo-product-lists-widget-wrap .product_list_widget .hongo-widget-item .star-rating {
margin: 7px 0 5px;
}
.hongo-product-lists-widget-wrap del {
margin-right: 2px;
}
.hongo-product-lists-widget-wrap ins {
margin-left: 2px;
}
.sidebar .hongo-product-lists-widget-wrap .swiper-container {
padding-top: 25px;
} .hongo-shop-grid {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.hongo-shop-grid li .hongo-shop-grid-details {
position: absolute;
z-index: 9;
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-top {
left: 60px;
top: 60px;
width: 220px;
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-middle {
left: 60px;
top: 50%;
width: 220px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-left-bottom {
left: 60px;
bottom: 70px;
width: 220px;
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-top {
right: 35px;
top: 70px;
width: 190px;
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-middle {
right: 35px;
top: 50%;
width: 190px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-right-bottom {
right: 35px;
bottom: 70px;
width: 190px;
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-center-top {
text-align: center;
padding: 0 70px;
left: 0;
right: 0;
top: 70px;
width: 100%;
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-center-middle {
text-align: center;
padding: 0 70px;
left: 0;
right: 0;
top: 50%;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo-shop-grid li .hongo-shop-grid-details.hongo-shop-grid-center-bottom {
text-align: center;
padding: 0 70px;
left: 0;
right: 0;
bottom: 80px;
width: 100%;
}
.hongo-shop-grid li .hongo-shop-grid-details .title {
margin-bottom: 10px;
}
.hongo-shop-grid li .hongo-shop-grid-details .title,
.hongo-shop-grid li .hongo-shop-grid-details .title a {
color: #232323;
font-size: 23px;
line-height: 26px;
}
.hongo-shop-grid li .hongo-shop-grid-details .btn-link {
color: #fff;
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid #fff;
}
.hongo-shop-grid li .hongo-shop-grid-wrap {
position: relative;
}
.hongo-shop-grid li .hongo-shop-grid-wrap .hongo-shop-grid-img {
overflow: hidden
}
.hongo-shop-grid li .hongo-shop-grid-wrap img {
width: 100%;
}
.hongo-shop-grid li .hongo-shop-grid-wrap .hongo-overlay {
z-index: 0
}  .hongo-shop-banner-1 {
padding: 19% 0;
float: left;
width: 100%;
position: relative;
overflow: hidden;
background-size: cover;
}
.hongo-shop-banner-1 .hongo-shop-banner-content {
width: 260px;
float: right;
margin-right: 5%;
}
.hongo-shop-banner-1.left-side-product .hongo-shop-banner-content {
width: 260px;
float: left;
margin-left: 12%;
}
.hongo-shop-banner-1.left-side-product .shop-banner-content {
width: 100%
}
.hongo-shop-banner-1.center-side-product .hongo-shop-banner-content {
width: 300px;
float: none;
margin: 0 auto;
}
.hongo-shop-banner-1.center-side-product .shop-banner-content {
width: 100%;
margin: 0 auto
}
.text-center .hongo-shop-banner-1.center-side-product .shop-banner-content {
width: 75%;
margin: 0 auto
}
.hongo-shop-banner-1 .hongo-shop-banner-content .shop-banner-sub-title {
font-size: 14px;
line-height: 19px;
margin-bottom: 13px;
font-weight: 400
}
.hongo-shop-banner-1 .hongo-shop-banner-content .shop-banner-title {
color: #121212;
font-size: 48px;
line-height: 44px;
font-weight: 600;
margin-bottom: 20px;
letter-spacing: -1px
}
.hongo-shop-banner-1 .shop-banner-content {
width: 100%
}
.hongo-shop-banner-1 .hongo-shop-banner-content .btn {
margin-top: 0;
} .hongo-shop-banner-3:before {
content: "";
position: absolute;
transition: opacity .35s ease-in-out;
-moz-transition: opacity .35s ease-in-out;
-webkit-transition: opacity .35s ease-in-out;
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: -webkit-linear-gradient(top, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0) 55%, rgba(23, 23, 23, 0.60) 100%);
background: linear-gradient(to bottom, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0) 55%, rgba(23, 23, 23, 0.60) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.hongo-shop-banner-3:hover:before {
opacity: 1
}
.hongo-shop-banner-3 .hongo-shop-banner-img {
margin: 10px auto 55px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-shop-banner-3:hover .hongo-shop-banner-img {
margin-top: 0;
margin-bottom: 65px;
}
.hongo-shop-banner-3 .hongo-shop-banner-content {
position: relative;
}
.hongo-shop-banner-blur-effect {
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
opacity: 0.40
}
.hongo-shop-banner-3 {
-webkit-transition: .6s all;
-o-transition: .6s all;
transition: .6s all;
} .hongo-shop-banner-4 {
padding: 20% 12%;
background-size: cover;
background-repeat: no-repeat;
float: left;
width: 100%;
}
.hongo-shop-banner-4 .hongo-shop-banner-content {
float: left;
width: 340px;
}
.hongo-shop-banner-4.right-side-product .hongo-shop-banner-content {
float: right;
width: 200px;
}
.hongo-shop-banner-4.center-side-product .hongo-shop-banner-content {
float: none;
margin: 0 auto
}
.hongo-shop-banner-4 .hongo-shop-banner-content .shop-banner-title {
font-size: 38px;
line-height: 38px;
font-weight: 300;
text-transform: none;
color: #fff;
margin-bottom: 0;
letter-spacing: -1px
}
.hongo-shop-banner-4 .hongo-shop-banner-content .shop-banner-sub-title {
font-size: 16px;
color: #ffffff;
font-weight: 300;
margin-bottom: 10px;
}
.hongo-shop-banner-4 .hongo-shop-banner-content .btn-link {
color: #ffffff;
display: inline-block;
margin-top: 20px;
border-bottom: 1px solid #ffffff;
text-decoration: none;
}
.hongo-shop-banner-4 .hongo-shop-banner-content .btn-link:hover {
color: #ffffff;
border-color: transparent
} .hongo-shop-banner-5 .hongo-shop-banner-content {
position: relative;
overflow: hidden;
}
.hongo-shop-banner-5 .hongo-shop-banner-img {
position: relative;
overflow: hidden;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-o-transform: scale(1);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-shop-banner-5 .hongo-shop-banner-img:before,
.hongo-shop-banner-5:hover .hongo-shop-banner-img:before {
content: "";
position: absolute;
transition: opacity .35s ease-in-out;
-moz-transition: opacity .35s ease-in-out;
-webkit-transition: opacity .35s ease-in-out;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.80) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.80) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.hongo-shop-banner-5 .hongo-shop-banner-img img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-shop-banner-5:hover .hongo-shop-banner-img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-o-transform: scale(1.1);
opacity: .6
}
.hongo-shop-banner-5 .btn {
position: absolute;
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
bottom: 55px;
}
.text-left .hongo-shop-banner-5 .btn {
left: 15px;
transform: translate(0);
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
}
.text-right .hongo-shop-banner-5 .btn {
left: inherit;
right: 15px;
transform: translate(0);
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
} .hongo-shop-banner-6 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
height: 100%;
}
.hongo-shop-banner-6 .hongo-shop-banner-content {
width: 320px;
float: right;
padding: 6.6% 5% 7%;
margin: 11%;
}
.hongo-shop-banner-6 .hongo-shop-banner-content .shop-banner-title {
font-size: 34px;
line-height: 35px;
font-weight: 300;
text-transform: none;
color: #ffffff;
margin-bottom: 0;
letter-spacing: -1px;
}
.hongo-shop-banner-6 .hongo-shop-banner-content .shop-banner-sub-title {
color: #808080;
font-size: 13px;
line-height: normal;
margin-bottom: 17px;
display: inline-block;
width: 100%;
font-weight: 500
}
.hongo-shop-banner-6 .hongo-shop-banner-content .btn {
margin-top: 25px;
}
.hongo-shop-banner-6.left-side-product .hongo-shop-banner-content {
float: left;
}
.hongo-shop-banner-6.center-side-product .hongo-shop-banner-content {
float: none;
margin-left: auto;
margin-right: auto
} .hongo-shop-banner-7 {
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hongo-shop-banner-7 .hongo-shop-banner-content {
position: relative;
width: 100%;
padding: 10%;
margin: 0 auto;
}
.hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-title {
font-size: 28px;
line-height: 28px;
font-weight: 500;
text-transform: none;
color: #000000;
margin-bottom: 0;
}
.hongo-shop-banner-7 .hongo-shop-banner-content .shop-banner-sub-title {
font-size: 12px;
line-height: normal;
margin-bottom: 8px;
}
.hongo-shop-banner-7 .hongo-shop-banner-img {
padding: 0;
}
.hongo-shop-banner-7 .hongo-shop-banner-img img {
width: 100%;
}
.hongo-shop-banner-7 .hongo-shop-banner-content .btn {
margin-top: 20px;
}
.hongo-shop-banner-7.left-side-product>div:first-child {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.hongo-shop-banner-7.left-side-product>div:last-child {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
} .hongo-shop-banner-8 {
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hongo-shop-banner-8 .hongo-shop-banner-content {
position: relative;
width: 100%;
padding: 10%;
}
.hongo-shop-banner-8 .hongo-shop-banner-content .shop-banner-title {
font-size: 24px;
line-height: 26px;
font-weight: 600;
color: #000000;
margin-bottom: 0;
}
.hongo-shop-banner-8 .hongo-shop-banner-content .shop-banner-sub-title {
font-size: 12px;
line-height: 24px;
margin-bottom: 0;
}
.hongo-shop-banner-8 .hongo-shop-banner-img {
padding: 0;
}
.hongo-shop-banner-8 .hongo-shop-banner-img img {
width: 100%;
}
.hongo-shop-banner-8 .btn {
margin-top: 20px;
}
.hongo-shop-banner-8 .vertical-separator {
width: 1px;
background-color: #bcbcbc;
margin-bottom: 20px;
height: 30px;
display: inline-block;
}
.hongo-shop-banner-8.left-side-product>div:first-child {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.hongo-shop-banner-8.left-side-product>div:last-child {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
} .hongo-shop-banner-9 {
float: left;
position: relative;
overflow: hidden;
padding-right: 115px
}
.hongo-shop-banner-9 img {
float: left;
width: 100%;
}
.hongo-shop-banner-9 .hongo-shop-banner-content {
width: 200px;
padding: 25px;
float: right;
margin: 0;
position: absolute;
right: 0px;
top: 70%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-shop-banner-9 .hongo-shop-banner-content .shop-banner-title {
font-size: 20px;
line-height: 24px;
font-weight: 500;
text-transform: none;
color: #232323;
margin-bottom: 10px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-shop-banner-9:hover .hongo-shop-banner-content {
background-color: #fff;
right: 20px;
}
.hongo-shop-banner-9.left-side-product {
padding-left: 115px;
padding-right: 0;
float: right;
}
.hongo-shop-banner-9.left-side-product img {
float: right;
}
.hongo-shop-banner-9.left-side-product .hongo-shop-banner-content {
float: left;
left: 0;
}
.hongo-shop-banner-9.left-side-product:hover .hongo-shop-banner-content {
left: 20px;
}
.hongo-shop-banner-9 .hongo-shop-banner-content .btn-link,
.hongo-shop-banner-9 .hongo-shop-banner-content .btn {
text-decoration: none;
} .hongo-shop-banner-10 {
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hongo-shop-banner-10 .hongo-shop-banner-content {
padding: 20px 15px;
}
.hongo-shop-banner-10 .hongo-shop-banner-content .shop-banner-title {
font-size: 20px;
line-height: 24px;
font-weight: 300;
text-transform: none;
clear: both;
width: 100%;
left: 0;
color: #000000;
margin-bottom: 0;
}
.hongo-shop-banner-10 .hongo-shop-banner-content .shop-banner-sub-title {
font-size: 13px;
line-height: normal;
margin-bottom: 8px;
font-weight: 500;
}
.hongo-shop-banner-10 .shop-banner-content {
position: relative;
width: 60%;
margin: 13px auto 0 0;
}
.hongo-shop-banner-10 .shop-banner-content p:last-child {
margin-bottom: 0;
}
.text-center .hongo-shop-banner-10 .shop-banner-content {
margin: 13px auto 0;
}
.text-left .hongo-shop-banner-10 .shop-banner-content {
margin-left: 0;
margin-right: auto
}
.text-right .hongo-shop-banner-10 .shop-banner-content {
margin-right: 0;
margin-left: auto;
}
.hongo-shop-banner-10 .hongo-shop-banner-img {
padding: 0;
}
.hongo-shop-banner-10 .hongo-shop-banner-img img {
width: 100%;
}
.hongo-shop-banner-10 .hongo-shop-banner-content .btn {
margin-top: 25px;
}
.hongo-shop-banner-10.left-side-product>div:first-child {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.hongo-shop-banner-10.left-side-product>div:last-child {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.hongo-shop-banner-10 .shop-banner-content-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.hongo-shop-banner-10 .shop-banner-content-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.hongo-shop-banner-10 .horizontal-separator {
width: 30px;
background-color: #bcbcbc;
margin-bottom: 15px;
height: 1px;
} .hongo-shop-banner-11 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.hongo-shop-banner-11 .hongo-shop-banner-content {
padding: 4%;
margin: 6% 5%;
background: rgba(236, 104, 85, 0.95);
width: 490px;
}
.hongo-shop-banner-11.right-side-product .hongo-shop-banner-content {
float: right;
}
.hongo-shop-banner-11.center-side-product .hongo-shop-banner-content {
float: none;
margin-left: auto;
margin-right: auto;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .shop-banner-title {
color: #fff;
font-size: 34px;
line-height: 34px;
font-weight: 500;
margin-bottom: 13px;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .shop-banner-sub-title {
font-size: 12px;
color: #232323;
font-weight: 500;
margin-bottom: 12px;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .shop-banner-sub-title span {
width: 12px;
height: 2px;
background-color: #232323;
display: inline-block;
vertical-align: middle;
margin: 0 9px 2px 0;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .shop-banner-content {
line-height: 24px;
color: #efefef;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .shop-banner-content p {
margin-bottom: 13px;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .separator-line-horizontal-full {
width: 75%;
height: 2px;
background-color: #323132;
display: inline-block;
vertical-align: middle;
margin: 10px 0 44px 0;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .price {
font-size: 20px;
color: #232323;
line-height: 35px;
font-weight: 500;
letter-spacing: -1px;
margin-bottom: 20px;
}
.hongo-shop-banner-11 .hongo-shop-banner-content .price del {
margin-right: 18px
} .hongo-shop-banner-14 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
padding: 50px;
}
.hongo-shop-banner-14.right-side-product .shop-banner-wrapper {
float: right;
}
.hongo-shop-banner-14.center-side-product .shop-banner-wrapper {
float: none;
margin-left: auto;
margin-right: auto;
}
.hongo-shop-banner-14 .shop-banner-wrapper {
background-color: #fff;
padding: 45px 40px;
float: left;
z-index: 2;
position: relative;
width: 255px;
box-shadow: 0 0 10px rgba(0, 0, 0, .20);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .20);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .20);
}
.hongo-shop-banner-14 .shop-banner-sub-title {
color: #f57250;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hongo-shop-banner-14 .shop-banner-title {
color: #232323;
font-size: 25px;
font-weight: 600;
line-height: 32px;
margin-bottom: 10px;
}
.hongo-shop-banner-14 .shop-banner-title-content {
color: #000000;
font-size: 13px;
font-weight: 500;
line-height: 20px;
} .hongo-shop-banner-15 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
padding: 90px 150px;
}
.hongo-shop-banner-15.right-side-product .shop-banner-wrapper {
float: right;
}
.hongo-shop-banner-15.center-side-product .shop-banner-wrapper {
float: none;
margin-left: auto;
margin-right: auto;
}
.hongo-shop-banner-15 .shop-banner-wrapper {
background-color: #fff;
padding: 75px;
float: left;
z-index: 2;
position: relative;
width: 470px;
border-radius: 10px;
box-shadow: 0 0 12px rgba(0, 0, 0, .30);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .30);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .30);
}
.hongo-shop-banner-15 .shop-banner-sub-title {
font-weight: 500;
position: relative;
display: inline-block;
padding: 0 20px;
margin-bottom: 20px;
}
.hongo-shop-banner-15 .shop-banner-sub-title span {
position: relative;
padding: 0 30px;
z-index: 2
}
.hongo-shop-banner-15 .shop-banner-sub-title span:before {
content: "";
width: 20px;
height: 1px;
background-color: #6f6f6f;
opacity: .30;
position: absolute;
left: 0;
top: 50%;
}
.hongo-shop-banner-15 .shop-banner-sub-title span:after {
content: "";
width: 20px;
height: 1px;
background-color: #6f6f6f;
opacity: .30;
position: absolute;
right: 0;
top: 50%;
}
.hongo-shop-banner-15 .shop-banner-title {
color: #232323;
font-size: 38px;
font-weight: 600;
line-height: 42px;
margin-bottom: 10px;
letter-spacing: -1px;
}
.hongo-shop-banner-15 .shop-banner-highlight {
background-color: #232323;
border-radius: 4px;
padding: 3px 38px 3px;
letter-spacing: 2px;
color: #ffffff;
font-size: 12px;
font-weight: 600;
display: inline-block;
margin-bottom: 35px;
}
.hongo-shop-banner-15 .shop-banner-title-content {
color: #232323;
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin-bottom: 2px;
}
.hongo-shop-banner-15 .shop-banner-content p:last-child {
margin-bottom: 0;
}
.hongo-shop-banner-15 .btn {
margin-top: 30px;
} .hongo-shop-banner-16 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
padding: 16% 12%;
}
.hongo-shop-banner-16.right-side-product .shop-banner-wrapper {
float: right;
width: 265px
}
.hongo-shop-banner-16.center-side-product .shop-banner-wrapper {
float: none;
margin-left: auto;
margin-right: auto;
}
.hongo-shop-banner-16 .shop-banner-wrapper {
float: left;
z-index: 2;
position: relative;
width: 300px;
}
.hongo-shop-banner-16 .shop-banner-sub-title {
color: #808080;
font-size: 12px;
font-weight: 500;
line-height: 18px;
margin-bottom: 5px
}
.hongo-shop-banner-16 .shop-banner-title {
color: #232323;
font-size: 28px;
font-weight: 600;
line-height: 28px;
margin-bottom: 15px;
}
.hongo-shop-banner-16 .shop-banner-content {
width: 85%;
}
.text-right .hongo-shop-banner-16 .shop-banner-content {
margin-left: auto;
margin-right: 0;
}
.hongo-shop-banner-16.center-side-product .shop-banner-content {
margin: 0 auto
} .hongo-shop-banner-20 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.hongo-shop-banner-20 .hongo-shop-banner-content {
width: 170px;
float: right;
padding: 40px 0 0 0;
margin: 32% 60px 50px;
}
.hongo-shop-banner-20 .hongo-shop-banner-content .shop-banner-title {
font-size: 28px;
line-height: 28px;
font-weight: 300;
text-transform: none;
color: #dedede;
margin-bottom: 0;
padding: 0 15px;
}
.hongo-shop-banner-20 .hongo-shop-banner-content .shop-banner-title strong {
font-size: 45px;
}
.hongo-shop-banner-20 .hongo-shop-banner-content .btn {
margin-top: 20px;
line-height: normal;
text-align: inherit
}
.hongo-shop-banner-20.left-side-product .hongo-shop-banner-content {
float: left;
}
.hongo-shop-banner-20.center-side-product .hongo-shop-banner-content {
float: none;
margin-left: auto;
margin-right: auto;
}  .hongo-product-featurebox-1 {
padding: 10%;
height: 100%;
width: 100%;
border: 1px solid #eaeaea;
word-break: break-word;
}
.hongo-product-featurebox-1 .hongo-featurebox-wrapper,
.hongo-product-featurebox-1 .hongo-featurebox-wrapper>a {
text-align: left;
display: inline-block;
vertical-align: middle;
}
.hongo-product-featurebox-1 .hongo-featurebox-img {
float: none;
padding-right: 10px;
display: table-cell;
vertical-align: middle;
color: #232323;
}
.hongo-product-featurebox-1 .hongo-featurebox-text,
.hongo-product-featurebox-1 .hongo-featurebox-wrapper a,
.hongo-product-featurebox-1 a .hongo-featurebox-text {
overflow: hidden;
color: #808080;
font-size: 12px;
line-height: 18px;
display: table-cell;
vertical-align: middle;
margin: 0;
}
.hongo-product-featurebox-1 .hongo-featurebox-wrapper a:hover,
.hongo-product-featurebox-1 a:hover .hongo-featurebox-text {
color: #f57250
} .hongo-product-featurebox-2 {
margin: 0;
border-right: 1px solid #dddddd;
height: 100%;
width: 100%;
padding-left: 15px;
padding-right: 15px;
word-break: break-word;
}
.hongo-product-featurebox-2 .hongo-featurebox-wrapper,
.hongo-product-featurebox-2 .hongo-featurebox-wrapper>a {
text-align: left;
display: inline-block;
vertical-align: middle;
}
.hongo-product-featurebox-2 .hongo-featurebox-img {
float: none;
padding-right: 16px;
display: table-cell;
vertical-align: middle;
}
.hongo-product-featurebox-2 .hongo-featurebox-img i {
line-height: normal;
position: relative;
top: 2px;
}
.hongo-product-featurebox-2 .hongo-featurebox-text,
.hongo-product-featurebox-2 .hongo-featurebox-wrapper a,
.hongo-product-featurebox-2 a .hongo-featurebox-text {
overflow: hidden;
color: #808080;
font-size: 12px;
line-height: 20px;
font-weight: 400;
display: table-cell;
vertical-align: middle;
letter-spacing: 0.3px;
margin: 0;
}
.hongo-product-featurebox-2 .hongo-featurebox-wrapper a:hover,
.hongo-product-featurebox-2 a:hover .hongo-featurebox-text {
color: #f57250
} .hongo-product-featurebox-3 {
padding: 7%;
height: 100%;
width: 100%;
border: 1px solid #efefef;
background-image: -ms-linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
background-image: -moz-linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
background-image: -o-linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
background-image: -webkit-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
background-image: -webkit-linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
}
.hongo-product-featurebox-3 .title,
.hongo-product-featurebox-3 .title a {
color: #424242;
font-size: 12px;
line-height: 18px;
font-weight: 500;
margin-bottom: 2px;
}
.hongo-product-featurebox-3 .sub-title,
.hongo-product-featurebox-3 .sub-title a {
color: #808080;
font-size: 11px;
line-height: 18px;
font-weight: 700;
margin: 0;
}
.hongo-product-featurebox-3 .sub-title a:hover,
.hongo-product-featurebox-3 .title a:hover {
color: #f57250
} .hongo-product-featurebox-4 {
padding: 10%;
width: 100%;
}
.hongo-product-featurebox-4 .hongo-featurebox-wrapper {
width: 100%;
}
.hongo-product-featurebox-4 .hongo-featurebox-img {
margin-bottom: 20px;
}
.hongo-product-featurebox-4 .hongo-featurebox-img i {
vertical-align: middle
}
.hongo-product-featurebox-4 .hongo-featurebox-text,
.hongo-product-featurebox-4 .hongo-featurebox-text a {
overflow: hidden;
color: #232323;
font-size: 12px;
line-height: 20px;
font-weight: 500;
margin: 0;
}
.hongo-product-featurebox-4 .hongo-featurebox-text a:hover,
.hongo-product-featurebox-4 a:hover .hongo-featurebox-text {
color: #f57250
} .hongo-client-slider-style-1 .swiper-slide {
border-left: 1px solid rgba(0, 0, 0, 0.08);
padding: 13px 15px;
text-align: center;
}
.hongo-client-slider-style-1 .swiper-slide.swiper-slide-active {
border-left: 0;
} .hongo-instagram-feed-wrap {
position: relative;
float: left;
width: 100%;
}
.hongo-instagram-feed-wrap .instagram-title {
position: absolute;
white-space: nowrap;
z-index: 2;
color: #232323;
display: inline-block;
top: 50%;
left: 50%;
margin: 0;
font-size: 14px;
text-transform: uppercase;
padding: 0 30px;
line-height: 52px;
letter-spacing: 1px;
font-weight: 500;
background: #fff;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hongo-instagram-feed-wrap .pagination-bottom-space~.instagram-title {
margin-top: -30px
}
.hongo-instagram-feed-wrap .instagram-wrap {
position: relative;
overflow: hidden;
}
.hongo-instagram-feed-wrap figure {
position: relative;
overflow: hidden;
}
.hongo-instagram-feed-wrap li *,
.hongo-instagram-feed-wrap .swiper-slide * {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.hongo-instagram-feed-wrap li img,
.hongo-instagram-feed-wrap .swiper-slide img {
width: 100%;
}
.hongo-instagram-feed-wrap .hongo-overlay {
z-index: 0;
opacity: 0;
}
.hongo-instagram-feed-wrap a {
position: relative;
display: block;
}
.hongo-instagram-feed-wrap a:hover .hongo-overlay {
opacity: 0.85;
}
.hongo-instagram-feed-wrap .insta-counts {
z-index: 1;
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
color: #fff;
line-height: normal;
opacity: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo-instagram-feed-wrap .instagram-wrap a:hover .insta-counts,
.hongo-instagram-feed-wrap figure a:hover .insta-counts {
opacity: 1;
}
.hongo-instagram-feed-wrap .insta-counts i {
margin: 0 5px 0 0;
position: relative;
top: 0px;
opacity: .6
}
.hongo-instagram-feed-wrap .insta-counts>span {
margin: 0 9px;
font-weight: 500;
} .hongo-instagram-masonary {
list-style: none;
padding: 0;
margin: 0;
}
.hongo-instagram-masonary li img {
width: 100%;
}
.hongo-instagram-masonary li a.square,
.hongo-instagram-masonary li a.portrait,
.hongo-instagram-masonary li a.landscape {
position: relative;
display: block;
overflow: hidden;
}
.hongo-instagram-masonary li a.square:hover .insta-counts,
.hongo-instagram-masonary li a.portrait:hover .insta-counts,
.hongo-instagram-masonary li a.landscape:hover .insta-counts {
opacity: 1;
}
.hongo-instagram-masonary li .hongo-overlay {
height: 100%;
width: 100%;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
}
.hongo-instagram-masonary li:hover .hongo-overlay {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}
.hongo-instagram-masonary li .insta-counts {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.hongo-instagram-masonary li:hover .insta-counts {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
} .hongo-instagram-widget-wrap .instagram-wrap {
position: relative;
overflow: hidden;
}
.hongo-instagram-widget-wrap figure {
position: relative;
overflow: hidden;
}
.hongo-instagram-widget-wrap .hongo-overlay {
z-index: 0;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-instagram-widget-wrap a {
position: relative;
display: block;
}
.hongo-instagram-widget-wrap a:hover .hongo-overlay,
.hongo-instagram-widget-wrap figure:hover .hongo-overlay {
opacity: 0.85;
}
.hongo-instagram-widget-wrap .insta-counts {
z-index: 1;
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
color: #fff;
font-size: 18px;
line-height: normal;
opacity: 0;
margin-top: -12px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-instagram-widget-wrap .instagram-wrap a:hover .insta-counts,
.hongo-instagram-widget-wrap figure a:hover .insta-counts,
.hongo-instagram-widget-wrap figure:hover .insta-counts {
opacity: 1;
}
.hongo-instagram-widget-wrap .insta-counts i {
margin: 0;
position: relative;
top: 0px;
opacity: 1;
}
.hongo-instagram-widget-wrap .insta-counts>span {
margin: 0 9px;
font-weight: 500;
}
.hongo-instagram-widget-wrap .first-big-image li:first-child {
width: 50%;
}  .category-style-1 {
display: table;
margin: 0;
}
.category-style-1 .category-wrap {
position: relative;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-1 .category-wrap .hongo-category-title {
padding: 0 20px;
margin: 0;
font-size: 18px;
color: #000;
line-height: 26px;
font-weight: 500;
position: absolute;
bottom: 11%;
width: 100%;
left: 0;
z-index: 2;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-1 .category-wrap .hongo-category-title a {
color: #232323;
font-size: 12px;
padding: 5px 13px;
background: transparent;
}
.category-style-1 .category-wrap:hover .hongo-category-title {
bottom: 13%
}
.category-style-1 .category-wrap:hover .hongo-category-title a {
color: #fff;
background: #232323;
}
.category-style-1 .category-wrap .hongo-overlay {
background-color: #fff;
z-index: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-1 .category-wrap:hover .hongo-overlay {
opacity: .40 !important
}
.category-style-1 .category-wrap img {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-1 .category-wrap:hover img {
position: relative;
top: -7px
} .category-style-2 {
display: table;
margin: 0;
}
.category-style-2 .category-wrap *,
.category-style-2 .category-wrap:hover * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-2 .category-wrap {
position: relative;
overflow: hidden;
}
.category-style-2 .category-wrap img {
display: block;
margin-left: auto;
margin-right: auto;
}
.category-style-2 .category-wrap .hongo-category-title {
padding: 0 20px;
margin: 0;
font-size: 13px;
color: #fff;
line-height: 20px;
font-weight: 500;
position: absolute;
bottom: -15%;
width: 100%;
left: 0;
z-index: 2;
}
.category-style-2 .category-wrap:hover .hongo-category-title {
bottom: 50%;
transform: translateY(50%);
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
}
.category-style-2 .category-wrap .hongo-category-title a {
color: #fff;
}
.category-style-2 .category-wrap .hongo-category-title a:hover {
color: #fff
}
.category-style-2 .category-wrap .product-count {
padding: 0 20px;
margin: 0;
position: absolute;
bottom: -50px;
width: 100%;
left: 0;
z-index: 2;
}
.category-style-2 .category-wrap:hover .product-count {
bottom: 13%;
}
.category-style-2 .category-wrap .product-count span {
font-size: 11px;
color: #232323;
line-height: 18px;
font-weight: 600;
background-color: #fff;
padding: 4px 15px;
}
.category-style-2 .category-wrap .hongo-overlay {
background-color: #151515;
z-index: 1;
opacity: 0;
}
.category-style-2 .category-wrap:hover .hongo-overlay {
opacity: .80;
}
.category-style-2 .category-wrap:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-o-transform: scale(1.1);
} .category-style-3 {
display: table;
margin: 0;
}
.category-style-3 .category-wrap *,
.category-style-3 .category-wrap:hover * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-3 .category-wrap img {
display: block;
margin-left: auto;
margin-right: auto;
}
.category-style-3 .category-wrap {
position: relative;
overflow: hidden;
}
.category-style-3 .category-wrap .hongo-category-title {
padding: 0 15px;
margin: 0;
font-size: 13px;
color: #232323;
line-height: 18px;
font-weight: 600;
position: absolute;
bottom: 9%;
width: 100%;
left: 0;
z-index: 2;
}
.category-style-3 .category-wrap:hover .hongo-category-title {
bottom: 50%;
transform: translateY(50%);
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
color: #fff;
}
.category-style-3 .category-wrap .category-btn-wrap {
position: absolute;
bottom: 0;
opacity: 0;
z-index: 2;
width: 100%;
text-align: center;
}
.category-style-3 .category-wrap .hongo-category-btn {
font-size: 11px;
text-transform: uppercase;
line-height: 18px;
font-weight: 500;
background: #232323;
color: #fff;
padding: 5px 16px;
border-radius: 3px;
}
.category-style-3 .category-wrap .hongo-category-btn:hover {
background: #fff;
color: #232323;
}
.category-style-3 .category-wrap:hover .category-btn-wrap {
opacity: 1;
bottom: 30px;
}
.category-style-3 .category-wrap .hongo-category-title a {
font-size: 13px;
color: #232323;
line-height: 18px;
font-weight: 500;
}
.category-style-3 .category-wrap:hover .hongo-category-title a {
color: #fff;
}
.category-style-3 .category-wrap .hongo-overlay {
background: #f57250;
height: 0;
bottom: 0;
top: inherit;
z-index: 1
}
.category-style-3 .category-wrap:hover .hongo-overlay {
height: 100%;
} .category-style-4 {
display: table;
margin: 0;
}
.category-style-4 .category-wrap *,
.category-style-4 .category-wrap:hover * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-4 .category-wrap {
position: relative;
overflow: hidden;
}
.category-style-4 .category-wrap img {
display: block;
margin-left: auto;
margin-right: auto;
}
.category-style-4 .category-wrap .hongo-category-title {
padding: 0 0 0 14%;
margin: 0;
text-align: left;
font-size: 13px;
color: #232323;
line-height: 18px;
font-weight: 500;
position: absolute;
bottom: 11%;
width: 55%;
left: 0;
z-index: 2;
}
.category-style-4 .category-wrap:hover .hongo-category-title {
color: #fff;
}
.category-style-4 .category-wrap .hongo-category-title a {
color: #232323;
position: relative;
}
.category-style-4 .category-wrap .hongo-category-title a:after {
border-bottom: 1px solid #fff;
content: "";
position: absolute;
width: 0;
bottom: -1px;
left: 0;
-webkit-transition: width .4s;
transition: width .4s
}
.category-style-4 .category-wrap:hover .hongo-category-title a:after {
width: 100%
}
.category-style-4 .category-wrap:hover .hongo-category-title a {
color: #fff;
}
.category-style-4 .category-wrap .hongo-category-btn {
padding: 0 14% 0 0;
margin: 0;
text-align: right;
font-size: 11px;
color: #fff;
line-height: 16px;
font-weight: 500;
position: absolute;
bottom: 11.5%;
width: 48%;
right: -40%;
opacity: 0;
z-index: 2;
}
.category-style-4 .category-wrap .hongo-category-btn i {
margin: 0 5px 0;
}
.category-style-4 .category-wrap:hover .hongo-category-btn {
right: 0;
opacity: 1
}
.category-style-4 .category-wrap .hongo-overlay {
background: #f57250;
height: 0;
bottom: 0;
top: inherit;
z-index: 1
}
.category-style-4 .category-wrap:hover .hongo-overlay {
height: 100%;
}
.category-style-4 .category-wrap:hover img {
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
} .category-style-5 {
display: table;
margin: 0;
}
.category-style-5 .category-wrap *,
.category-style-5 .category-wrap:hover * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-5 .category-wrap img {
display: block;
margin-left: auto;
margin-right: auto;
}
.category-style-5 .category-wrap {
position: relative;
overflow: hidden
}
.category-style-5 .category-wrap:hover img {
opacity: .5;
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.category-style-5 .category-wrap .hongo-overlay {
opacity: 0;
z-index: -1
}
.category-style-5 .category-wrap:hover .hongo-overlay {
opacity: .7
}
.category-style-5 .category-wrap .hongo-category-title {
padding: 0 20px;
margin: 0;
text-align: left;
color: #000;
line-height: 20px;
font-weight: 500;
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
z-index: 2;
}
.category-style-5 .category-wrap:hover .hongo-category-title span {
width: 80%;
background: #232323;
color: #fff
}
.category-style-5 .category-wrap .hongo-category-title a {
color: #000;
display: block;
}
.category-style-5 .category-wrap .hongo-category-title a:hover {
color: #f57250
}
.category-style-5 .category-wrap .hongo-category-title span {
width: 100%;
overflow: hidden;
background-color: #fff;
padding: 10px 40px 11px 20px;
font-size: 13px;
position: relative;
display: block;
}
.category-style-5 .category-wrap .hongo-category-title span i {
font-size: 12px;
position: absolute;
right: 0;
top: 50%;
margin: 0 14px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
z-index: 1;
}
.category-style-5 .category-wrap .hongo-category-title span:after {
content: "";
width: 1px;
height: 140%;
background-color: #e7e7e7;
float: right;
position: absolute;
right: 20px;
top: -8px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.category-style-5 .category-wrap:hover .hongo-category-title span:after {
opacity: .2;
} .category-style-6 {
display: table;
margin: 0;
}
.category-style-6.gutter-very-small li {
margin-bottom: 15px !important;
}
.category-style-6 .category-wrap *,
.category-style-6 .category-wrap:hover * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-6 .category-wrap {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.category-style-6 .category-wrap img {
margin-left: auto;
margin-right: auto;
display: block;
}
.category-style-6 .hongo-category-title {
padding: 0;
margin: 0;
font-size: 13px;
color: #232323;
line-height: 20px;
font-weight: 500;
width: 100%;
}
.category-style-6 .hongo-category-title a {
color: #232323;
}
.category-style-6 .hongo-category-title a:hover {
color: #f57250;
}
.category-style-6 .hongo-overlay {
background-color: #000;
top: inherit;
bottom: 0;
height: 0;
z-index: 1
}
.category-style-6 [class^=col-]:hover .hongo-overlay,
.category-style-6 [class^=vc_col-]:hover .hongo-overlay {
height: 100%;
}
.category-style-6 .hongo-category-count {
padding: 12px 15px 13px;
width: 100%;
background-color: #232323;
margin: 0;
position: absolute;
bottom: -40%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 2;
}
.category-style-6 [class^=col-]:hover .hongo-category-count,
.category-style-6 [class^=vc_col-]:hover .hongo-category-count {
bottom: 0;
}
.category-style-6 .hongo-category-btn {
padding: 0;
margin: 0;
font-size: 11px;
color: #fff;
line-height: 16px;
font-weight: 600;
display: inline-block;
}
.category-style-6 .hongo-category-btn .icon-left {
margin-right: 7px;
}
.category-style-6 .hongo-category-btn .icon-right {
margin-left: 7px;
}
.category-style-6 .hongo-category-count .product-count {
display: inline-block;
font-size: 11px;
color: #B8B8B8;
text-transform: uppercase;
line-height: 16px;
font-weight: 600;
}
.category-style-6 .hongo-category-count .product-count span {
position: relative;
padding: 0 10px;
}
.category-style-6 .hongo-category-count .product-count span:before {
content: "(";
padding: 0 1px 0 0
}
.category-style-6 .hongo-category-count .product-count span:after {
content: ")";
padding: 0 0 0 1px
}
.category-style-6 .category-wrap:hover img {
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
} .category-style-7 {
display: table;
margin: 0;
}
.category-style-7 .category-wrap *,
.category-style-7 .category-wrap:hover * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-7 .category-wrap:hover {
background: #232323
}
.category-style-7 .category-wrap img {
margin-left: auto;
margin-right: auto;
display: block;
}
.category-style-7 .category-wrap:hover img {
opacity: .4
}
.category-style-7 .category-wrap {
position: relative;
}
.category-style-7 .category-wrap .hongo-category-title {
padding: 0 15px;
margin: 0;
font-size: 12px;
color: #000;
line-height: 18px;
font-weight: 500;
position: absolute;
bottom: 12%;
width: 100%;
left: 0;
z-index: 2;
}
.category-style-7 .category-wrap .hongo-category-title a {
color: #232323;
padding: 5px 16px;
background: transparent;
border-radius: 4px
}
.category-style-7 .category-wrap:hover .hongo-category-title a {
color: #232323;
padding: 5px 16px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, .20);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .20);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .20);
}
.category-style-7 .category-wrap .hongo-category-title a:hover {
color: #f57250;
} .category-style-8 {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.category-style-8 .category-content .hongo-category-title {
margin-bottom: 0;
}
.category-style-8 .category-content .hongo-category-title a {
pointer-events: auto;
}
.category-style-8 .category-content .hongo-category-title,
.category-style-8 .category-content .hongo-category-title a {
color: #232323;
font-size: inherit;
line-height: 20px;
border: 0;
font-weight: 500;
}
.category-style-8 .category-content .product-count {
color: #808080;
font-size: 12px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.category-style-8 .category-content .product-count span {
pointer-events: auto;
}
.category-style-8 .category-wrap {
position: relative;
overflow: hidden;
}
.category-style-8 .category-wrap img {
width: 100%;
}
.category-style-8 .category-wrap .category-image {
position: relative;
z-index: 0;
}
.category-style-8 .category-wrap .category-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
padding: 40px 40px;
width: 100%;
z-index: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transform: translateY(20px);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
pointer-events: none;
}
.category-style-8 .category-wrap:hover .category-content {
transform: translateY(5px);
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
}
.category-style-8 .category-content .product-count {
transform: translateY(60px);
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
}
.category-style-8 .category-wrap:hover .product-count {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
} .category-style-9 {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.category-style-9 li.grid-item-border .hongo-category-grid-wrap {
border: 6px solid #fff;
}
.category-style-9 li .hongo-category-grid-details {
position: absolute;
z-index: 9;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-top {
left: 35px;
top: 35px;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-middle {
left: 35px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-bottom {
left: 35px;
bottom: 35px;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-right-top {
right: 35px;
top: 35px;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-right-middle {
right: 35px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-right-bottom {
right: 35px;
bottom: 35px;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-top {
text-align: center;
padding: 0 50px;
left: 0;
right: 0;
top: 50px;
width: 100%;
}
.category-style-9 li .category-bottom-text {
position: absolute;
left: 35px;
bottom: -27px;
font-size: 60px;
color: #fff;
opacity: 0.6;
line-height: normal;
font-weight: 500;
letter-spacing: -4px
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-left-bottom+.category-bottom-text,
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-right-bottom+.category-bottom-text {
bottom: auto;
top: -35px;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-top .title,
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-middle .title,
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-bottom .title {
display: inline-block;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-middle {
text-align: center;
padding: 0 50px;
left: 0;
right: 0;
top: 50%;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-middle .hongo-category-count,
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-top .hongo-category-count,
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-middle .shop-category-link,
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-top .shop-category-link {
left: 0;
right: 0;
margin: 0 auto;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-bottom {
text-align: center;
padding: 0 50px;
left: 0;
right: 0;
bottom: 50px;
width: 100%;
}
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-bottom .shop-category-link,
.category-style-9 li .hongo-category-grid-details.hongo-category-grid-center-bottom .hongo-category-count {
left: 0;
right: 0;
margin: 0 auto;
}
.category-style-9 li .hongo-category-grid-details .title a {
color: #232323;
font-size: 16px;
border: 0;
font-weight: 400;
padding: 5px 16px 5px;
display: block;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.category-style-9 li .hongo-category-grid-wrap:hover .title a {
background: #232323;
color: #fff;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.category-style-9 li .hongo-category-grid-details .hongo-category-count {
display: table;
color: #808080;
font-size: 11px;
font-weight: 500;
position: relative;
top: -10px;
padding: 2px 16px;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.category-style-9 li .hongo-category-grid-wrap:hover .hongo-category-count {
background-color: #fff;
color: #232323;
top: 0
}
.category-style-9 li .hongo-category-grid-details .shop-category-link {
font-size: 11px;
color: #000000;
position: relative;
top: -9px;
display: table;
text-decoration: none;
font-weight: 500;
border-bottom: 0 solid #000000;
padding: 3px 16px;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.category-style-9 li .hongo-category-grid-details .shop-category-link:after {
content: "";
border-bottom: 1px solid #000;
position: absolute;
left: 16px;
width: calc(100% - 32px);
bottom: 6px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.category-style-9 li .hongo-category-grid-wrap:hover .shop-category-link:after {
border: 0;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.category-style-9 li .hongo-category-grid-wrap:hover .shop-category-link {
background-color: #fff;
color: #232323;
top: 0
}
.category-style-9 li .hongo-category-grid-wrap {
position: relative;
overflow: hidden;
}
.category-style-9 li .hongo-category-grid-wrap img {
width: 100%;
}
.category-style-9 li .hongo-category-grid-wrap .hongo-overlay {
z-index: 0
}
.category-style-9 li .hongo-category-grid-wrap img {
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}
.category-style-9 li .hongo-category-grid-wrap:hover img {
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
} .category-style-10 {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.category-style-10 li .hongo-category-grid-details {
position: absolute;
z-index: 9;
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-left-top {
left: 35px;
top: 35px;
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-left-middle {
left: 35px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-left-bottom {
left: 50px;
bottom: 35px;
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-right-top {
right: 35px;
top: 35px;
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-right-middle {
right: 35px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-right-bottom {
right: 35px;
bottom: 35px;
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-center-top {
text-align: center;
padding: 0 35px;
left: 0;
right: 0;
top: 35px;
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-center-middle {
text-align: center;
padding: 0 35px;
left: 0;
right: 0;
top: 50%;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.category-style-10 li .hongo-category-grid-details.hongo-category-grid-center-bottom {
text-align: center;
padding: 0 35px;
left: 0;
right: 0;
bottom: 40px;
width: 100%;
}
.category-style-10 li .hongo-category-grid-details .title {
display: inline-block;
}
.category-style-10 li .hongo-category-grid-details .title a {
background-color: #fff;
box-shadow: 0 0 10px rgba(23, 23, 23, .1);
padding: 8px 20px;
border-radius: 4px;
color: #121212;
font-size: 12px;
line-height: 18px;
border: 0;
font-weight: 500;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-10 li .hongo-category-grid-wrap:hover .title a {
background-color: #232323;
color: #fff;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-10 li .hongo-category-grid-wrap {
position: relative;
overflow: hidden;
}
.category-style-10 li .hongo-category-grid-wrap img {
width: 100%;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-10 li .hongo-category-grid-wrap:hover img {
opacity: .7;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-10 li .hongo-category-grid-wrap .hongo-overlay {
z-index: 0;
background: #232323
} .category-style-11 {
margin: 0;
display: table;
}
.category-style-11 .category-wrap {
position: relative;
text-align: center;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-11 .category-wrap .hongo-category-title {
font-size: 80px;
line-height: 80px;
text-transform: uppercase;
font-weight: 700;
position: absolute;
left: 0;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.15;
margin: 16px 0 0 0;
text-align: center;
z-index: 2;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.category-style-11 .category-wrap:hover .hongo-category-title {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
top: 100%;
opacity: 1;
margin-top: 0;
}
.category-style-11 .category-wrap .hongo-category-title a {
background: transparent;
color: #000000;
}
.category-style-11 .category-wrap:hover .hongo-category-title a {
background: #fff;
color: #bde51e;
display: block;
}  .woocommerce ul.products,
.woocommerce-page ul.products {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin-left: 0;
margin-right: 0;
padding: 0;
text-align: center;
margin: 0;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
display: block;
width: 100%;
}
.woocommerce ul.products li.product a img {
margin: 0;
}
.woocommerce ul.products li.product .product-thumb-wrap img {
width: 100%;
}
.woocommerce ul.products li.product .product-thumb-box {
margin-bottom: 25px;
position: relative;
overflow: hidden;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 0;
margin: 0;
font-weight: 600;
color: #232323;
font-size: inherit;
line-height: 20px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-category__title,
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product a:hover h3 {
color: #f57250
}
.woocommerce ul.products li.product .count {
color: #434343;
background-color: transparent;
}
.woocommerce ul.products li.product .star-rating {
margin: 8px auto 10px;
font-size: 10px;
}
.woocommerce ul.products li.product .price {
color: #808080;
font-weight: 400;
font-size: 14px;
}
.woocommerce ul.products li.product .price del {
display: inline-block;
opacity: 1;
margin-right: 5px;
}
.woocommerce ul.products li.product .price ins {
margin-left: 2px;
font-weight: 400;
}
.woocommerce ul.products.hongo-shop-default li.product a.button {
min-width: 150px;
margin: 5px 0;
vertical-align: bottom;
}
.woocommerce ul.products li.product a.button.added.add_to_cart_button {
display: none;
}
.woocommerce ul.products.hongo-shop-default li.product a i {
position: relative;
top: 1px;
}
.woocommerce ul.products.hongo-shop-default li.product a.product_type_variable i {
top: 2px;
}
.woocommerce ul.products li.product a.button i {
margin: 0 5px 0 0;
font-size: 13px;
top: 0;
}
.woocommerce ul.products li.product.hongo-shop-default a.added_to_cart,
.woocommerce ul.products li.product.hongo-shop-default a.compare {
margin-top: 5px;
}
.woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap {
margin-top: 20px;
margin-bottom: 10px
}
.woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap a {
text-align: inherit;
display: block;
padding: 7px 0 3px 0;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
position: relative;
border: 0;
background-color: transparent;
color: #232323;
border-top: 1px solid #e8e8e8;
margin-left: 0;
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap a.loading {
border-top: 1px solid #e8e8e8 !important;
}
.woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap a .hongo-loader {
margin-top: 2px;
}
.woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap a:hover {
color: #f57250;
}
.woocommerce ul.products.hongo-shop-default li.product .product-buttons-wrap a i {
margin: 0 5px 0 0;
top: 1px;
font-size: 11px;
}
.woocommerce ul.products.hongo-shop-default li.product.product-category img {
margin-bottom: 20px;
}
.woocommerce ul.products li.product.hongo-alternate-image-wrap a .hongo-alternate-image {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.woocommerce ul.products li.product.hongo-alternate-image-wrap:hover a .hongo-alternate-image {
opacity: 1;
visibility: visible;
}
.woocommerce ul.products.hongo-shop-default.hongo-text-left li.product {
text-align: left;
}
.woocommerce ul.products.hongo-shop-default.hongo-text-right li.product {
text-align: right;
}
.woocommerce ul.products.hongo-shop-default.hongo-text-center li.product {
text-align: center;
}
.woocommerce ul.products.hongo-shop-default.hongo-text-left li.product .star-rating {
margin-left: 0;
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-default.hongo-text-right li.product .star-rating {
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-list li.product.hongo-alternate-image-wrap:hover a .hongo-alternate-image {
opacity: 0;
visibility: hidden;
}
.woocommerce ul.products.hongo-shop-list li.product.hongo-alternate-image-wrap .product-thumb-wrap:hover a .hongo-alternate-image {
opacity: 1;
visibility: visible;
} .woocommerce ul.products li.product .hongo-loop-product-slider .swiper-button-next,
.woocommerce ul.products li.product .hongo-loop-product-slider .swiper-button-prev { 
right: 0;
background: #fff;
padding: 9px 10px 7px; 
opacity: 0; 
z-index: 11;
text-align: center; 
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; 
-ms-transition-duration: 0.4s; 
-o-transition-duration: 0.4s; 
transition-duration: 0.4s;
}
.woocommerce ul.products li.product:hover .hongo-loop-product-slider .swiper-button-next.swiper-button-disabled,
.woocommerce ul.products li.product:hover .hongo-loop-product-slider .swiper-button-prev.swiper-button-disabled {
opacity: 0.7;
}
.woocommerce ul.products li.product .hongo-loop-product-slider .swiper-button-next.swiper-button-disabled i,
.woocommerce ul.products li.product .hongo-loop-product-slider .swiper-button-prev.swiper-button-disabled i {
opacity: 0.5;
}
.woocommerce ul.products li.product .hongo-loop-product-slider .swiper-button-prev { 
left: 0;  
right: inherit;
}
.woocommerce ul.products li.product:hover .hongo-loop-product-slider .swiper-button-next,
.woocommerce ul.products li.product:hover .hongo-loop-product-slider .swiper-button-prev { 
opacity: 1;
}
.woocommerce ul.products li.product .swiper-container { 
z-index: inherit;
}
.woocommerce ul.products li.product .hongo-loop-product-slider .swiper-slide img {
width: 100%;
}   .woocommerce ul.products.hongo-shop-classic li.product .hongo-product-deal-wrap,
.woocommerce ul.products.hongo-shop-modern li.product .hongo-product-deal-wrap,
.woocommerce ul.products.hongo-shop-standard li.product .hongo-product-deal-wrap {
-webkit-transition-duration: 1s !important; 
-moz-transition-duration: 1s !important;
-ms-transition-duration: 1s !important;
-o-transition-duration: 1s !important;
transition-duration: 1s !important;
}
.woocommerce ul.products.hongo-shop-metro li.product .hongo-product-deal-wrap,
.woocommerce ul.products.hongo-shop-clean li.product .hongo-product-deal-wrap {
top: 15px;
bottom: auto;
}
.woocommerce ul.products.hongo-shop-metro li.product:hover .hongo-product-deal-wrap,
.woocommerce ul.products.hongo-shop-clean li.product:hover .hongo-product-deal-wrap {
top: -100px !important;
bottom: auto !important;
}  .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product:hover .hongo-product-deal-wrap{
opacity: 1;
bottom: 15px !important;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product:hover .hongo-loop-product-slider .swiper-button-next,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product:hover .hongo-loop-product-slider .swiper-button-prev {
opacity: 0
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap:hover .hongo-loop-product-slider .swiper-button-next,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap:hover .hongo-loop-product-slider .swiper-button-prev {
opacity: 1;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap:hover .hongo-product-deal-wrap {
opacity: 0;
bottom: -100px !important;
}
.hongo-product-deal-wrap,
.hongo-quick-view-deal-wrap {
width: 100%;
background: transparent;
opacity: 1;
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-duration: 0.5s !important; 
-moz-transition-duration: 0.5s !important;
-ms-transition-duration: 0.5s !important;
-o-transition-duration: 0.5s !important;
transition-duration: 0.5s !important;
}
.hongo-product-deal-wrap > span,
.hongo-quick-view-deal-wrap > span {
min-width: 60px;
min-height: 40px;
vertical-align: middle;
color: #232323;
font-size: 18px;
line-height: 18px;
font-weight: 600;
font-family: 'Poppins',sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hongo-product-deal-wrap span > span,
.hongo-quick-view-deal-wrap span > span {
display: block;
color: #808080;
font-size: 11px;
line-height: 11px;
font-weight: 400;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
margin-top: 5px;
}
.woocommerce ul.products li.product:hover .hongo-product-deal-wrap {
opacity: 0;
-webkit-transition-duration: 0.4s !important; 
-moz-transition-duration: 0.4s !important; 
-ms-transition-duration: 0.4s !important; 
-o-transition-duration: 0.4s !important; 
transition-duration: 0.4s !important;
bottom: -100px !important;
}
.woocommerce ul.products li.product .hongo-product-deal-wrap {
position: absolute;
bottom: 15px;
left: 15px;
width: calc(100% - 30px);
background: #fff;
padding: 0;
margin-top: 0;
margin-bottom: 0;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
opacity: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
.woocommerce ul.products li.product .hongo-product-deal-wrap > span {
min-width: 54px;
min-height: 64px;
text-align: center;
} .woocommerce ul.products.hongo-shop-boxed li.product .hongo-product-deal-wrap {
flex-direction: column;
top: 60px;
bottom: auto !important;
width: auto !important;
}
.woocommerce ul.products.hongo-shop-boxed li.product .hongo-product-deal-wrap > span {
min-width: 54px;
min-height: 55px;
text-align: center;
}
.woocommerce ul.products.hongo-shop-boxed li.product:hover .hongo-product-deal-wrap {
bottom: auto !important;
left: -100px !important;
} .woocommerce ul.products.hongo-shop-col-1 li.product,
.woocommerce ul.products.hongo-shop-col-1 li,
.woocommerce-page ul.products.hongo-shop-col-1 li.product {
width: 100%
}
.woocommerce ul.products.hongo-shop-col-2 li.product,
.woocommerce ul.products.hongo-shop-col-2 li,
.woocommerce-page ul.products.hongo-shop-col-2 li.product {
width: 50%;
}
.woocommerce ul.products.hongo-shop-col-3 li.product,
.woocommerce ul.products.hongo-shop-col-3 li,
.woocommerce-page ul.products.hongo-shop-col-3 li.product {
width: 33.33333333%;
}
.woocommerce ul.products.hongo-shop-col-4 li.product,
.woocommerce ul.products.hongo-shop-col-4 li,
.woocommerce-page ul.products.hongo-shop-col-4 li.product {
width: 25%;
}
.woocommerce ul.products.hongo-shop-col-5 li.product,
.woocommerce ul.products.hongo-shop-col-5 li,
.woocommerce-page ul.products.hongo-shop-col-5 li.product {
width: 20%;
}
.woocommerce ul.products.hongo-shop-col-6 li.product,
.woocommerce ul.products.hongo-shop-col-6 li,
.woocommerce-page ul.products.hongo-shop-col-6 li.product {
width: 16.666667%;
} .woocommerce ul.products.hongo-shop-modern.hongo-shop-col-1 li.product,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-1 li,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-1 li.product {
width: 100%;
clear: none
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-2 li.product,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-2 li,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-2 li.product {
width: 50%;
clear: none
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-3 li.product,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-3 li,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-3 li.product {
width: 33.33333333%;
clear: none
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-4 li.product,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-4 li,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-4 li.product {
width: 25%;
clear: none
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-5 li.product,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-5 li,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-5 li.product {
width: 20%;
clear: none
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-6 li.product,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-6 li,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-6 li.product {
width: 16.666667%;
clear: none
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-2 li.product.grid-item-double,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-2 li.grid-item-double,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-2 li.product.grid-item-double {
width: 100%;
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-3 li.product.grid-item-double,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-3 li.grid-item-double,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-3 li.product.grid-item-double {
width: 66.66666667%;
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-4 li.product.grid-item-double,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-4 li.grid-item-double,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-4 li.product.grid-item-double {
width: 50%;
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-5 li.product.grid-item-double,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-5 li.grid-item-double,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-5 li.product.grid-item-double {
width: 50%;
}
.woocommerce ul.products.hongo-shop-modern.hongo-shop-col-6 li.product.grid-item-double,
.woocommerce ul.hongo-shop-modern.products.hongo-shop-col-6 li.grid-item-double,
.woocommerce-page ul.hongo-shop-modern.products.hongo-shop-col-6 li.product.grid-item-double {
width: 40%;
} .woocommerce ul.products.hongo-shop-metro.hongo-shop-col-1 li.product,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-1 li,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-1 li.product {
width: 100%;
clear: none
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-2 li.product,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-2 li,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-2 li.product {
width: 50%;
clear: none
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-3 li.product,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-3 li,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-3 li.product {
width: 33.33333333%;
clear: none
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-4 li.product,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-4 li,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-4 li.product {
width: 25%;
clear: none
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-5 li.product,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-5 li,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-5 li.product {
width: 20%;
clear: none
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-6 li.product,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-6 li,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-6 li.product {
width: 16.666667%;
clear: none
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-2 li.product.grid-item-double,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-2 li.grid-item-double,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-2 li.product.grid-item-double {
width: 100%;
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-3 li.product.grid-item-double,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-3 li.grid-item-double,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-3 li.product.grid-item-double {
width: 66.66666667%;
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-4 li.product.grid-item-double,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-4 li.grid-item-double,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-4 li.product.grid-item-double {
width: 50%;
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-5 li.product.grid-item-double,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-5 li.grid-item-double,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-5 li.product.grid-item-double {
width: 50%;
}
.woocommerce ul.products.hongo-shop-metro.hongo-shop-col-6 li.product.grid-item-double,
.woocommerce ul.hongo-shop-metro.products.hongo-shop-col-6 li.grid-item-double,
.woocommerce-page ul.hongo-shop-metro.products.hongo-shop-col-6 li.product.grid-item-double {
width: 40%;
} .compare-popup-heading {
float: left;
width: 100%;
margin-bottom: 20px;
}
.compare-popup-heading h3 {
margin: 0;
font-size: 12px;
color: #424242;
font-weight: 600;
float: left;
padding: 0;
border: 0;
}
.compare-popup-heading .actions {
margin-right: 20px;
line-height: normal;
width: 100%;
text-align: right;
position: relative
}
.compare-popup-heading .actions a {
font-size: 11px;
font-weight: 600;
color: #424242;
position: relative;
padding: 0 20px 0 0;
margin-top: -1px;
display: inline-block;
}
.compare-popup-heading .actions span {
position: absolute;
left: 50%;
top: -10px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.compare-popup-heading .actions a:hover {
color: #f57250;
}
.compare-popup-heading .actions a:before {
content: "/";
position: absolute;
right: 8px;
top: 0;
}
.compare-popup-heading .actions a:last-child {
padding: 0;
}
.compare-popup-heading .actions a:last-child:before {
display: none;
}
.quick-view-popup-wrap.hongo-mfp-bg-white .mfp-content {
width: 1000px;
}
.compare-popup-main-content {
float: left;
width: 100%;
clear: both;
position: relative;
overflow-y: auto;
max-height: 750px;
}
.hongo-quick-view-popup .woocommerce {
overflow-y: auto;
}
.compare-popup-main-content ul {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 100%;
}
.compare-popup-main-content ul li {
float: left;
width: 100%;
}
.compare-popup-main-content table {
margin-bottom: 0;
}
.compare-popup-main-content .content-left {
width: 269px;
float: left;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.compare-popup-main-content .content-right {
width: 100%;
padding-left: 269px;
overflow-x: auto;
}
.compare-popup-main-content .content-right .compare-lists-wrap>li {
width: 269px;
float: left;
position: relative;
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li,
.compare-popup-main-content .content-left ul>li {
float: left;
width: 100%;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
padding: 16px 28px 14px;
text-align: center;
font-size: 12px;
line-height: 20px;
position: relative;
}
.compare-popup-main-content .content-left ul>li {
text-align: left;
color: #424242;
font-weight: 600;
border-left: 1px solid #e4e4e4;
}
.compare-popup-main-content .content-left ul>li:first-child,
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li:first-child {
border-top: 1px solid #e4e4e4;
padding-left: 20px;
padding-right: 20px;
}
.compare-popup-main-content .content-right .hongo-compare-product-remove-wrap {
float: left;
width: 100%;
margin-bottom: 20px;
}
.compare-popup-main-content .content-right .hongo-compare-product-remove-wrap .hongo-compare-product-filter-opt {
float: left
}
.compare-popup-main-content .content-right .hongo-compare-product-remove-wrap .hongo-compare-product-remove {
float: right;
color: #808080;
font-size: 10px;
line-height: normal;
position: relative;
top: 7px;
}
.compare-popup-main-content .content-right .hongo-compare-product-remove-wrap .hongo-compare-product-remove:hover {
color: #f57250;
}
.compare-popup-main-content .content-right .hongo-compare-product-filter-opt .hongo-compare-product-cb {
width: 12px;
border-radius: 0;
height: 12px;
text-align: center;
display: inline-block;
border: 1px solid #eaeaea;
background-color: #fff;
position: relative;
}
*.compare-popup-main-content .content-right .hongo-compare-product-filter-opt .hongo-compare-product-cb:before {
content: "";
border: 1px solid #c7c7c7;
width: 14px;
height: 14px;
left: -2px;
top: -2px;
float: left;
position: absolute;
}
.compare-popup-main-content .content-right .hongo-compare-product-filter-opt:hover .hongo-compare-product-cb:after,
.compare-popup-main-content .content-right .hongo-compare-product-filter-opt.active .hongo-compare-product-cb:after {
font-size: 9px;
color: #424242;
left: 1px;
top: 0;
line-height: 12px;
}
.compare-popup-main-content .even {
background-color: #f8f8f8;
}
.compare-popup-main-content .odd {
background-color: #fff;
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li img {
margin-bottom: 20px;
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li h2 {
font-size: 12px;
color: #424242;
font-weight: 600;
line-height: normal;
margin-bottom: 2px;
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li h2 a {
color: #424242
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li h2 a:hover {
color: #f57250
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li .price {
width: 100%;
display: block;
font-size: 13px;
font-weight: 500;
margin-bottom: 10px;
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li .button,
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li .button.loading {
font-size: 10px;
padding: 2px 12px 1px 12px;
line-height: 18px;
border-width: 1px;
text-transform: uppercase;
z-index: 0
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li .button i {
display: none
}
.compare-popup-main-content .content-right .compare-lists-wrap>li>ul>li .star-rating {
float: none;
margin-bottom: 0;
margin-top: 6px;
}
.quick-view-popup-wrap div.product div.summary {
width: 44%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.quick-view-popup-wrap .mfp-content div.product div.images {
width: 100%;
}
.quick-view-popup-wrap .mfp-content div.product .quick-view-gallery {
position: relative;
width: 47%;
margin-right: 4%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.quick-view-popup-wrap .quick-view-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quick-view-popup-wrap div.product .woocommerce-product-rating {
text-align: right;
margin-bottom: 0 !important;
}
.quick-view-popup-wrap div.product .woocommerce-review-link {
float: right;
}
.quick-view-popup-wrap div.product .woocommerce-product-rating .star-rating {
margin-right: 0;
}
.quick-view-popup-wrap div.product .product_title {
font-size: 18px;
margin: 0 0 3px 0;
} .woocommerce ul.products.hongo-shop-classic {
margin: 0;
}
.woocommerce ul.products.hongo-shop-classic li.product {
text-align: center;
margin-bottom: 0;
padding: 0;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-thumb-wrap {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.woocommerce ul.products.hongo-shop-classic li.product .tooltip-inner {
border-radius: 3px
}
.woocommerce ul.products.hongo-shop-classic li.product a img {
margin: 0;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap {
bottom: 8%;
position: absolute;
text-align: center;
width: 100%;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a {
border: 0;
background-color: #1b1b1b;
color: #fff;
min-width: 1px;
margin: 0 4px;
display: inline-block;
border-radius: 4px;
width: 37px;
height: 37px;
text-align: center;
vertical-align: middle;
padding: 0;
line-height: 38px;
opacity: 0;
transform: translateY(15px);
-moz-transform: translateY(15px);
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-classic li.product:hover .product-buttons-wrap a {
opacity: 1;
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.woocommerce ul.products.hongo-shop-classic li.product:hover .product-buttons-wrap a:hover {
background-color: #fff;
color: #4e4e4e;
-moz-box-shadow: 0 0 6px -2px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 0 6px -2px rgba(0, 0, 0, .7);
box-shadow: 0 0 6px -2px rgba(0, 0, 0, .7);
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a:nth-child(1) {
transition-delay: 0s, 0.1s, 0.1s;
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-ms-transition-delay: 0s, 0.1s, 0.1s;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a:nth-child(2) {
transition-delay: 0s, 0.2s, 0.2s;
-webkit-transition-delay: 0s, 0.2s, 0.2s;
-moz-transition-delay: 0s, 0.2s, 0.2s;
-ms-transition-delay: 0s, 0.2s, 0.2s;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a:nth-child(3) {
transition-delay: 0s, 0.3s, 0.3s;
-webkit-transition-delay: 0s, 0.3s, 0.3s;
-moz-transition-delay: 0s, 0.3s, 0.3s;
-ms-transition-delay: 0s, 0.3s, 0.3s;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a:nth-child(4) {
transition-delay: 0s, 0.4s, 0.4s;
-webkit-transition-delay: 0s, 0.4s, 0.4s;
-moz-transition-delay: 0s, 0.4s, 0.4s;
-ms-transition-delay: 0s, 0.4s, 0.4s;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a:nth-child(5) {
transition-delay: 0s, 0.5s, 0.5s;
-webkit-transition-delay: 0s, 0.5s, 0.5s;
-moz-transition-delay: 0s, 0.5s, 0.5s;
-ms-transition-delay: 0s, 0.5s, 0.5s;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
padding: 0;
margin: 0;
min-height: 0;
min-width: 0;
line-height: 0;
float: left;
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a span {
display: none;
color: #fff;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none
}
.woocommerce ul.products.hongo-shop-classic li.product .product-buttons-wrap a.button i {
margin: 0;
width: 100%;
height: 100%;
vertical-align: top;
line-height: 37px;
display: block;
top: 0;
}
.woocommerce ul.products.hongo-shop-classic li.product .price {
margin-bottom: 10px;
}
.woocommerce ul.products.hongo-shop-classic li.product.product-category img {
margin-bottom: 20px;
}
.woocommerce ul.products.hongo-shop-classic.hongo-text-left li.product {
text-align: left;
}
.woocommerce ul.products.hongo-shop-classic.hongo-text-right li.product {
text-align: right;
}
.woocommerce ul.products.hongo-shop-classic.hongo-text-center li.product {
text-align: center;
}
.woocommerce ul.products.hongo-shop-classic.hongo-text-left li.product .star-rating {
margin-left: 0;
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-classic.hongo-text-right li.product .star-rating {
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-classic.hongo-text-center .button {
margin-left: 5px;
margin-right: 5px;
}
.woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-4 li.product .price,
.woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-3 li.product .price {
font-size: inherit;
}
.woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-4 li.product .price del,
.woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-3 li.product .price del {
margin: 0;
}
.woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-4 li.product .price>span,
.woocommerce .container ul.products.hongo-shop-clean.hongo-shop-col-3 li.product .price>span {
line-height: 14px;
} .woocommerce ul.products.hongo-shop-standard {
margin: 0;
}
.woocommerce ul.products.hongo-shop-standard li.product {
margin: 0;
padding: 0;
text-align: center;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-standard li.product.product-category img {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.woocommerce ul.products.hongo-shop-standard li.product a img {
margin: 0;
}
.woocommerce ul.products.hongo-shop-standard li.product .star-rating {
margin: 0 auto 10px;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap {
bottom: 0;
position: absolute;
text-align: center;
width: 100%;
right: 0;
z-index: 5;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a {
position: relative;
border: 0;
background-color: #1b1b1b;
color: #fff;
min-width: 1px;
margin: 0;
display: inline-block;
width: 33.33333333%;
height: 35px;
text-align: center;
vertical-align: middle;
padding: 0;
line-height: 35px;
opacity: 0;
border-right: 1px solid rgba(215, 215, 215, .15);
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
bottom: 0;
overflow: hidden;
}
.woocommerce ul.products.hongo-shop-standard li.product:hover .product-buttons-wrap a {
opacity: 1;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:last-child {
border: 0;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:hover {
background-color: #fff;
color: #424242;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a.add_to_cart_button:after {
width: 100%;
height: 100%;
line-height: 35px;
margin: 0;
top: 0;
left: 0;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a span {
color: #424242;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
position: relative;
bottom: 0px;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-thumb-wrap .product-buttons-wrap *,
.woocommerce ul.products.hongo-shop-standard li.product .product-title-price-wrap * {
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a.button i {
margin: 0;
width: 100%;
height: 100%;
vertical-align: top;
line-height: 36px;
display: block;
top: 0;
position: relative;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:hover i {
top: -30px;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:hover span {
bottom: 35px;
}
.woocommerce ul.products.hongo-shop-standard li.product .price {
margin-bottom: 10px;
}
.woocommerce ul.products.hongo-shop-standard.hongo-text-left li.product {
text-align: left;
}
.woocommerce ul.products.hongo-shop-standard.hongo-text-right li.product {
text-align: right;
}
.woocommerce ul.products.hongo-shop-standard.hongo-text-center li.product {
text-align: center;
}
.woocommerce ul.products.hongo-shop-standard li.product .price * {
transition: all 0s ease;
-moz-transition: all 0s ease;
-webkit-transition: all 0s ease;
-ms-transition: all 0s ease;
-o-transition: all 0s ease;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:nth-child(1) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:nth-child(2) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:nth-child(3) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:nth-child(4) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap a:nth-child(5) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-buttons-wrap:hover a {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare span,
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist span {
display: none
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare,
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist {
overflow: hidden;
background-color: #fff;
color: #232323;
z-index: 99;
position: absolute;
right: -50px;
top: 17px;
font-size: 12px;
opacity: 1;
margin: 0 !important;
padding: 0;
width: 30px;
height: 30px;
line-height: 31px;
text-align: center;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 100%;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare .hongo-loader,
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist .hongo-loader {
border-radius: 100%;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare:hover,
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist:hover {
background-color: #232323;
color: #fff;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare i,
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist i {
margin: 0 !important;
vertical-align: initial;
font-size: 12px;
transition: all 0s ease;
-moz-transition: all 0s ease;
-webkit-transition: all 0s ease;
-ms-transition: all 0s ease;
-o-transition: all 0s ease;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare i {
margin: 0;
font-size: 12px;
line-height: 28px;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist i.fa-heart {
top: -1px;
}
.woocommerce ul.products.hongo-shop-standard li.product:hover .hongo-compare,
.woocommerce ul.products.hongo-shop-standard li.product:hover .hongo-wishlist {
right: 17px;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare,
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist~.hongo-compare {
line-height: 26px
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-compare {
top: 17px;
}
.woocommerce ul.products.hongo-shop-standard li.product .hongo-wishlist~.hongo-compare {
top: 55px;
}
.woocommerce ul.products.hongo-shop-standard.hongo-buttons-1 li.product .product-buttons-wrap a {
width: 100%;
}
.woocommerce ul.products.hongo-shop-standard.hongo-buttons-2 li.product .product-buttons-wrap a {
width: 50%;
}
.woocommerce ul.products.hongo-shop-standard.hongo-buttons-3 li.product .product-buttons-wrap a {
width: 33.33333333%;
}
.woocommerce ul.products.hongo-shop-standard.hongo-buttons-4 li.product .product-buttons-wrap a {
width: 25%;
}
.woocommerce ul.products.hongo-shop-standard li.product .product-title-price-wrap .hongo-loader {
left: inherit;
right: -3px;
top: -2px;
height: 24px;
width: 24px;
text-align: right;
}
.woocommerce ul.products.hongo-shop-standard li.product .button {
margin-left: 5px;
margin-right: 5px;
} .woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap * {
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
}
.woocommerce ul.products.hongo-shop-simple {
margin: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product {
margin: 0;
padding: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-simple li.product.product-category img {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-thumb-wrap>a {
display: block
}
.woocommerce ul.products.hongo-shop-simple li.product .star-rating {
margin: 0 0 10px 0;
position: relative;
top: 6px;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-thumb-box {
margin-bottom: 0;
position: relative;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap {
bottom: 0;
position: absolute;
text-align: center;
width: 100%;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap a {
border: 0;
position: absolute;
left: 0;
bottom: 0;
background-color: #fff;
color: #232323;
display: inline-block;
margin: 0;
width: 100%;
padding: 10px 0px 5px;
opacity: 0;
visibility: hidden;
transform: translateY(40px);
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-simple li.product:hover .product-buttons-wrap a {
transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
opacity: 1;
visibility: visible;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap a:hover {
color: #000;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap a i {
vertical-align: middle;
top: -1px
}
.woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap a.add_to_cart_button:after {
width: 100%;
height: 100%;
line-height: 36px;
margin: 0;
top: 0;
left: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .woocommerce-loop-product__title {
margin: 0 0 2px 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .price {
margin-bottom: 0;
margin-left: 0;
width: 100%;
overflow: hidden
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap {
position: relative;
padding-left: 0;
padding-right: 25px;
overflow: hidden;
text-align: left;
width: 100%;
margin-bottom: 20px;
min-height: 40px;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-wishlist span {
display: none
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-wishlist {
position: absolute;
right: -30px;
top: 3px;
font-size: 12px;
opacity: 1;
margin: 0;
padding: 0;
background-color: transparent;
color: #515151;
border: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-wishlist i {
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product:hover .product-title-price-wrap .hongo-wishlist {
right: 7px;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-compare span {
display: none
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-compare i {
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-wishlist .hongo-loader,
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-compare .hongo-loader {
margin: -2px -2px 0 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-compare {
position: absolute;
right: -30px;
top: 3px;
font-size: 13px;
opacity: 1;
margin: 0;
padding: 0;
background-color: transparent;
color: #515151;
border: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product:hover .product-title-price-wrap .hongo-compare {
right: 6px;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-wishlist~.hongo-compare {
top: 23px;
}
.woocommerce ul.products.hongo-shop-simple li.product .product-title-price-wrap .hongo-loader {
left: inherit;
right: -3px;
top: -2px;
height: 24px;
width: 24px;
text-align: right;
}
.woocommerce ul.products.hongo-shop-simple li.product .hongo-price-button-wrap {
position: relative;
}
.woocommerce ul.products.hongo-shop-simple li.product .hongo-price-button-wrap .button {
position: absolute;
left: 0;
background-color: transparent;
padding: 0;
border: 0;
text-transform: uppercase;
font-size: 11px;
color: #232323;
font-weight: 500;
margin: 0;
top: 4px;
margin-left: -100%;
border-bottom: 1px solid #232323;
line-height: 15px
}
.woocommerce ul.products.hongo-shop-simple li.product .hongo-price-button-wrap .button:hover {
color: #000;
}
.woocommerce ul.products.hongo-shop-simple li.product .hongo-price-button-wrap .button i {
display: none;
}
.woocommerce ul.products.hongo-shop-simple li.product:hover .hongo-price-button-wrap .price {
margin-left: -100%;
}
.woocommerce ul.products.hongo-shop-simple li.product:hover .hongo-price-button-wrap .star-rating {
margin-left: -100%;
}
.woocommerce ul.products.hongo-shop-simple li.product:hover .hongo-price-button-wrap .button {
margin-left: 0;
}
.woocommerce ul.products.hongo-shop-simple li.product .button {
margin-right: 10px;
} .woocommerce ul.products.hongo-shop-flat {
margin: 0;
}
.woocommerce ul.products.hongo-shop-flat li.product {
margin: 0;
padding: 0
}
.woocommerce ul.products.hongo-shop-flat li.product .product-thumb-wrap {
position: relative;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce ul.products.hongo-shop-flat li.product a img {
margin: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-flat li.product:hover a img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: .9
}
.woocommerce ul.products.hongo-shop-flat li.product .sale-new-wrap {
padding: 0 14px;
top: 17px;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap {
z-index: 99;
position: absolute;
margin: 0;
text-align: center;
width: max-content;
width: -moz-max-content;
width: -webkit-max-content;
border: 0 solid #e7e7e7;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products.hongo-shop-flat li.product:hover .product-buttons-wrap {
opacity: 1;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a {
background-color: #ffffff;
color: #777777;
min-width: 1px;
margin: 0;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
padding: 0;
line-height: 40px;
opacity: 1;
position: relative;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a,
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a.loading:before {
border: 0;
border-right: 1px solid #e7e7e7;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a.loading:before {
width: calc(100% + 1px);
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a:last-child {
border-right: 0;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a .hongo-loader:before {
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #e7e7e7;
content: "";
z-index: 91;
-webkit-transition-duration: 03s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 1;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a:hover {
background-color: #232323;
border-color: #232323;
color: #fff;
z-index: 5;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a.add_to_cart_button {
opacity: 1;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
padding: 0;
margin: 0;
min-height: 0;
min-width: 0;
line-height: 0;
float: left;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a.add_to_cart_button:after {
margin: 0;
top: 0;
right: 0;
left: 0;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a span {
display: none;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap a.button i {
margin: 0;
width: 100%;
height: 100%;
vertical-align: top;
top: 0;
left: 0;
line-height: 40px;
display: block;
}
.woocommerce ul.products.hongo-shop-flat li.product .star-rating {
margin: 10px auto 0;
}
.woocommerce ul.products.hongo-shop-flat li.product .price {
margin-bottom: 0;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-title-price-wrap,
.woocommerce ul.products.hongo-shop-flat li.product.product-category .woocommerce-loop-category__title {
bottom: 35px;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 5;
padding: 0 15px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-overlay {
background: rgba(242, 242, 242, 0);
background: -moz-linear-gradient(top, rgba(242, 242, 242, 0) 0%, rgba(243, 243, 243, 0) 10%, rgba(246, 246, 246, 0.51) 43%, rgba(244, 244, 244, 1) 75%, rgba(242, 242, 242, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242, 242, 242, 0)), color-stop(10%, rgba(243, 243, 243, 0)), color-stop(43%, rgba(246, 246, 246, 0.51)), color-stop(75%, rgba(244, 244, 244, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
background: -webkit-linear-gradient(top, rgba(242, 242, 242, 0) 0%, rgba(243, 243, 243, 0) 10%, rgba(246, 246, 246, 0.51) 43%, rgba(244, 244, 244, 1) 75%, rgba(242, 242, 242, 1) 100%);
background: -o-linear-gradient(top, rgba(242, 242, 242, 0) 0%, rgba(243, 243, 243, 0) 10%, rgba(246, 246, 246, 0.51) 43%, rgba(244, 244, 244, 1) 75%, rgba(242, 242, 242, 1) 100%);
background: -ms-linear-gradient(top, rgba(242, 242, 242, 0) 0%, rgba(243, 243, 243, 0) 10%, rgba(246, 246, 246, 0.51) 43%, rgba(244, 244, 244, 1) 75%, rgba(242, 242, 242, 1) 100%);
background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, rgba(243, 243, 243, 0) 10%, rgba(246, 246, 246, 0.51) 43%, rgba(244, 244, 244, 1) 75%, rgba(242, 242, 242, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 2;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap,
.woocommerce ul.products.hongo-shop-flat li.product .product-title-price-wrap,
.woocommerce ul.products.hongo-shop-flat li.product .product-overlay,
.woocommerce ul.products.hongo-shop-flat li.product.product-category .woocommerce-loop-category__title {
opacity: 0;
}
.woocommerce ul.products.hongo-shop-flat li.product:hover .product-title-price-wrap,
.woocommerce ul.products.hongo-shop-flat li.product:hover .product-overlay,
.woocommerce ul.products.hongo-shop-flat li.product.product-category:hover .woocommerce-loop-category__title {
opacity: 1;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-title-price-wrap {
bottom: 0px
}
.woocommerce ul.products.hongo-shop-flat li.product:hover .product-title-price-wrap {
bottom: 28px
}
.woocommerce ul.products.hongo-shop-flat li.product.product-category>a {
overflow: hidden;
position: relative;
display: block
}
.woocommerce ul.products.hongo-shop-flat li.product .button {
margin-left: 5px;
margin-right: 5px;
}
.woocommerce ul.products.hongo-shop-flat li.product .tooltip-inner {
max-width: 222px;
padding: 4px 9px;
color: #ededed;
background-color: #1b1b1b;
border-radius: 0;
text-transform: uppercase;
font-weight: 600;
font-size: 9px;
} .woocommerce ul.products.hongo-shop-masonry {
margin: 0;
}
.woocommerce ul.products.hongo-shop-masonry li {
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-masonry li.product .product-title-price-wrap {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-thumb-wrap {
border-radius: 6px;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-masonry li.product.product-category img {
overflow: hidden;
position: relative;
margin-bottom: 22px;
}
.woocommerce ul.products.hongo-shop-masonry li.product a img {
margin: 0;
}
.woocommerce ul.products.hongo-shop-masonry li.product .sale-new-wrap span.onsale {
float: right;
}
.woocommerce ul.products.hongo-shop-masonry li.product .sale-new-wrap span.new {
float: right;
}
.woocommerce ul.products.hongo-shop-masonry li.product .sale-new-wrap span.soldout {
float: right;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap {
z-index: 11;
top: 20px;
position: absolute;
text-align: center;
left: 20px;
opacity: 1;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a {
border: 0;
background-color: #ffffff;
color: #818181;
min-width: 1px;
margin: 0 0 6px 0 !important;
display: block;
width: 34px;
height: 34px;
border-radius: 100%;
text-align: center;
vertical-align: middle;
font-size: 12px;
padding: 0;
line-height: 36px;
position: relative;
opacity: 0;
transform: translateY(-30px);
-moz-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a.button.loading {
overflow: hidden
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a.button i {
width: 100%;
height: 100%;
top: 0;
vertical-align: top;
line-height: 35px;
display: block;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
}
.woocommerce ul.products.hongo-shop-masonry li.product:hover .product-buttons-wrap a {
opacity: 1;
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:last-child:before,
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:last-child .hongo-loader:before {
display: none;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:hover {
background-color: #1b1b1b;
color: #fff;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a.button.loading::after {
top: 0px;
right: 16px;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a span {
display: none;
}
.woocommerce ul.products.hongo-shop-masonry li.product .star-rating {
margin: 0;
position: absolute;
right: 0;
top: 5px;
}
.woocommerce ul.products.hongo-shop-masonry li.product .price {
margin-bottom: 3px;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-title-price-wrap {
width: 100%;
padding-right: 40%;
position: relative;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:nth-child(1),
.woocommerce ul.products.hongo-shop-masonry li.product:hover .product-buttons-wrap a:nth-child(1) {
transition-delay: 0s, 0.1s, 0.1s;
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-ms-transition-delay: 0s, 0.1s, 0.1s;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:nth-child(2),
.woocommerce ul.products.hongo-shop-masonry li.product:hover .product-buttons-wrap a:nth-child(2) {
transition-delay: 0s, 0.15s, 0.15s;
-webkit-transition-delay: 0s, 0.15s, 0.15s;
-moz-transition-delay: 0s, 0.15s, 0.15s;
-ms-transition-delay: 0s, 0.15s, 0.15s;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:nth-child(3),
.woocommerce ul.products.hongo-shop-masonry li.product:hover .product-buttons-wrap a:nth-child(3) {
transition-delay: 0s, 0.2s, 0.2s;
-webkit-transition-delay: 0s, 0.2s, 0.2s;
-moz-transition-delay: 0s, 0.2s, 0.2s;
-ms-transition-delay: 0s, 0.2s, 0.2s;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:nth-child(4),
.woocommerce ul.products.hongo-shop-masonry li.product:hover .product-buttons-wrap a:nth-child(4) {
transition-delay: 0s, 0.25s, 0.25s;
-webkit-transition-delay: 0s, 0.25s, 0.25s;
-moz-transition-delay: 0s, 0.25s, 0.25s;
-ms-transition-delay: 0s, 0.25s, 0.25s;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-buttons-wrap a:nth-child(5),
.woocommerce ul.products.hongo-shop-masonry li.product:hover .product-buttons-wrap a:nth-child(5) {
transition-delay: 0s, 0.3s, 0.3s;
-webkit-transition-delay: 0s, 0.3s, 0.3s;
-moz-transition-delay: 0s, 0.3s, 0.3s;
-ms-transition-delay: 0s, 0.3s, 0.3s;
}
.woocommerce ul.products.hongo-shop-masonry li.first {
clear: none;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-left li.product {
text-align: left;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-right li.product {
text-align: right;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-center li.product {
text-align: center;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-center li.product .product-title-price-wrap {
width: 100%;
padding-right: 0;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-center li.product .star-rating {
margin: 10px auto 5px;
position: inherit;
right: inherit;
top: inherit;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-right li.product .product-title-price-wrap {
padding-right: 0;
padding-left: 40%;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-right li.product .star-rating {
right: inherit;
left: 0;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-left li.product .star-rating {
margin-left: 0;
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-right li.product .star-rating {
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-masonry.hongo-text-center li.product .button {
margin-left: 5px;
margin-right: 5px;
}
.woocommerce ul.products.hongo-shop-masonry li.product .product-overlay {
background-color: rgba(0, 0, 0, 0.10);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: 2;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.woocommerce ul.products.hongo-shop-masonry li.product:hover .product-overlay {
opacity: 1;
} .woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product {
width: 100%;
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product {
margin: 0 0 50px 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-box {
margin: 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap img,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category img {
margin: 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category img {
width: 32%;
float: left;
margin-right: 6%;
position: relative;
overflow: hidden;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap {
width: 62%;
float: left;
text-align: left;
position: relative;
margin-bottom: 5px;
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .woocommerce-loop-product__title {
margin-bottom: 1px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .price {
margin-bottom: 17px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .star-rating {
margin: 0 0 19px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .hongo-short-description,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category .term-description {
line-height: 24px;
margin-bottom: 25px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .hongo-short-description p,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category .term-description p {
margin-bottom: 15px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .hongo-short-description p:last-child,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category .term-description p:last-child {
padding: 0;
margin: 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap a.button {
margin: 0 15px 0 0;
float: left
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap {
float: left;
margin: 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a span {
display: none;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .variations_form.cart .variations_button .product-buttons-wrap .button {
float: left;
margin: 0;
position: relative;
background-color: transparent;
border: 0;
padding: 0;
color: #232323;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a i,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .variations_form.cart .variations_button .product-buttons-wrap .button i {
border: 1px solid #e2e2e2;
border-right: 0;
top: 0;
font-size: 12px;
width: 30px;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
margin: 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a:last-child i,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .variations_form.cart .variations_button .product-buttons-wrap .button:last-child i {
border-right: 1px solid #e2e2e2;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a:hover,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .variations_form.cart .variations_button .product-buttons-wrap .button:hover {
background-color: #000;
color: #fff;
border-color: #000;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a:focus,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .variations_form.cart .variations_button .product-buttons-wrap .button:focus {
color: #808080;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a:focus:hover,
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .variations_form.cart .variations_button .product-buttons-wrap .button:focus:hover {
color: #fff;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .variations_form .hongo-single-product-buttons {
margin-top: 10px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .variations_form .hongo-single-product-buttons a {
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .variations_form .hongo-single-product-buttons a i {
margin: 0 5px 0 0;
font-size: inherit;
vertical-align: middle;
}
.woocommerce ul.products.hongo-shop-list li.product .product-content-wrap a.button i {
position: relative;
top: 1px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category {
text-align: left;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category>a:first-child {
float: left;
width: 31%;
margin-right: 7%;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category>a:first-child img {
width: 100%;
margin: 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product.product-category>a.hongo-loop-product-category-link {
width: 63%;
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a .hongo-loader {
border: 1px solid #e2e2e2;
border-right: 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view li.product .product-content-wrap .product-buttons-wrap a:last-child .hongo-loader {
border-right: 1px solid #e2e2e2;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view .product-content-wrap .button {
white-space: nowrap;
margin-top: 0;
margin-right: 15px;
float: left;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-list-view .product-content-wrap .button i {
margin-right: 5px;
}
.woocommerce ul.products li.product .product-content-wrap form.cart div.quantity {
margin: 0 15px 0 0;
}
.woocommerce ul.products li.product .product-content-wrap form.cart .variations select {
width: 85%;
min-width: 85%;
padding: 8px 8px 9px;
display: none;
min-height: 40px;
}
.woocommerce ul.products li.product .product-content-wrap form.cart .woocommerce-variation-price {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: top;
}
.woocommerce ul.products li.product .product-content-wrap form.cart span.price {
margin: 0 !important;
font-weight: 700;
font-size: inherit;
}
.woocommerce ul.products li.product .product-content-wrap form.cart .woocommerce-variation {
margin-bottom: 10px;
}
.woocommerce ul.products li.product .product-content-wrap form.cart.variations_form .single_variation_wrap,
.woocommerce ul.products li.product .product-content-wrap form.cart {
border: none;
margin: 0;
padding: 0;
}
.woocommerce ul.products li.product .product-content-wrap form.cart .variations td {
text-align: left;
}
.woocommerce ul.products li.product .product-content-wrap form.cart .variations {
margin-bottom: 10px;
}
.woocommerce ul.products.hongo-shop-list .hongo-single-product-buttons {
width: 100%;
}
.woocommerce ul.products.hongo-shop-list .hongo-single-product-buttons a {
margin-top: 16px !important;
}
.woocommerce ul.products li.product .product-content-wrap form.cart .woocommerce-variation-availability {
display: inline-block;
margin: 0;
vertical-align: top;
} .woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .hongo-short-description,
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product.product-category .term-description {
display: none;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .product-buttons-wrap {
margin-top: 20px;
clear: both;
display: block;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .product-buttons-wrap a,
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .variations_form.cart .product-buttons-wrap a {
display: block;
margin: 0;
text-align: inherit;
padding: 5px 0 5px 0;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
position: relative;
border: 0;
background-color: transparent;
color: #232323;
border-top: 1px solid #e8e8e8;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .product-buttons-wrap a:hover,
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .variations_form.cart .product-buttons-wrap a:hover {
color: #f57250;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .product-buttons-wrap a i,
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .variations_form.cart .product-buttons-wrap a i {
margin: 0 5px 0 0;
vertical-align: middle;
top: -1px;
font-size: 11px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-content-wrap .woocommerce-loop-product__title {
margin: 0 0 2px 0;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product.product-category img {
margin-bottom: 20px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .variations_button .button {
margin: 0;
float: none;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .single_variation_wrap {
margin-top: 5px !important;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .variations select {
margin-right: 0;
width: 100% !important;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product {
text-align: center;
}
.woocommerce ul.products.hongo-product-grid-view.hongo-product-grid-view.hongo-text-left li.product {
text-align: left;
}
.woocommerce ul.products.hongo-product-grid-view.hongo-product-grid-view.hongo-text-right li.product {
text-align: right;
}
.woocommerce ul.products.hongo-product-grid-view.hongo-product-grid-view.hongo-text-center li.product {
text-align: center;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product.first,
.woocommerce-page ul.products.hongo-shop-list.hongo-product-grid-view li.product.first,
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product.last,
.woocommerce-page ul.products.hongo-shop-list.hongo-product-grid-view li.product.last {
clear: none
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view.hongo-shop-col-2 li.product:nth-child(2n+1) {
clear: both
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view.hongo-shop-col-3 li.product:nth-child(3n+1) {
clear: both
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view.hongo-shop-col-4 li.product:nth-child(4n+1) {
clear: both
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-thumb-wrap {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.woocommerce ul.products.hongo-shop-list.hongo-product-grid-view li.product .product-thumb-box {
margin-bottom: 0;
} .woocommerce ul.products.hongo-shop-clean {
list-style: none;
margin: 0;
}
.woocommerce ul.products.hongo-shop-clean li {
margin: 0;
padding: 0;
}
.woocommerce ul.products.hongo-shop-clean>li>a {
display: block
}
.woocommerce ul.products.hongo-shop-clean:hover>li .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-clean:hover>li>a {
opacity: .50;
-webkit-filter: blur(1px);
filter: blur(1px);
}
.woocommerce ul.products.hongo-shop-clean:hover>li:hover .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-clean:hover>li:hover>a {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px);
}
.woocommerce ul.products.hongo-shop-clean li.product .product-thumb-wrap {
overflow: hidden;
position: relative;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-clean li.product.hongo-alternate-image-wrap a .hongo-alternate-image {
bottom: -30px;
position: absolute;
top: auto
}
.woocommerce ul.products.hongo-shop-clean li.product.hongo-alternate-image-wrap:hover a .hongo-alternate-image {
bottom: 0;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap {
z-index: 7;
width: 100%;
top: 50%;
margin-top: -20px;
position: absolute;
text-align: center;
right: 0;
opacity: 1;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a {
border: 0;
border-radius: 100%;
background-color: #f57250;
color: #fff;
min-width: 1px;
margin: 0 4px;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
padding: 0;
line-height: 40px;
position: relative;
opacity: 0;
transform: translateY(30px);
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a.button i {
width: 100%;
height: 100%;
vertical-align: top;
line-height: 41px;
display: block;
margin: 0;
top: 0
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
}
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-buttons-wrap a {
opacity: 1;
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:before,
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a .hongo-loader:before {
position: absolute;
right: 0;
display: none;
bottom: 7px;
content: "";
width: 1px;
height: 20px;
background-color: #e4e4e4;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 1;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:last-child:before,
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:last-child .hongo-loader:before {
display: none;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:hover:before {
opacity: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.woocommerce ul.products.hongo-shop-clean li.product .price del {
margin-right: 8px;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:hover {
background-color: #fff;
color: #232323;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a.button.loading::after {
top: 0px;
right: 16px;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a.button.loading i {
display: none
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a span {
display: none;
}
.woocommerce ul.products.hongo-shop-clean li.product .sale-new-wrap span.soldout,
.woocommerce ul.products.hongo-shop-clean li.product .sale-new-wrap span.onsale {
float: right;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-price-rating-wrap {
position: absolute;
right: 0;
top: 4%;
opacity: 0;
z-index: 6;
left: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-price-rating-wrap {
opacity: 1;
top: 9%;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-title-category-wrap,
.woocommerce ul.products.hongo-shop-clean li.product.product-category .woocommerce-loop-category__title {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
position: absolute;
padding: 0 10px;
bottom: 9.5%;
width: 100%;
left: 0;
right: 0;
text-align: center;
z-index: 6;
}
.woocommerce ul.products.hongo-shop-clean li.product .woocommerce-loop-product__title,
.woocommerce ul.products.hongo-shop-clean li.product.product-category .woocommerce-loop-category__title {
font-size: 13px;
font-weight: 500;
display: inline-block;
border-bottom: 1px solid transparent
}
.woocommerce ul.products.hongo-shop-clean li.product .price {
margin-bottom: 0;
font-size: 13px;
line-height: normal;
color: #232323;
font-weight: 500;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.woocommerce ul.products.hongo-shop-clean li.product .price .woocs_price_info_list {
left: inherit !important;
right: 50% !important;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0)!important;
transform: translateX(0) !important;
}
.woocommerce ul.products.hongo-shop-clean li.product .price ins {
font-weight: 500
}
.woocommerce ul.products.hongo-shop-clean li.product .price .woocommerce-Price-currencySymbol {
margin-right: 1px
}
.woocommerce ul.products.hongo-shop-clean li.product .star-rating {
margin: 0 auto 7px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-overlay {
background-color: rgba(23, 23, 23, 0.8);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: 2;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-overlay,
.woocommerce ul.products.hongo-shop-clean li.product:hover .star-rating {
opacity: 1;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:nth-child(1),
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-buttons-wrap a:nth-child(1) {
transition-delay: 0s, 0.1s, 0.1s;
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-ms-transition-delay: 0s, 0.1s, 0.1s;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:nth-child(2),
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-buttons-wrap a:nth-child(2) {
transition-delay: 0s, 0.15s, 0.15s;
-webkit-transition-delay: 0s, 0.15s, 0.15s;
-moz-transition-delay: 0s, 0.15s, 0.15s;
-ms-transition-delay: 0s, 0.15s, 0.15s;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:nth-child(3),
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-buttons-wrap a:nth-child(3) {
transition-delay: 0s, 0.2s, 0.2s;
-webkit-transition-delay: 0s, 0.2s, 0.2s;
-moz-transition-delay: 0s, 0.2s, 0.2s;
-ms-transition-delay: 0s, 0.2s, 0.2s;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:nth-child(4),
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-buttons-wrap a:nth-child(4) {
transition-delay: 0s, 0.25s, 0.25s;
-webkit-transition-delay: 0s, 0.25s, 0.25s;
-moz-transition-delay: 0s, 0.25s, 0.25s;
-ms-transition-delay: 0s, 0.25s, 0.25s;
}
.woocommerce ul.products.hongo-shop-clean li.product .product-buttons-wrap a:nth-child(5),
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-buttons-wrap a:nth-child(5) {
transition-delay: 0s, 0.3s, 0.3s;
-webkit-transition-delay: 0s, 0.3s, 0.3s;
-moz-transition-delay: 0s, 0.3s, 0.3s;
-ms-transition-delay: 0s, 0.3s, 0.3s;
}
.woocommerce ul.products.hongo-shop-clean li.product .button {
margin-left: 5px;
margin-right: 5px;
}
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-title-category-wrap .woocommerce-loop-product__title,
.woocommerce ul.products.hongo-shop-clean li.product:hover .price {
color: #fff;
}
.woocommerce ul.products.hongo-shop-clean li.product:hover .product-title-category-wrap .woocommerce-loop-product__title {
border-bottom: 1px solid
} .woocommerce ul.products.hongo-shop-metro li.product .woocommerce-loop-category__title {
z-index: 4;
padding: 20px 15px 40px;
position: absolute;
bottom: 0;
width: 100%;
min-height: 1px;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-thumb-wrap .product-thumb-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-thumb-inner {
width: 100%;
}
.woocommerce ul.products.hongo-shop-metro {
margin: 0;
}
.woocommerce ul.products.hongo-shop-metro li.product {
margin: 0;
padding: 0;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-metro li.product.product-category img {
position: relative;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-bottom-wrap {
z-index: 4;
left: 0;
padding: 20px 15px 30px;
position: absolute;
bottom: 0;
width: 100%;
min-height: 97px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products.hongo-shop-metro li.product:hover .product-bottom-wrap {
padding: 20px 15px 50px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-bottom-wrap .button {
opacity: 0;
display: table;
position: absolute;
bottom: -30px;
left: 50%;
margin: 0;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
white-space: nowrap;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-bottom-wrap .button i {
display: none;
}
.woocommerce ul.products.hongo-shop-metro li.product:hover .product-bottom-wrap .button {
opacity: 1;
bottom: 36px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products.hongo-shop-metro li.product a.woocommerce-LoopProduct-link {
width: 100%;
}
.woocommerce ul.products.hongo-shop-metro li.product a img {
margin: 0;
}
.woocommerce ul.products.hongo-shop-metro li.product .hongo-overlay {
z-index: 2;
background-color: rgba(255, 255, 255, 0.9);
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products.hongo-shop-metro li.product:hover .hongo-overlay {
opacity: 1
}
.woocommerce ul.products.hongo-shop-metro li.product .star-rating {
margin: 0;
position: absolute;
right: 20px;
top: 25px;
z-index: 2;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap {
position: absolute;
width: max-content;
width: -moz-max-content;
width: -webkit-max-content;
z-index: 4;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
opacity: 0;
margin-top: 30px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.woocommerce ul.products.hongo-shop-metro li.product:hover .product-buttons-wrap {
opacity: 1;
margin-top: 0;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a {
background-color: transparent;
color: #000;
min-width: 1px;
margin: 0;
width: 45px;
height: 45px;
text-align: center;
vertical-align: middle;
padding: 0;
line-height: 44px;
opacity: 1;
border: 1px solid #000;
border-left: 0;
position: relative;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.loading:before {
left: inherit;
top: inherit;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a:first-child {
border-left: 1px solid #000;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a:hover {
background-color: #000;
border-color: #000;
color: #fff;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a span {
display: none;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.button i {
margin: 0;
width: 100%;
height: 100%;
vertical-align: top;
top: 0;
left: 0;
line-height: 45px;
display: block;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.button.hongo-compare i {
line-height: 42px;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.button.hongo-quick-view i {
line-height: 43px;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.hongo-loop-product-button {
display: none;
}
.woocommerce ul.products.hongo-shop-metro li.product .woocommerce-loop-product__title {
margin: 0;
font-weight: 500;
font-size: 13px;
line-height: 18px;
}
.woocommerce ul.products.hongo-shop-metro li.product .price {
margin-bottom: 5px;
opacity: 1;
position: relative;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce ul.products.hongo-shop-metro li.product:hover .price {
opacity: 0;
}
.woocommerce ul.products.hongo-shop-metro li.product.first {
clear: none;
}
.woocommerce ul.products.hongo-shop-metro.hongo-text-left li.product {
text-align: left;
}
.woocommerce ul.products.hongo-shop-metro.hongo-text-right li.product {
text-align: right;
}
.woocommerce ul.products.hongo-shop-metro.hongo-text-center li.product {
text-align: center;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.add_to_cart_button {
display: none;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap a.add_to_cart_button,
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.add_to_cart_button,
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.hongo-loop-product-button {
display: none;
}
.woocommerce ul.products.hongo-shop-metro li.product .product-thumb-inner .product-buttons-wrap a.loading:before {
left: 0;
} .woocommerce ul.products.hongo-shop-modern {
list-style: none;
margin: 0;
}
.woocommerce ul.products.hongo-shop-modern li {
text-align: left;
margin: 0;
padding: 0;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-thumb-wrap {
overflow: hidden;
position: relative;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-thumb-wrap img {
width: 100%;
}
.woocommerce ul.products.hongo-shop-modern li.product a.woocommerce-LoopProduct-link {
width: 100%;
}
.woocommerce ul.products.hongo-shop-modern li.product a img {
margin: 0;
margin-bottom: 0;
}
.woocommerce ul.products.hongo-shop-modern li.product .sale-new-wrap span.onsale {
float: right;
}
.woocommerce ul.products.hongo-shop-modern li.product .sale-new-wrap span.new {
float: right;
}
.woocommerce ul.products.hongo-shop-modern li.product .sale-new-wrap span.soldout {
float: right;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-title-price-wrap,
.woocommerce ul.products.hongo-shop-modern li.product.product-category .woocommerce-loop-category__title {
position: absolute;
left: 40px;
top: 40px;
z-index: 6;
width: 48%;
}
.woocommerce ul.products.hongo-shop-modern li.product .woocommerce-loop-product__title,
.woocommerce ul.products.hongo-shop-modern li.product.product-category .woocommerce-loop-category__title {
font-size: 13px;
margin-bottom: 0;
font-weight: 500;
line-height: 18px;
}
.woocommerce ul.products.hongo-shop-modern li.product .star-rating {
margin: 0;
}
.woocommerce ul.products.hongo-shop-modern li.product .price {
margin-bottom: 8px;
}
.woocommerce ul.products.hongo-shop-modern li.product .price * {
transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap {
overflow: hidden;
z-index: 5;
bottom: 0;
position: absolute;
text-align: center;
right: 0;
opacity: 1;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a {
border: 0;
background-color: #ffffff;
color: #818181;
min-width: 1px;
margin: 0;
float: left;
width: 45px;
height: 45px;
text-align: center;
vertical-align: middle;
padding: 0;
line-height: 45px;
position: relative;
opacity: 0;
transform: translateY(30px);
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.loading:before {
left: inherit;
top: inherit;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.button i {
width: 100%;
height: 100%;
vertical-align: top;
line-height: 45px;
display: block;
margin: 0;
top: 0;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.add_to_cart_button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
width: 0;
height: 0;
}
.woocommerce ul.products.hongo-shop-modern li.product:hover .product-buttons-wrap a {
opacity: 1;
transform: translateX(0px);
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:before,
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a .hongo-loader:before {
position: absolute;
left: 0px;
bottom: 12px;
content: "";
width: 1px;
height: 20px;
background-color: #e4e4e4;
-webkit-transition-duration: 03s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 1;
z-index: 91
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:first-child:before,
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:first-child .hongo-loader:before {
display: none;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:hover:before {
opacity: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:hover {
background-color: #1b1b1b;
color: #fff;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a.button.loading::after {
top: 0px;
right: 16px;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a span {
display: none;
}
.woocommerce ul.products.hongo-shop-modern li .sale-new-wrap {
padding: 20px 37px 0;
width: auto;
left: inherit;
right: 0;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:nth-child(1),
.woocommerce ul.products.hongo-shop-modern li.product:hover .product-buttons-wrap a:nth-child(1) {
transition-delay: 0s, 0.3s, 0.3s;
-webkit-transition-delay: 0s, 0.3s, 0.3s;
-moz-transition-delay: 0s, 0.3s, 0.3s;
-ms-transition-delay: 0s, 0.3s, 0.3s;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:nth-child(2),
.woocommerce ul.products.hongo-shop-modern li.product:hover .product-buttons-wrap a:nth-child(2) {
transition-delay: 0s, 0.25s, 0.25s;
-webkit-transition-delay: 0s, 0.25s, 0.25s;
-moz-transition-delay: 0s, 0.25s, 0.25s;
-ms-transition-delay: 0s, 0.25s, 0.25s;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:nth-child(3),
.woocommerce ul.products.hongo-shop-modern li.product:hover .product-buttons-wrap a:nth-child(3) {
transition-delay: 0s, 0.20s, 0.20s;
-webkit-transition-delay: 0s, 0.20s, 0.20s;
-moz-transition-delay: 0s, 0.20s, 0.20s;
-ms-transition-delay: 0s, 0.20s, 0.20s;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:nth-child(4),
.woocommerce ul.products.hongo-shop-modern li.product:hover .product-buttons-wrap a:nth-child(4) {
transition-delay: 0s, 0.15s, 0.15s;
-webkit-transition-delay: 0s, 0.15s, 0.15s;
-moz-transition-delay: 0s, 0.15s, 0.15s;
-ms-transition-delay: 0s, 0.15s, 0.15s;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-buttons-wrap a:nth-child(5),
.woocommerce ul.products.hongo-shop-modern li.product:hover .product-buttons-wrap a:nth-child(5) {
transition-delay: 0s, 0.1s, 0.1s;
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-ms-transition-delay: 0s, 0.1s, 0.1s;
}
.woocommerce ul.products.hongo-shop-modern li.product .product-bottom-wrap .button {
margin: 0 !important;
z-index: 5;
bottom: 40px;
position: absolute;
text-align: center;
left: 40px;
opacity: 0;
transform: translateY(30px);
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
}
.woocommerce ul.products.hongo-shop-modern li.product .product-bottom-wrap .button i {
display: none;
}
.woocommerce ul.products.hongo-shop-modern li.product:hover .product-bottom-wrap .button {
opacity: 1;
transform: translateX(0px);
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.woocommerce ul.products.hongo-shop-modern li.product .button {
margin-top: 15px;
}
.woocommerce ul.products.hongo-shop-modern li.product .button.compare {
float: right;
}
.woocommerce ul.products.hongo-shop-modern li.product.first {
clear: none;
} .woocommerce ul.products.hongo-shop-minimalist {
margin: 0;
}
.woocommerce ul.products.hongo-shop-minimalist li.product {
margin: 0;
padding: 0;
position: relative;
text-align: left;
overflow: hidden;
-moz-box-shadow: 0px 0 25px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0 25px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0 25px 0px rgba(0, 0, 0, .0);
-webkit-transition: box-shadow .4s, background-color .3s;
transition: box-shadow .4s, background-color .3s;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-thumb-wrap {
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.woocommerce ul.products.hongo-shop-minimalist li.product a img {
margin: 0;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .price {
margin-bottom: 10px;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-summary-wrapper {
padding: 20px 15px 0;
background-color: transparent;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
position: relative;
z-index: 1;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-title-price-wrap {
bottom: 35px;
position: absolute;
text-align: center;
width: 100%;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap {
width: 100%;
text-align: right;
position: absolute;
left: 0;
opacity: 0;
visibility: hidden;
padding: 0 15px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: .4s;
transition: .4s;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a,
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button {
background-color: transparent;
color: #232323;
min-width: 1px;
margin: 0 0 0 14px !important;
float: none;
width: auto;
height: auto;
line-height: 22px;
text-align: center;
vertical-align: middle;
padding: 0;
opacity: 1;
border: 0;
position: relative;
text-align: right;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a .hongo-loader {
text-align: right;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap .loading:after {
left: inherit !important;
margin: -9px 0 0 -16px !important;
right: inherit !important;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button {
width: 100%;
line-height: 18px;
text-align: left;
position: absolute;
left: 15px;
opacity: 0;
padding: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: .4s;
transition: .4s;
width: auto;
height: auto;
font-size: 11px;
float: left;
color: #232323;
border-bottom: 2px solid #232323;
font-weight: 600;
margin: 5px 0 0 0 !important;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button i {
display: none
}
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button span {
display: block;
position: relative
}
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button.loading {
border-color: transparent;
-webkit-transition: -webkit-transform 0s;
transition: -webkit-transform 0s;
transition: transform 0s;
transition: transform 0s, -webkit-transform 0s;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button.loading span:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
content: "";
}
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button.added {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
width: 0;
padding: 0;
margin: 0;
min-height: 0;
min-width: 0;
line-height: 0;
float: left;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .hongo-loop-product-button:after {
margin: 0;
top: 0;
right: 0;
left: 0;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a span {
display: none;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a.button i {
margin: 0;
width: 100%;
height: 100%;
vertical-align: top;
top: 0;
left: 0;
line-height: 22px;
display: block;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a.button i.icon-eye {
font-size: 15px;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a.button i.icon-shuffle {
line-height: 33px;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a.loading:after,
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap a .hongo-loader {
background-color: transparent;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap .tooltip-inner {
border-radius: 3px;
font-size: 9px;
font-weight: 500;
max-width: 100%;
padding: 5px 8px 4px;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap .tooltip.tooltip {
margin-top: 5px;
}
.woocommerce ul.products.hongo-shop-minimalist li.product.product-category>a {
overflow: hidden;
position: relative;
display: block;
margin-bottom: 20px;
}
.woocommerce ul.products.hongo-shop-minimalist li.product.product-category a.hongo-loop-product-category-link {
margin: 0;
}
.woocommerce ul.products.hongo-shop-minimalist.hongo-text-left li.product .star-rating {
margin-left: 0;
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-minimalist.hongo-text-right li.product .star-rating {
margin-right: 0;
}
.woocommerce ul.products.hongo-shop-minimalist li.product:hover {
background-color: #fff;
box-shadow: 0px 0 25px 0px #ededed;
-webkit-transition: box-shadow .4s;
-webkit-transition: -webkit-box-shadow .4s;
transition: -webkit-box-shadow .4s;
-o-transition: box-shadow .4s;
transition: box-shadow .4s;
transition: box-shadow .4s, -webkit-box-shadow .4s;
z-index: 1;
}
.woocommerce ul.products.hongo-shop-minimalist li.product:hover .product-buttons-wrap,
.woocommerce ul.products.hongo-shop-minimalist li.product:hover .hongo-loop-product-button {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.woocommerce ul.products.hongo-shop-minimalist li.product:hover .product-summary-wrapper {
background-color: #fff;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
.woocommerce ul.products.hongo-shop-minimalist.hongo-text-left li.product {
text-align: left;
}
.woocommerce ul.products.hongo-shop-minimalist.hongo-text-right li.product {
text-align: right;
}
.woocommerce ul.products.hongo-shop-minimalist.hongo-text-center li.product {
text-align: center;
}
.woocommerce ul.products.hongo-shop-minimalist .woocommerce-loop-category__title {
margin-bottom: 5px !important;
}
.hongo-shop-minimalist-wrap .hongo-main-content-wrap {
background-color: #f7f7f7;
}
.woocommerce div.product .upsells.products ul.products.hongo-shop-minimalist,
.woocommerce div.product .related.products ul.products.hongo-shop-minimalist {
padding-bottom: 30px;
}
.woocommerce ul.products.hongo-shop-minimalist.swiper-wrapper li.product:hover {
-webkit-box-shadow: none;
box-shadow: none;
} .woocommerce ul.products.hongo-shop-boxed li.product .product-thumb-wrap {
overflow: hidden;
position: relative;
border: 1px solid #e2e2e2;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-title-wrap {
position: absolute;
top: 44px;
width: 100%;
left: 0;
right: 0;
text-align: center;
z-index: 6;
padding: 0 10px;
}
.woocommerce ul.products.hongo-shop-boxed li.product .woocommerce-loop-product__title,
.woocommerce ul.products.hongo-shop-boxed li.product.product-category .woocommerce-loop-category__title {
font-size: 17px;
line-height: 30px;
font-weight: 500;
color: #232323;
}
.woocommerce ul.products.hongo-shop-boxed li.product .price {
font-size: 18px;
line-height: 18px;
font-weight: 500;
color: #232323;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap {
z-index: 7;
bottom: 44px;
position: absolute;
text-align: center;
right: 0;
opacity: 1;
width: 100%;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a {
border: 1px solid #232323;
border-right: 0;
background-color: #fff;
color: #232323;
min-width: 1px;
margin: 0;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
font-size: 13px;
padding: 0;
line-height: 40px;
position: relative;
opacity: 0;
transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a:hover {
background-color: #232323;
color: #fff;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a:last-child {
border-right: 1px solid #232323;
}
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-buttons-wrap a {
opacity: 1;
}
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-buttons-wrap a .tooltip-inner {
color: #000;
background-color: #fff;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-buttons-wrap a .tooltip-arrow {
border-top-color: #fff;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a:nth-child(1),
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-buttons-wrap a:nth-child(1) {
transition-delay: 0s, 0.1s, 0.1s;
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-ms-transition-delay: 0s, 0.1s, 0.1s;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a:nth-child(2),
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-buttons-wrap a:nth-child(2) {
transition-delay: 0s, 0.15s, 0.15s;
-webkit-transition-delay: 0s, 0.15s, 0.15s;
-moz-transition-delay: 0s, 0.15s, 0.15s;
-ms-transition-delay: 0s, 0.15s, 0.15s;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a:nth-child(3),
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-buttons-wrap a:nth-child(3) {
transition-delay: 0s, 0.2s, 0.2s;
-webkit-transition-delay: 0s, 0.2s, 0.2s;
-moz-transition-delay: 0s, 0.2s, 0.2s;
-ms-transition-delay: 0s, 0.2s, 0.2s;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a:nth-child(4),
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-buttons-wrap a:nth-child(4) {
transition-delay: 0s, 0.25s, 0.25s;
-webkit-transition-delay: 0s, 0.25s, 0.25s;
-moz-transition-delay: 0s, 0.25s, 0.25s;
-ms-transition-delay: 0s, 0.25s, 0.25s;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a span {
display: none;
color: #fff;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-buttons-wrap a.button i {
width: 100%;
height: 100%;
vertical-align: top;
line-height: 40px;
display: block;
margin: 0;
}
.woocommerce ul.products.hongo-shop-boxed li.product .product-title-price-wrap,
.woocommerce ul.products.hongo-shop-boxed li.product.product-category .woocommerce-loop-category__title {
z-index: 4;
padding: 0 15px;
text-align: center;
position: absolute;
bottom: 22px;
width: 100%;
min-height: 50px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 1;
}
.woocommerce ul.products.hongo-shop-boxed li.product:hover .product-title-price-wrap {
opacity: 0;
}  .top-space.hongo-single-product-main-wrap {
padding-top: 80px;
}
.woocommerce div.product>div:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.woocommerce div.product .product_title {
margin: 0 0 5px 0;
}
.woocommerce div.product .product_title,
.woocommerce div.product .product_title a {
color: #232323;
font-size: 20px;
line-height: 22px;
font-weight: 500;
}
.woocommerce div.product .product_title a:hover {
color: #f57250
}
.woocommerce div.product .woocommerce-product-rating {
margin: 6px 0 11px 0;
line-height: normal;
}
.woocommerce-review-link {
font-weight: 600;
font-size: 11px;
float: left;
margin-top: -2px;
line-height: normal;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: 0 5px 0 0;
}
.woocommerce div.product .woocommerce-product-details__short-description {
border-top: 1px solid #e8e8e8;
margin: 25px 0 0 0;
padding: 23px 0 0 0;
line-height: 23px;
font-weight: 400;
}
.woocommerce div.product .woocommerce-product-details__short-description p {
margin: 0 0 15px;
}
.woocommerce div.product .woocommerce-product-details__short-description p:last-child {
margin: 0;
padding: 0;
}
.woocommerce form.cart {
border-top: 1px solid #e8e8e8;
margin: 25px 0 0 0;
padding: 25px 0 0 0;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce div.product .stock {
margin-right: 20px;
}
.woocommerce div.quantity {
margin: 0 15px 0 0 !important;
position: relative;
display: inline-block;
}
.woocommerce div.product form.cart table div.quantity {
float: left;
margin-right: 0 !important
}
.woocommerce div.quantity .qty {
margin: 0;
padding: 0 24px 0 0;
width: 65px;
color: #232323;
line-height: 40px;
height: 40px;
outline: none;
border-radius: 0;
outline: none;
}
.woocommerce div.quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce div.quantity input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.woocommerce div.quantity input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
}
.woocommerce div.quantity .hongo-qtyminus,
.woocommerce div.quantity .hongo-qtyplus {
width: 22px;
height: 19px;
border: 0;
border-left: 1px solid #e8e8e8;
padding: 0;
margin: 0;
position: absolute;
right: 0;
line-height: 18px;
}
.woocommerce div.quantity .hongo-qtyplus {
top: 1px;
right: 1px;
border-bottom: 1px solid #e8e8e8;
height: 20px;
line-height: 20px;
padding-left: 1px;
border-radius: 0;
}
.woocommerce div.quantity .hongo-qtyminus {
right: 1px;
top: 20px;
line-height: 22px;
padding-left: 3px;
border-radius: 0;
}
.woocommerce form.cart .variations td {
vertical-align: top;
padding: 5px 5px;
border: 0;
}
.woocommerce form.cart .variations td.label {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
color: #232323;
text-align: left;
padding: 13px 5px 5px 0;
width: 60px;
border: 0;
}
.woocommerce form.cart .variations label {
font-weight: 500 !important;
margin: 0;
padding: 0;
line-height: 2em;
}
.woocommerce form.cart .variations .size-chart {
display: inline-block;
margin: 4px 0 0 10px;
}
.woocommerce form.cart .variations .size-chart .size-guide-link {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
color: #232323;
text-align: left;
text-decoration: underline;
cursor: pointer;
}
.woocommerce form.cart .variations .size-chart .size-guide-link:hover {
text-decoration: none;
}
.size-chart-popup-heading {
float: left;
width: 100%;
margin-bottom: 20px;
}
.size-chart-popup-heading h3 {
margin: 0;
font-size: 12px;
color: #424242;
font-weight: 700;
float: left;
padding: 0;
border: 0;
}
.size-guide-content {
float: left;
width: 100%;
clear: both;
position: relative;
}
.woocommerce form.cart .label {
display: table-cell;
}
.woocommerce form.cart .variations select {
font-size: 11px;
font-weight: 600;
width: 56%;
min-width: 56%;
margin: 0;
padding-right: 30px;
background: url(//fotohandeldelfshaven.com/wp-content/themes/hongo/assets/images/small-select-arrow.png) right 8px center no-repeat #fff;
background-size: 15px;
border-radius: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.woocommerce form.cart .variations select::-ms-expand {
display: none;
}
.woocommerce div.product form.cart .variations select {
width: 50%;
min-width: 50%;
line-height: 16px;
margin-right: 0;
padding: 9px 12px 10px;
font-size: 13px;
font-weight: 400;
}
.woocommerce div.product form.cart .variations.hongo-attribute-style select {
display: none;
}
.woocommerce form.cart.variations_form .single_variation_wrap {
margin: 0 0 0 0;
padding: 20px 0 0 0;
float: left;
width: 100%;
}
.woocommerce form.cart .button {
white-space: nowrap;
}
.woocommerce form.cart .button i {
margin-right: 5px;
}
.single-product div.product div.summary form.cart .button .blockUI.blockOverlay,
.single-product div.product div.summary form.cart .button .blockUI.blockOverlay {
left: -2px !important;
top: -2px !important;
height: calc(100% + 4px) !important;
width: calc(100% + 4px) !important;
}
.woocommerce div.product p.stock,
.woocommerce div.product .stock {
display: table;
margin-top: 25px;
}
.woocommerce button.button.single_add_to_cart_button {
font-size: inherit;
padding: 8px 25px 8px 25px;
}
.woocommerce div.product .sale-new-wrap {
z-index: 5;
}
.woocommerce div.product .flex-viewport {
margin-bottom: 40px;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
width: 49%;
padding-right: 70px;
float: right;
}
.woocommerce div.product div.images,
.woocommerce-page div.product div.images,
.hongo-quick-view-product-image {
width: 40%;
float: left
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: 1;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
margin-bottom: 100px;
}
.woocommerce div.product div.summary .single-product-brand-wrap {
padding: 0;
margin: 0 0 20px;
list-style: none;
}
.woocommerce div.product div.summary .single-product-brand-wrap li {
margin-bottom: 5px;
display: inline-block;
}
.woocommerce div.product div.summary .single-product-brand-wrap li,
.woocommerce div.product div.summary .single-product-brand-wrapli a {
line-height: normal;
text-transform: uppercase;
font-weight: 500;
margin-right: 10px;
font-size: 10px;
}
.woocommerce div.product div.summary .single-product-brand-wrap li img {
max-height: 180px;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
}
.woocommerce .woocommerce-variation-price {
margin-bottom: 15px;
}
.woocommerce div.product p.cart {
margin-top: 20px;
margin-bottom: 0;
}
.woocommerce div.product .yith-wcwl-add-to-wishlist {
margin: 20px 0 0 0;
}
.woocommerce div.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
float: left;
}
.woocommerce div.product a.compare {
margin: 20px 0 0 0;
}
.woocommerce div.product a.add_to_wishlist,
.woocommerce div.product .yith-wcwl-add-to-wishlist a {
text-decoration: underline
}
.woocommerce div.product a.add_to_wishlist:hover,
.woocommerce div.product .yith-wcwl-add-to-wishlist a:hover {
text-decoration: none;
}
.woocommerce div.product .feedback {
margin-right: 10px;
}
#yith-wcwl-popup-message {
line-height: normal;
border-color: #e8e8e8;
margin: 57px 0 0 0;
}
.woocommerce div.product .summary a.hongo-wishlist,
.woocommerce div.product .summary a.hongo-compare {
text-transform: uppercase;
font-weight: 500;
margin-right: 20px;
font-size: 10px;
display: inline-block;
margin-top: 20px;
position: relative;
}
.woocommerce div.product .summary a.hongo-wishlist i,
.woocommerce div.product .summary a.hongo-compare i {
margin: 0 5px 0 0;
font-size: 12px;
vertical-align: middle;
} .woocommerce div.product .summary a.hongo-wishlist span,
.woocommerce div.product .summary a.hongo-compare span {
vertical-align: middle;
}
.hongo-single-product-buttons {
float: left;
width: 100%;
margin-top: 12px;
}
.hongo-single-product-buttons a {
margin: 11px 0 0 15px !important;
}
.hongo-single-product-buttons a:first-child {
margin-left: 0 !important;
}
.hongo-single-product-buttons a.hongo-compare i {
position: relative;
top: -1px;
}
.pswp__caption__center {
text-align: center;
}
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
float: left;
width: 100%;
}
.woocommerce div.product section:last-child {
padding-bottom: 0;
}
.woocommerce div.product .hongo-variation-price-availability {
margin-bottom: 25px;
}
.woocommerce div.product .hongo-variation-price-availability .woocommerce-variation-price {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: top
}
.woocommerce div.product .hongo-variation-price-availability .woocommerce-variation-availability {
display: inline-block;
margin: 0;
vertical-align: top
}
.woocommerce div.product .hongo-variation-price-availability .woocommerce-variation-availability p {
margin: 0 !important;
}
.woocommerce div.product section {
border-top: 1px solid #e8e8e8;
padding: 70px 0;
}
.woocommerce div.product .upsells.products {
clear: both;
width: 100%;
padding: 0;
float: none;
margin: 0 auto;
border-top: 0;
overflow: visible
}
.woocommerce div.product .related.products {
clear: both;
width: 100%;
padding: 0;
float: none;
margin: 0 auto;
border-top: 0;
overflow: visible
}
.woocommerce div.product .up-sells-related-products-content {
border-top: 0;
padding: 70px 0 0 0;
clear: both;
}
.woocommerce div.product .up-sells-products-content {
clear: both;
overflow: visible
}
.woocommerce div.product .related-products-content {
clear: both;
overflow: visible
}
.product-img-btn {
display: none;
right: 20px !important;
margin-top: 0 !important;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
.product-img-btn:nth-of-type(1) {
top: 20px !important;
}
.product-img-btn:nth-of-type(1):after {
content: "";
height: 7px;
width: 100%;
float: left;
margin-top: 0;
position: absolute;
top: -7px;
left: 0;
}
.product-img-btn:nth-of-type(2) {
top: 57px !important;
}
.product-img-btn:nth-of-type(2):after {
content: "";
height: 7px;
width: 100%;
float: left;
margin-top: 0;
position: absolute;
top: -7px;
left: 0;
}
.product-img-btn:nth-of-type(3) {
top: 94px !important;
}
.product-img-btn:nth-of-type(3):after {
content: "";
height: 7px;
width: 100%;
float: left;
margin-top: 0;
position: absolute;
top: -7px;
left: 0;
}
.summary-main-title-left,
.summary-main-title-right {
display: inline-block;
vertical-align: top;
}
.summary-main-title-left {
width: 77%;
}
.summary-main-title-right {
width: 23%;
text-align: right;
margin-top: 5px;
}
.hongo-size-chart-wrap .table-style-1 {
margin-bottom: 0
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-weight: 600;
}
.container-fluid.single-product-default div.product div.images.woocommerce-product-gallery {
width: 45%;
padding-left: 50px;
}
.container-fluid.single-product-default div.product div.summary,
.woocommerce-page .container-fluid.single-product-default div.product div.summary {
width: 49%;
padding-right: 50px;
}
.woocommerce .container-fluid.single-product-default div.product .woocommerce-tabs {
padding-left: 50px;
padding-right: 50px;
}
.woocommerce .single-product-default div.product div.images .flex-control-thumbs li img {
border-width: 0;
}
.woocommerce .single-product-default .hongo-woocommerce-tabs ul.tabs {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce .container.single-product-default .hongo-content-center-part div.product div.images,
.woocommerce-page .container.single-product-default .hongo-content-center-part div.product div.images,
.container.single-product-default .hongo-content-center-part .hongo-quick-view-product-image {
width: 100%;
}
.woocommerce .container.single-product-default .hongo-content-center-part div.product div.summary,
.woocommerce-page .container.single-product-default .hongo-content-center-part div.product div.summary {
width: 100%;
}
.woocommerce .single-product-default .hongo-single-product-image-wrap {
position: relative;
}
.container-fluid.single-product-default .woocommerce-notices-wrapper {
padding-left: 50px;
padding-right: 50px;
}
.size-guide-popup-wrap.hongo-mfp-bg-white .mfp-content {
width: 1000px;
}
.woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap .woocommerce-product-gallery__image:nth-child(n+2) {
width: 100%;
}
.woocommerce .container.single-product-default .hongo-content-center-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
margin-bottom: 20px;
}
@-moz-document url-prefix() {
.woocommerce div.product .summary a.hongo-wishlist i,
.woocommerce div.product .summary a.hongo-compare i {
top: 1px;
position: relative;
}
.woocommerce div.product .summary a.hongo-compare i {
top: 1px;
}
}
.woocommerce div.summary .woocommerce-info {
margin: 20px 0 0 0;
} .variations.hongo-attribute-style td {
line-height: normal !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.variations.hongo-attribute-style td.label {
padding-top: 8px !important;
padding-bottom: 0 !important
}
.variations.hongo-attribute-style .hongo-attribute-filter {
margin-top: 0;
display: inline-block;
min-height: 30px;
}
.hongo-attribute-filter {
vertical-align: top;
margin-top: 5px;
display: block;
}
.hongo-attribute-filter .hongo-swatch {
overflow: hidden;
opacity: 0.5;
cursor: pointer;
position: relative;
width: 33px;
height: 22px;
text-align: center;
font-size: 0;
display: inline-block;
margin: 3px 7px 3px 0;
background-size: cover;
background-size: 100%;
background-repeat: no-repeat;
}
.hongo-attribute-filter .hongo-swatch:hover,
.hongo-attribute-filter .hongo-swatch.active {
opacity: 1
}
.hongo-attribute-filter .hongo-swatch.disable:after {
content: "";
width: 1px;
height: 30px;
background-color: #232323;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 0;
left: 0;
top: -5px;
color: #232323;
font-weight: 900;
line-height: 14px;
text-align: center;
margin: 0 auto;
}
.hongo-attribute-filter .hongo-swatch.disable:before {
display: none;
content: "";
width: 1px;
height: 12px;
background-color: #232323;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: 0;
left: 0;
top: 4px;
color: #232323;
font-weight: 900;
line-height: 14px;
text-align: center;
margin: 0 auto;
}
.hongo-attribute-filter .hongo-swatch.disable,
hongo-swatch.disable:hover {
cursor: default;
opacity: .4
}
.hongo-attribute-filter .hongo-swatch.hongo-attribute-image.disable:after,
.hongo-attribute-filter .hongo-swatch.hongo-attribute-image.disable:before {
top: 0;
}
.hongo-attribute-filter .hongo-attribute-color {
float: left;
border: 1px solid rgba(0, 0, 0, .1);
position: relative;
opacity: 1 !important;
text-shadow: 0px 0px 1px #000000;
}
.hongo-attribute-filter .hongo-attribute-color.active:after {
font-family: Font Awesome\ 5 Free;
font-size: 10px;
content: "\f00c";
position: absolute;
left: 0;
top: 3px;
color: #ffffff;
font-weight: 900;
line-height: 14px;
text-align: center;
margin: 0 auto;
right: 0;
}
.hongo-attribute-filter .hongo-attribute-color.disable:after {
font-family: Font Awesome\ 5 Free;
font-size: 11px;
content: "\f00d";
position: absolute;
left: 0;
top: 3px;
color: #ffffff;
font-weight: 900;
line-height: 14px;
text-align: center;
margin: 0 auto;
right: 0;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: auto;
height: auto;
background-color: transparent !important;
}
.hongo-attribute-filter .hongo-attribute-color.disable:before {
display: none;
}
.hongo-attribute-filter .hongo-attribute-label {
background-color: #fff;
border: 1px solid #666666;
color: #232323;
padding: 0 7px;
width: auto;
min-width: 33px;
font-size: 11px;
line-height: 21px;
font-weight: 600;
text-transform: uppercase;
}
.hongo-attribute-filter .hongo-swatch.hongo-attribute-color.disable:after,
.hongo-attribute-filter .hongo-swatch.hongo-attribute-color.disable:before {
background-color: #fff;
}
.hongo-attribute-filter .hongo-attribute-image {
text-indent: -9999px;
background-color: #fff;
background-position: center;
border: 1px solid #666666;
color: #232323;
padding: 0 7px;
width: auto;
min-width: 33px;
font-size: 0;
line-height: 21px;
text-transform: uppercase;
}
.hongo-attribute-filter .hongo-swatch.whongo-attribute-image:after,
.hongo-attribute-filter .hongo-swatch.hongo-attribute-image:before {
background-color: #fff;
}
.hongo-attribute-filter .hongo-attribute-image.disable:after,
.hongo-attribute-filter .hongo-attribute-image.disable:before {
display: none
} .woocommerce-product-gallery__image .zoomImg,
.woocommerce-product-gallery__image>a {
cursor: crosshair;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
display: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
display: none;
}
.woocommerce div.product div.images img.emoji {
width: 14px !important;
height: auto !important;
margin: 8px auto 0 !important;
line-height: 36px;
opacity: .9;
display: block !important
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none;
height: 30px;
width: 30px
} .woocommerce div.product .hongo-single-product-video-play-button,
.woocommerce div.product .hongo-single-product-video {
text-align: center;
margin: 6px auto 0;
line-height: 20px;
position: absolute;
top: 1.7em;
right: .5em;
font-size: 2em;
z-index: 9;
width: 30px;
height: 30px;
background: #fff;
border-radius: 100%;
box-sizing: border-box;
}
.woocommerce div.product .hongo-single-product-video-play-button img,
.woocommerce div.product .hongo-single-product-video img {
opacity: .9;
width: 14px !important;
height: auto !important;
display: block !important;
margin: 8px auto 0 !important;
line-height: 36px;
} .woocommerce div.product .hongo-single-product-360-button {
text-align: center;
margin: 6px auto 0;
line-height: 20px;
position: absolute;
top: 1.7em;
right: .5em;
font-size: 2em;
z-index: 9;
width: 30px;
height: 30px;
background: #fff;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce div.product .hongo-single-product-360-button img {
opacity: .9;
width: 16px !important;
height: auto !important;
display: block !important;
margin: 7px auto 0 !important;
line-height: 36px;
} .hongo-single-product-360 {
margin: 0 auto;
height: 90vh;
}
.hongo-single-product-360 .threesixty {
position: relative;
overflow: hidden;
margin: 0 auto;
height: 100% !important;
}
.hongo-single-product-360 .threesixty .threesixty_images {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.hongo-single-product-360 .threesixty .threesixty_images img {
position: absolute;
top: 0;
width: 100%;
height: auto;
max-height: 90vh;
cursor: w-resize;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hongo-single-product-360 .threesixty .threesixty_images img.previous-image {
visibility: hidden;
width: 0;
}
.hongo-single-product-360 .threesixty .threesixty_images img.current-image {
visibility: visible;
width: auto;
}
.hongo-single-product-360 .threesixty .nav_bar {
position: absolute;
z-index: 11;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hongo-single-product-360 .threesixty .nav_bar a {
display: block;
text-align: center;
float: left;
font-size: 0;
margin: 0 3px;
padding: 5px 10px;
background: #232323;
border-radius: 100%;
height: 36px;
width: 36px;
}
.hongo-single-product-360 .threesixty .nav_bar a.nav_bar_play:before,
.hongo-single-product-360 .threesixty .nav_bar a.nav_bar_stop:before {
content: "\e6ae";
font-family: 'themify';
font-size: 13px;
font-weight: 400;
display: inline-block;
vertical-align: middle;
line-height: normal;
color: #fff;
position: relative;
}
.hongo-single-product-360 .threesixty .nav_bar a.nav_bar_play:before {
content: "\e6ad";
right: -1px;
}
.hongo-single-product-360 .threesixty .nav_bar a.nav_bar_next:before,
.hongo-single-product-360 .threesixty .nav_bar a.nav_bar_previous:before {
content: "\e6af";
font-family: 'themify';
font-weight: 700;
font-size: 13px;
display: inline-block;
vertical-align: middle;
line-height: normal;
color: #fff;
margin-top: 1px;
position: relative;
}
.hongo-single-product-360 .threesixty .nav_bar a.nav_bar_next:before {
right: -1px;
}
.hongo-single-product-360 .threesixty .nav_bar a.nav_bar_previous:before {
content: "\e6b0";
left: -1px;
}
.hongo-single-product-360:-webkit-full-screen {
background: #ffffff;
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 200px;
}
.hongo-single-product-360:-moz-full-screen {
background: #ffffff;
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 200px;
}
.spinner {
position: relative;
z-index: 999;
width: 100%;
text-align: center;
} .woocommerce div.product div.images .flex-control-thumbs {
margin: 0 -10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 0 10px 20px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
border: 1px solid rgba(0, 0, 0, 0);
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
opacity: .4
}
.woocommerce div.product div.images .flex-control-thumbs li img {
opacity: 1
} .woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
position: relative;
margin-bottom: 20px;
}
.woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-next i,
.woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-prev i {
font-size: 18px
}
.woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-next {
right: 15px;
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-prev {
left: 15px;
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:hover .swiper-button-next {
opacity: 1;
}
.woocommerce div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:hover .swiper-button-prev {
opacity: 1;
}
.woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-next.swiper-button-disabled i,
.woocommerce div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap .swiper-button-prev.swiper-button-disabled i {
opacity: .4;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap {
position: relative;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ol,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ol li,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ul li {
width: 25%;
padding: 0;
cursor: pointer
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ol li img,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ul li img {
border: 1px solid rgba(0, 0, 0, 0.1);
opacity: 1;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ol li:hover img,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ul li:hover img {
opacity: 0.5
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ol li.swiper-slide-thumb-active img,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap ul li.swiper-slide-thumb-active img {
border: 1px solid #e8e8e8;
opacity: 0.5
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
left: auto;
position: absolute;
top: 50%;
padding: 5px;
outline: none;
background: none;
background-color: rgba(0, 0, 0, .2);
width: auto;
height: auto;
margin: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
z-index: 9;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover {
background-color: rgba(0, 0, 0, .6)
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover i,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover i {
color: #fff;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled {
background-color: rgba(0, 0, 0, .2);
opacity: .4;
cursor: auto;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
right: 0;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
left: 0;
}
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev i,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled i,
.woocommerce div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled i {
color: #000;
outline: none;
font-size: 13px;
line-height: normal;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.swiper-thumb-next:hover i,
.swiper-thumb-prev:hover i,
.swiper-thumb-next.swiper-button-disabled i,
.swiper-thumb-prev.swiper-button-disabled i {
opacity: 1;
} .woocommerce div.product form.cart .group_table {
border-width: 0;
width: 100%;
margin-bottom: 20px;
}
.woocommerce div.product form.cart .group_table td,
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding: 15px 15px;
border-bottom: 1px solid #e8e8e8;
vertical-align: middle;
}
.woocommerce div.product form.cart .group_table td.label {
display: table-cell;
vertical-align: middle;
}
.woocommerce div.product form.cart .group_table td.label label {
padding: 0;
margin: 0;
font-weight: 500;
font-size: 13px;
}
.woocommerce div.product form.cart .group_table td.label label a {
padding: 0;
margin: 0;
font-weight: 500;
font-size: 13px;
text-decoration: underline;
}
.woocommerce div.product form.cart .group_table td.label label a:hover {
text-decoration: none;
}
.woocommerce div.product form.cart .group_table td .stock {
margin: 0 10px 0 0;
display: inline-block;
position: relative;
top: -1px;
}
.woocommerce div.product form.cart .group_table td:first-child {
padding-left: 0;
text-align: left;
}
.woocommerce div.product form.cart .group_table td.price {
font-size: 13px;
font-weight: 700;
}
.woocommerce div.product form.cart .group_table td del .amount,
.woocommerce div.product form.cart .group_table td ins .amount {
margin-right: 0
}
.woocommerce div.product form.cart .group_table td .amount {
margin-right: 0;
}
.woocommerce div.product form.cart .group_table tr td:last-child {
padding-right: 0;
}
.woocommerce div.product form.cart .group_table td .amount:last-of-type {
margin-right: 7px;
}
.woocommerce div.product form.cart .group_table tr td .stock {
margin-left: 0 !important
}
.woocommerce div.product form.cart .hongo-group-product-wrap {
width: 100%;
}
.woocommerce div.product form.cart table.group_table {
border-width: 0;
width: 100%;
margin-bottom: 31px;
}
.woocommerce div.product form.cart table.group_table tr td>label {
margin-bottom: 0;
}
.woocommerce div.product form.cart table.group_table tr:first-child td {
padding-top: 0;
}
.woocommerce .single-product-default div.product form.cart .group_table td .stock,
.woocommerce .single-product-classic div.product form.cart .group_table td .stock,
.woocommerce .single-product-sticky div.product form.cart .group_table td .stock,
.woocommerce .single-product-modern div.product form.cart .group_table td .stock {
margin: 0 10px 0 10px
}
.woocommerce .single-product-right-content div.product form.cart .group_table td .stock,
.woocommerce .single-product-left-content div.product form.cart .group_table td .stock {
margin-top: 5px;
}
.woocommerce .single-product-carousel div.product form.cart .group_table td .stock {
margin-top: 5px;
margin-right: 0;
}
.woocommerce div.product form.cart .group_table td ins {
margin-right: 6px;
} .woocommerce div.product form.cart .variations .swatch-wrapper {
padding: 1px;
}
.woocommerce div.product form.cart .variations .swatch-wrapper.selected {
border: 1px solid #e8e8e8;
}
.woocommerce div.product form.cart .variations .swatch-control ul {
padding: 6px 0 0 0 !important;
}
.woocommerce div.product form.cart .variations .swatch-control ul li {
margin-bottom: 3px;
}
.woocommerce div.product form.cart .variations .swatch-control ul li input[type="radio"] {
float: left;
width: auto;
margin: 7px 8px 0 0;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0;
} .woocommerce p.price,
.woocommerce span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #232323;
font-weight: 400;
font-size: inherit;
margin: 0;
}
.woocommerce p.price del,
.woocommerce span.price del,
.woocommerce del {
opacity: 1;
margin-right: 6px;
} .woocommerce .star-rating {
color: #fd9d38;
margin: 0 auto 8px;
font-size: 10px;
width: 6.1em;
}
.woocommerce .star-rating::before,
.woocommerce .star-rating span,
.woocommerce p.stars.selected a:not(.active)::before,
.woocommerce p.stars a::before {
color: #fd9d38;
}
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
letter-spacing: 2px;
} .woocommerce div.product .woocommerce-tabs ul.tabs,
.hongo-woocommerce-tabs ul.tabs {
padding: 0;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
float: none;
display: inline-block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.hongo-woocommerce-tabs ul.tabs li {
border: 0 solid #e8e8e8;
background-color: transparent;
border-radius: 0;
margin: 0 25px;
padding: 0;
list-style: none;
display: inline-block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child,
.hongo-woocommerce-tabs ul.tabs li:first-child {
margin-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child,
.hongo-woocommerce-tabs ul.tabs li:last-child {
margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.hongo-woocommerce-tabs ul.tabs li.active {
background-color: transparent;
border-bottom-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.hongo-woocommerce-tabs ul.tabs li a {
padding: 0;
margin: 0;
color: #808080;
font-size: 13px;
font-weight: 500;
border-bottom: 1px solid transparent;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.hongo-woocommerce-tabs ul.tabs li a:hover {
color: #232323;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.hongo-woocommerce-tabs ul.tabs li.active a {
color: #232323;
border-bottom: 1px solid #232323;
}
.woocommerce div.product .woocommerce-tabs .comment-form,
.woocommerce div.product .hongo-accordion .comment-form {
margin: 0;
}
.woocommerce div.product .woocommerce-tabs .comment-form .comment-form-rating,
.woocommerce div.product .hongo-accordion .comment-form .comment-form-rating {
padding: 0;
margin-bottom: 7px;
}
.woocommerce div.product .woocommerce-tabs .panel,
.panel {
border-radius: 0;
border: 0;
margin: 0;
padding: 60px 0 70px 0;
box-shadow: none;
background-color: transparent;
clear: both;
width: 100%;
float: left;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: 13px;
line-height: normal;
margin-bottom: 10px;
color: #808080;
font-weight: 500;
}
.woocommerce div.product .woocommerce-tabs .panel section {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs #review_form #respond p,
.woocommerce div.product .hongo-accordion #review_form #respond p {
margin-bottom: 15px !important;
}
.woocommerce div.product .woocommerce-tabs #review_form #respond p.comment-form-cookies-consent,
.woocommerce div.product .hongo-accordion #review_form #respond p.comment-form-cookies-consent {
padding-left: 0;
padding-right: 0;
}
.woocommerce div.product .woocommerce-tabs #review_form #respond p.form-submit,
.woocommerce div.product .hongo-accordion #review_form #respond p.form-submit {
margin-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs #review_form #respond .comment-form-rating p,
.woocommerce div.product .woocommerce-tabs #review_form #respond .comment-form-rating p,
.woocommerce div.product .hongo-accordion #review_form #respond .comment-form-rating p {
margin-bottom: 0 !important
}
.woocommerce div.product .woocommerce-tabs .panel p {
margin-bottom: 15px;
}
.woocommerce div.product .woocommerce-tabs .panel p:last-child {
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel ul {
padding-left: 17px;
margin-bottom: 15px;
}
.woocommerce div.product .woocommerce-tabs .panel ul.list-style {
padding-left: 0px;
margin-bottom: 0px;
}
.woocommerce div.product .woocommerce-tabs .panel ul.products {
padding-left: 0;
}
.woocommerce table.shop_attributes {
border: 0;
margin-bottom: 0;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
font-style: normal;
border-bottom: 1px solid #e8e8e8;
border-right: 0;
line-height: normal;
padding: 10px 15px;
}
.woocommerce table.shop_attributes th {
color: #232323;
font-weight: 600
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background-color: #f7f7f7;
}
.woocommerce table.shop_attributes tr:last-child th,
.woocommerce table.shop_attributes tr:last-child td {
border-bottom: 0;
}
.woocommerce table.shop_attributes td p {
margin: 0 !important;
padding: 0 !important;
}
.hongo-woocommerce-tabs {
clear: both;
padding: 0;
margin: 0;
float: left;
width: 100%;
}
.single-product .hongo-woocommerce-tabs {
border-top: 1px solid #e8e8e8;
padding: 71px 0 0 0;
margin: 0 0 62px 0
}
.hongo-woocommerce-tabs ul.tabs {
text-align: center;
margin-bottom: 60px;
width: 100%;
}
.hongo-woocommerce-tabs section,
.hongo-woocommerce-tabs .panel {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.hongo-woocommerce-tabs section>h2 {
text-align: center;
margin-bottom: 40px !important;
}
.hongo-woocommerce-tabs .hongo-tab {
display: none;
}
.hongo-woocommerce-tabs .hongo-tab.active {
display: block;
} .product_meta {
border-top: 1px solid #e8e8e8;
margin: 25px 0 0 0;
padding: 26px 0 0 0;
float: left;
width: 100%;
}
.product_meta span {
color: #232323;
font-size: 11px;
text-transform: uppercase;
line-height: 20px;
font-weight: 500;
}
.product_meta span span,
.product_meta span a {
color: #808080;
font-weight: 400
}
.product_meta span a:hover {
color: #f57250;
}
.product_meta>span {
width: 100%;
float: left;
margin-bottom: 5px;
}
.product_meta .hongo-product-meta-left>span {
width: 100%;
float: left;
margin-bottom: 5px;
}
.hongo-product-meta-left {
width: 63%;
float: left;
}
.product_meta .hongo-product-meta-left span {
display: inline-block;
}
.hongo-product-meta-right {
width: 33%;
float: right;
}
.hongo-product-meta-right .products-social-icon {
margin: 0;
padding: 0;
text-align: right;
}
.hongo-product-meta-right .products-social-icon>span {
float: none;
position: relative;
top: -3px;
}
.hongo-product-meta-right .products-social-icon .hongo-product-sharebox-title+ul {
max-width: calc(100% - 48px);
}
.hongo-product-meta-right .products-social-icon ul {
float: right;
max-width: 100%;
}
.product_meta .sku_wrapper.product_meta {
padding: 0;
margin: 0 0 5px 0;
border: 0;
}
.product_meta .sku_wrapper.product_meta > span {
width: auto;
float: none;
margin: 0;
} .sku_wrapper {
color: #232323;
font-size: 11px;
text-transform: uppercase;
line-height: 20px;
width: 100%;
margin-bottom: 5px;
font-weight: 500;
}
.sku_wrapper a,
.sku_wrapper span {
color: #808080;
font-weight: 400;
}
.sku_wrapper a:hover {
color: #f57250;
} .woocommerce #reviews * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
margin: 5px 0 0 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 65px;
background-color: transparent;
border: 0 solid #e8e8e8;
margin: 0;
border-radius: 100%;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 80px;
border: 0 solid #e8e8e8;
border-radius: 0;
padding: 10px 0 0 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
line-height: 22px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 13px;
line-height: normal;
margin-bottom: 4px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
color: #000;
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 0 0 15px 0;
margin: 0 0 25px;
position: relative;
border-bottom: 1px solid #e8e8e8;
}
.comment-respond .comment-form label {
color: #000;
font-size: 12px;
line-height: normal;
margin-bottom: 8px;
}
.woocommerce #reviews #comment {
height: 105px;
}
.comment-respond .comment-form .comment-form-author {
float: left;
width: 49%;
margin-bottom: 0 !important;
}
.comment-respond .comment-form .comment-form-email {
float: right;
width: 49%;
margin-bottom: 0 !important;
}
.comment-respond .comment-form .comment-form-cookies-consent {
clear: both;
padding: 0 15px;
margin-bottom: 18px;
}
.comment-respond .comment-form .comment-form-cookies-consent input[type="checkbox"] {
margin: 0 5px 7px 0
}
.comment-respond .comment-form .comment-form-cookies-consent label {
margin-bottom: 0;
position: relative;
top: -2px;
width: 85%;
display: block;
color: #808080
}
.comment-respond .comment-form .comment-form-comment {
margin-bottom: 0 !important
}
.woocommerce #review_form .comment-reply-title {
color: #232323;
font-weight: 500;
text-transform: uppercase;
}
.woocommerce #review_form #respond p {
margin: 0 0 15px;
}
.woocommerce #review_form #respond p.comment-notes {
font-size: 12px;
}
.woocommerce #review_form p.stars {
margin-bottom: 7px !important;
width: max-content;
width: -moz-max-content;
width: -webkit-max-content;
}
.woocommerce #review_form .comment-form-rating {
clear: both
}
.woocommerce #review_form .stars a:hover,
.woocommerce #review_form .stars:hover a,
.woocommerce #review_form .stars a:focus {
color: #f34a53
}
.woocommerce #review_form #respond p.form-submit {
margin: 0;
} .related.products {
clear: both;
border-top: 1px solid #e8e8e8;
margin: 0;
float: left;
width: 100%;
overflow: hidden;
padding-top: 70px;
}
.related.products>h2 {
font-size: 13px;
line-height: 22px;
font-weight: 500;
text-align: center;
margin-bottom: 61px;
text-transform: uppercase
} .upsells.products {
clear: both;
border-top: 1px solid #e8e8e8;
margin: 0;
float: left;
width: 100%;
overflow: hidden;
padding-top: 70px;
padding-bottom: 70px;
}
.upsells.products>h2 {
font-size: 13px;
line-height: 22px;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
text-transform: uppercase;
} .featured-products.products {
clear: both;
border-top: 1px solid #e8e8e8;
margin: 0;
float: left;
width: 100%;
overflow: hidden;
padding-top: 70px;
padding-bottom: 70px;
}
.featured-products.products>h2 {
font-size: 13px;
line-height: 22px;
font-weight: 500;
text-align: center;
margin-bottom: 61px;
text-transform: uppercase;
} .products-social-icon>span {
margin-right: 5px;
float: left;
}
.products-social-icon ul {
padding: 0;
margin: 0;
list-style: none;
display: table;
vertical-align: middle;
position: relative;
top: -1px;
}
.products-social-icon ul li {
display: inline-block;
padding: 0 0 0 3px;
}
.products-social-icon ul li a {
line-height: normal;
font-size: 11px;
position: relative;
top: -2px;
}
.products-social-icon {
margin: 0;
padding: 16px 0 0 0;
width: 100%;
display: inline-block;
clear: both;
}
.products-social-icon span {
color: #232323;
font-size: 11px;
text-transform: uppercase;
line-height: 20px;
font-weight: 500;
} .hongo-accordion {
margin: 50px 0 0 0;
float: left;
width: 100%;
}
.hongo-accordion>ul {
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 100%;
}
.hongo-accordion>ul>li {
border-bottom: 1px solid #e8e8e8;
float: left;
width: 100%;
}
.hongo-accordion>ul>li>a {
padding: 13px 30px 12px 0;
margin: 0;
color: #808080;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
border-bottom: 0 solid transparent;
display: block;
}
.hongo-accordion>ul>li:last-child {
border-bottom: 0;
}
.hongo-accordion>ul>li>a>span {
color: #232323;
float: right;
margin-right: -30px;
font-size: 10px;
line-height: 26px
}
.hongo-accordion>ul>li>a:hover,
.hongo-accordion>ul>li.active>a,
.hongo-accordion>ul>li>a.active {
color: #232323;
}
.hongo-accordion-section-content {
display: none;
}
.hongo-accordion ul li .panel {
padding: 5px 0 25px 0;
margin: 0;
}
.hongo-accordion ul li .panel p:last-child {
margin-bottom: 0;
}
.hongo-accordion ul li .panel h2 {
font-size: 13px;
line-height: normal;
margin-bottom: 10px;
color: #808080;
font-weight: 500;
}
.hongo-accordion ul li .panel section {
padding: 0;
}
.hongo-accordion ul li .panel ul {
list-style: disc;
padding-left: 16px;
margin-bottom: 15px;
}
.hongo-accordion ul li .panel ul.products {
padding-left: 0;
} .sticky-cart-appear footer {
margin-bottom: 110px;
}
.sticky-add-to-cart-wrapper {
position: fixed;
background-color: #F7F7F7;
z-index: 9998;
left: 0;
bottom: -30%;
width: 100%;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.sticky-add-to-cart-wrapper:hover {
background: #fff;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
}
.sticky-cart-appear .sticky-add-to-cart-wrapper {
bottom: 0;
}
.sticky-add-to-cart-wrapper .sticky-add-to-cart-wrap {
padding-top: 25px;
padding-bottom: 25px;
}
.sticky-add-to-cart-wrapper .product-left-part {
float: left;
}
.sticky-add-to-cart-wrapper .product-title,
.sticky-add-to-cart-wrapper .product-title a {
font-weight: 600;
color: #434343;
font-size: 13px;
line-height: 20px;
}
.sticky-add-to-cart-wrapper .product-title a:hover {
color: #f57250
}
.sticky-add-to-cart-wrapper .product-left-part-right {
float: left;
margin-top: 9px;
}
.sticky-add-to-cart-wrapper .product-image {
float: left;
width: 60px;
margin-right: 15px;
}
.sticky-add-to-cart-wrapper .product-right-part {
float: right;
margin-top: 10px;
}
.sticky-add-to-cart-wrapper form.cart {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
float: left;
width: 100%;
}
.sticky-add-to-cart-wrapper form.cart .variations {
float: left;
margin: 0 0 0 20px !important;
padding: 0 !important;
width: auto !important;
display: none;
}
.sticky-add-to-cart-wrapper form.cart .single_variation_wrap {
margin: 0 0 0 20px !important;
padding: 0 !important;
width: auto !important
}
.sticky-add-to-cart-wrapper select {
width: 100% !important;
min-width: 100% !important;
}
.sticky-add-to-cart-wrapper td.label {
width: auto !important
}
.sticky-add-to-cart-wrapper .stock,
.sticky-add-to-cart-wrapper .hongo-single-product-buttons {
display: none !important;
}
.sticky-add-to-cart-wrapper .hongo-add-to-cart-button-wrap {
margin: 0 !important;
padding: 0 !important;
}
.sticky-add-to-cart-wrapper .hongo-single-product-buttons {
margin-left: 13px !important;
margin-top: 7px !important;
}
.sticky-add-to-cart-wrapper .hongo-single-product-buttons a {
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
color: #232323;
padding: 11px 20px 11px 20px;
border: 1px solid rgba(0, 0, 0, .2);
background: #fff;
}
.sticky-add-to-cart-wrapper .hongo-single-product-buttons a i {
margin-right: 4px;
position: relative;
top: 1px;
}
.sticky-add-to-cart-wrapper .hongo-single-product-buttons a:hover {
border: 1px solid rgba(0, 0, 0, .5);
} .single-product-right-content section {
padding-top: 75px;
padding-bottom: 0;
margin: 0;
}
.single-product-right-content .related.products>h2,
.single-product-right-content .upsells.products>h2 {
text-align: left;
margin-bottom: 20px;
}
.single-product-right-content .related.products {
border-top: 0;
}
.single-product-right-content .upsells.products {
border-top: 0;
padding-top: 75px;
margin: 0;
}
.woocommerce .single-product-right-content div.product div.summary,
.woocommerce-page .single-product-right-content div.product div.summary {
width: 28%;
margin-top: 35px;
margin-bottom: 0;
padding-right: 120px;
}
.woocommerce .single-product-right-content div.product div.images,
.woocommerce-page .single-product-right-content div.product div.images,
.single-product-right-content .hongo-quick-view-product-image {
width: 67%;
padding-left: 50px;
}
.woocommerce .container.single-product-right-content div.product div.summary,
.woocommerce-page .container.single-product-right-content div.product div.summary {
width: 40%;
padding-right: 0;
}
.woocommerce .container.single-product-right-content div.product div.images,
.woocommerce-page .container.single-product-right-content div.product div.images,
.container.single-product-right-content .hongo-quick-view-product-image {
width: 58%;
padding-left: 0;
}
.woocommerce .single-product-right-content div.product .hongo-single-product-image-wrap {
float: left;
width: 100%;
position: relative;
}
.woocommerce .single-product-right-content div.product div.images .woocommerce-product-gallery__image {
margin: 0 20px 20px 0;
}
.woocommerce .single-product-right-content .woocommerce-product-gallery__image,
.woocommerce .single-product-right-content div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: calc(50% - 21px);
float: left;
}
.single-product-right-content .summary-main-title-right .woocommerce-product-rating {
float: right;
margin: 0 0 5px 0 !important;
}
.summary-main-title-right .product_meta {
border-top: 0 solid #e8e8e8;
margin: 0 0 5px 0;
padding: 0;
float: none;
width: 100%;
}
.summary-main-title-right .product_meta > span {
width: auto;
float: none;
margin-bottom: 0;
}
.single-product-right-content .summary-main-title-right .sku_wrapper {
float: right;
margin-bottom: 0;
}
.single-product-right-content div.product div.images,
.single-product-right-content div.product div.summary {
margin-bottom: 0 !important;
}
.woocommerce .single-product-right-content div.product div.images .woocommerce-product-gallery__wrapper {
margin-right: 0;
}
.woocommerce .single-product-right-content div.product div.images .flex-viewport .woocommerce-product-gallery__image {
margin: 0 0 15px 0;
}
.woocommerce .single-product-right-content .flex-viewport .woocommerce-product-gallery__image,
.woocommerce .single-product-right-content div.product div.images .flex-viewport .woocommerce-product-gallery__image:nth-child(n+2) {
width: 100%;
}
.woocommerce .single-product-right-content div.product .product-img-btn {
right: 40px !important;
}
.woocommerce .single-product-right-content div.product .hongo-woocommerce-tabs ul.tabs {
margin-bottom: 20px;
}
.woocommerce .single-product-right-content div.product div.summary section {
padding: 75px 0 35px;
float: left;
clear: both;
width: 100%;
}
.woocommerce .single-product-right-content div.product div.summary section:nth-of-type(1) {
margin-top: 23px;
}
.woocommerce .single-product-right-content div.product div.summary .hongo-accordion~section {
margin-top: 0;
}
.woocommerce .single-product-right-content div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap.product-single-img {
width: 50%;
}
.woocommerce .single-product-right-content .product-single-img .woocommerce-product-gallery__image,
.woocommerce .single-product-right-content div.product div.images .product-single-img .woocommerce-product-gallery__image:nth-child(n+2) {
width: calc(100% - 21px);
}
.woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.images,
.woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.images,
.container-fluid.single-product-right-content .hongo-content-center-part .hongo-quick-view-product-image {
padding-left: 15px;
}
.woocommerce .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-right-content .hongo-content-center-part div.product div.summary {
padding-left: 10px;
padding-right: 15px;
width: 33%;
}
.woocommerce .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .product-buttons-wrap,
.woocommerce-page .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .product-buttons-wrap {
bottom: 22px;
}
.woocommerce .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .product-title-price-wrap,
.woocommerce-page .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .product-title-price-wrap {
bottom: 0;
}
.woocommerce .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .woocommerce-loop-product__title,
.woocommerce .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product.product-category .woocommerce-loop-category__title,
.woocommerce-page .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .woocommerce-loop-product__title,
.woocommerce-page .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product.product-category .woocommerce-loop-category__title {
font-size: 14px;
line-height: 20px;
}
.woocommerce .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .price,
.woocommerce-page .single-product-right-content div.product div.summary ul.products.hongo-shop-boxed li.product .price {
font-size: 14px;
line-height: 14px;
}
.woocommerce .container.single-product-right-content .hongo-content-center-part div.product div.images .woocommerce-product-gallery__wrapper {
margin-right: -20px;
}
.woocommerce .container.single-product-right-content .hongo-content-center-part div.product div.images,
.woocommerce-page .container.single-product-right-content .hongo-content-center-part div.product div.images,
.container.single-product-right-content .hongo-content-center-part .hongo-quick-view-product-image {
width: 100%;
}
.woocommerce .container.single-product-right-content .hongo-content-center-part div.product div.summary,
.woocommerce-page .container.single-product-right-content .hongo-content-center-part div.product div.summary {
width: 100%;
padding: 0;
}
.woocommerce .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-right-content .hongo-content-right-part div.product div.summary {
width: 33%;
padding-right: 15px;
padding-left: 45px;
}
.woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.images,
.woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.images,
.container-fluid.single-product-right-content .hongo-content-left-part .hongo-quick-view-product-image {
padding-left: 15px;
}
.woocommerce .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-right-content .hongo-content-left-part div.product div.summary {
width: 33%;
padding-left: 45px;
padding-right: 50px;
}
.woocommerce .single-product-right-content .woocommerce-product-rating .star-rating {
margin-right: 0;
}
.woocommerce .single-product-right-content div.product div.summary .hongo-accordion>ul>li section {
padding: 0;
border: 0;
margin: 0;
}
.woocommerce .single-product-right-content div.product div.summary .hongo-accordion>ul>li section div {
padding-left: 0;
padding-right: 0;
}
.container-fluid.single-product-right-content .woocommerce-notices-wrapper {
padding-left: 50px;
padding-right: 50px;
}
.woocommerce .single-product-right-content .hongo-shop-boxed .sale-new-wrap {
left: -3px;
top: 0px;
padding: 0;
}
.woocommerce .single-product-right-content ul.products.hongo-shop-boxed li.product .product-title-wrap {
top: 25px;
} .woocommerce .single-product-carousel div.product .hongo-carousel-content-images-wrap {
float: left;
width: 100%;
clear: both;
}
.woocommerce .single-product-carousel div.product .summary,
.woocommerce .single-product-carousel div.product .woocommerce-tabs,
.woocommerce .single-product-carousel div.product .hongo-woocommerce-tabs {
width: 100%;
padding-bottom: 0;
float: none;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce .single-product-carousel div.product div.images,
.woocommerce-page .single-product-carousel div.product div.images,
.hongo-quick-view-product-image {
width: 100%;
margin: 0;
}
.woocommerce .single-product-carousel div.product .woocommerce-tabs section {
padding: 0;
}
.woocommerce .single-product-carousel div.product div.images.woocommerce-product-gallery figure {
margin: 0 -15px;
}
.woocommerce .single-product-carousel div.product div.images .product-single-img {
width: 33.333%;
margin: 0 auto;
}
.woocommerce .single-product-carousel div.product div.images .product-single-img .woocommerce-product-gallery__image,
.woocommerce .single-product-carousel div.product div.images .product-single-img .woocommerce-product-gallery__image--placeholder {
width: 100%;
opacity: 1;
}
.woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image,
.woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image--placeholder {
opacity: 0.4;
float: none;
overflow: hidden;
width: 33.333%;
text-align: center;
display: inline-block;
vertical-align: top;
}
.woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__image.swiper-slide-next {
opacity: 1;
}
.woocommerce .single-product-carousel div.product .summary .hongo-summary-left-content>div,
.woocommerce .single-product-carousel div.product .summary .hongo-summary-right-content>div {
width: 100%;
}
.woocommerce .single-product-carousel div.product .summary .hongo-summary-left-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 100px;
padding-left: 15px;
border-right: 1px solid #e8e8e8;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.woocommerce .single-product-carousel div.product .summary .hongo-summary-left-content>div>div:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.woocommerce .single-product-carousel div.product .summary .hongo-summary-right-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 100px;
padding-right: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.woocommerce .single-product-carousel div.product .summary .hongo-summary-right-content>div>div:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.woocommerce .single-product-carousel div.product .summary-main-title {
margin: 0 0 25px 0;
width: 100%;
display: inline-block;
}
.woocommerce .single-product-carousel div.product .hongo-product-deal-wrap {
margin-top: 0;
margin-bottom: 25px;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-details__short-description,
.woocommerce .single-product-carousel div.product .product_meta,
.woocommerce .single-product-carousel div.product form.cart.variations_form .single_variation_wrap,
.woocommerce .single-product-carousel div.product form.cart,
.woocommerce .single-product-carousel div.product form.cart .variations,
.woocommerce .single-product-carousel div.product form.cart table.group_table,
.woocommerce .single-product-carousel div.product p.cart {
border-top: none;
margin: 0 0 25px 0;
padding: 0;
}
.woocommerce .single-product-carousel div.product form.cart.variations_form .single_variation_wrap {
margin: 0;
}
.woocommerce .single-product-carousel div.product .hongo-single-product-buttons a {
margin-left: 15px !important;
}
.woocommerce .single-product-carousel div.product .hongo-single-product-buttons a:first-child {
margin-left: 0 !important;
}
.woocommerce .single-product-carousel div.product .hongo-single-product-tab-content-carousel {
border-top: 1px solid #e8e8e8;
padding: 80px 0 0;
float: left;
width: 100%;
clear: both;
}
.woocommerce .single-product-carousel div.product .woocommerce-tabs ul.tabs {
margin: 0 auto;
}
.woocommerce .single-product-carousel div.product .summary {
padding: 100px 0 100px;
}
.woocommerce .single-product-carousel div.product .woocommerce-tabs .panel h3 {
color: #000000;
font-size: 16px;
font-weight: 600;
line-height: normal;
padding: 0;
margin: 0 0 10px 0;
text-transform: uppercase;
}
.woocommerce .single-product-carousel div.product div.images .woocommerce-product-gallery__wrapper {
text-align: center;
}
.woocommerce .single-product-carousel div.product p.price {
font-size: 16px;
}
.woocommerce .single-product-carousel div.product .summary-main-title-right .woocommerce-product-rating {
float: right;
margin: 0 0 5px 0 !important;
}
.woocommerce .single-product-carousel div.product .summary-main-title-right .sku_wrapper {
float: right;
margin: 0;
padding: 0;
border: 0;
clear: both;
width: auto;
}
.woocommerce .single-product-carousel div.product .summary-main-title-right .sku_wrapper .sku {
padding: 0;
margin: 0;
width: auto;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .sale-new-wrap {
width: auto;
left: 15px;
top: inherit;
bottom: 50px;
}
.woocommerce .single-product-carousel div.product .summary .hongo-summary-right-content .yith-wcwl-add-to-wishlist {
margin: 0 0 20px 0;
}
.woocommerce .single-product-carousel div.product .summary .hongo-summary-right-content a.compare {
margin: 0 0 20px 0;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev i,
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next i {
color: #fff;
font-size: 16px !important
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev {
left: 50% !important;
margin-left: -62px !important;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next {
right: 50% !important;
margin-right: -62px !important;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev,
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next {
top: inherit;
background-color: #232323;
width: 60px;
height: 60px;
line-height: 65px;
padding: 0;
bottom: 0;
margin: 0;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity: 1 !important
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev:hover,
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next:hover {
background-color: #fff;
color: #232323;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev:hover i,
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next:hover i {
color: #232323;
opacity: 1;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev.swiper-button-disabled,
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next.swiper-button-disabled {
background-color: #fff;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-prev.swiper-button-disabled i,
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .swiper-button-next.swiper-button-disabled i {
color: #232323
}
.woocommerce .single-product-carousel div.product .product_meta {
text-align: center;
border-top: 1px solid #e8e8e8;
padding-top: 25px;
padding-bottom: 23px;
margin: 0;
}
.woocommerce .single-product-carousel div.product .product_meta>span {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin: 3px 0;
padding: 0 25px 0 29px;
position: relative;
}
.woocommerce .single-product-carousel div.product .product_meta>span:after,
.woocommerce .single-product-carousel div.product .product_meta>span~div:after {
content: "";
width: 1px;
height: 20px;
background-color: #e4e4e4;
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
}
.woocommerce .single-product-carousel div.product .product_meta>span:first-child:after {
display: none;
}
.woocommerce .single-product-carousel div.product .product_meta>span a,
.woocommerce .single-product-carousel div.product .product_meta>span,
.woocommerce .single-product-carousel div.product .product_meta .products-social-icon>span {
font-size: 12px;
text-transform: none;
}
.woocommerce .single-product-carousel div.product .product_meta>div {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin: 2px 0 3px 0;
padding: 1px 25px 0 29px;
position: relative;
}
.woocommerce .single-product-carousel div.product .product_meta>.products-social-icon ul {
top: -1px;
display: inline-block;
}
.woocommerce .single-product-carousel div.product .product_meta>.products-social-icon ul li {
margin: 0 -2px;
}
.woocommerce .single-product-carousel div.product .product_meta>.products-social-icon>span {
margin-right: 10px;
}
.woocommerce .single-product-carousel div.product form.cart.variations_form {
margin-bottom: 0 !important;
}
.woocommerce .single-product-carousel div.product .hongo-variation-price-availability {
margin-bottom: 35px;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn {
top: inherit !important;
right: 35px !important;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(1) {
bottom: 50px !important;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(1):after {
content: "";
height: 7px;
width: 100%;
float: left;
margin-top: 0;
position: absolute;
top: inherit;
bottom: -7px;
left: 0;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(2) {
bottom: 87px !important;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(2):after {
content: "";
height: 7px;
width: 100%;
float: left;
margin-top: 0;
position: absolute;
top: inherit;
bottom: -7px;
left: 0;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(3) {
bottom: 124px !important;
}
.woocommerce .single-product-carousel div.product .woocommerce-product-gallery .product-img-btn:nth-of-type(3):after {
content: "";
height: 7px;
width: 100%;
float: left;
margin-top: 0;
position: absolute;
top: inherit;
bottom: -7px;
left: 0;
}
.woocommerce .single-product-carousel div.product .upsells.products,
.woocommerce .single-product-carousel div.product .related.products {
padding-right: 15px;
padding-left: 15px;
}
.woocommerce .single-product-carousel div.product .summary form.cart {
margin-bottom: 0;
}
.woocommerce .container.single-product-carousel div.product div.images.woocommerce-product-gallery figure {
margin: 0;
}
.woocommerce .container.single-product-carousel div.product .summary .hongo-summary-left-content {
padding-left: 0;
}
.woocommerce .container.single-product-carousel div.product .summary .hongo-summary-right-content {
padding-right: 0;
}
.woocommerce .single-product-carousel .product .stock {
margin: 0;
}
.woocommerce .single-product-carousel .product .hongo-summary-right-wrap>.stock {
margin-bottom: 20px;
}
.woocommerce .container-fluid.single-product-carousel .hongo-content-center-part div.product div.images.woocommerce-product-gallery figure {
margin: 0;
}
.woocommerce .container-fluid.single-product-carousel .hongo-content-left-part div.product div.images.woocommerce-product-gallery figure {
margin-right: 0;
}
.woocommerce .container-fluid.single-product-carousel .hongo-content-right-part div.product div.images.woocommerce-product-gallery figure {
margin-left: 0;
}
.woocommerce .single-product-carousel .woocommerce-product-rating .star-rating {
margin: 0;
}
.single-product-carousel .woocommerce-notices-wrapper {
position: fixed;
width: 100%;
z-index: 9999;
bottom: 0;
}
.single-product-carousel .woocommerce-notices-wrapper>div,
.single-product-carousel .woocommerce-notices-wrapper>ul {
margin-bottom: 0;
}
.woocommerce .box-layout .single-product-carousel div.product div.images.woocommerce-product-gallery figure {
margin: 0;
} .woocommerce .single-product-left-content div.product div.summary,
.woocommerce-page .single-product-left-content div.product div.summary {
width: 28%;
padding-right: 0;
padding-left: 100px;
float: left;
margin-top: 35px;
}
.woocommerce .single-product-left-content div.product div.images,
.woocommerce-page .single-product-left-content div.product div.images,
.single-product-left-content .hongo-quick-view-product-image {
width: 67%;
float: right;
overflow: hidden;
padding-right: 50px;
}
.woocommerce .single-product-left-content .woocommerce-product-gallery__image,
.woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: calc(33.333% - 21px);
float: left;
}
.woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__wrapper {
margin-right: -20px;
}
.woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__image {
margin: 0 20px 20px 0;
}
.woocommerce .single-product-left-content .related.products,
.woocommerce .single-product-left-content .upsells.products {
border-top: 0;
padding-top: 75px;
margin: 0;
}
.woocommerce .single-product-left-content .summary-main-title-right .woocommerce-product-rating {
float: right;
margin: 5px 0 5px 0 !important;
}
.woocommerce .single-product-left-content .summary-main-title-right .sku_wrapper {
float: right;
margin-bottom: 0;
}
.woocommerce .single-product-left-content div.product div.images,
.woocommerce .single-product-left-content div.product div.summary {
margin-bottom: 60px;
}
.woocommerce .single-product-left-content div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper {
margin-right: 0;
}
.woocommerce .single-product-left-content div.product div.images .flex-viewport .woocommerce-product-gallery__image {
margin: 0 0 15px 0;
}
.woocommerce .single-product-left-content .flex-viewport .woocommerce-product-gallery__image,
.woocommerce .single-product-left-content div.product div.images .flex-viewport .woocommerce-product-gallery__image:nth-child(n+2) {
width: 100%;
}
.woocommerce .single-product-left-content div.product div.images .woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce .single-product-left-content div.product .hongo-single-product-image-wrap {
float: left;
width: 100%;
position: relative;
}
.woocommerce .single-product-left-content div.product .product-img-btn {
right: 20px !important;
}
.woocommerce .single-product-left-content div.product .hongo-woocommerce-tabs ul.tabs {
margin-bottom: 20px;
}
.woocommerce .single-product-left-content div.product div.summary section {
padding: 75px 0 35px;
float: left;
clear: both;
width: 100%;
}
.woocommerce .single-product-left-content div.product div.summary section:nth-of-type(1) {
margin-top: 23px;
}
.woocommerce .single-product-left-content div.product div.summary .hongo-accordion~section {
margin-top: 0;
}
.woocommerce .single-product-left-content div.product div.images.woocommerce-product-gallery .hongo-single-product-image-wrap.product-single-img {
width: 50%;
}
.woocommerce .single-product-left-content .product-single-img .woocommerce-product-gallery__image,
.woocommerce .single-product-left-content div.product div.images .product-single-img .woocommerce-product-gallery__image:nth-child(n+2) {
width: calc(100% - 21px);
}
.woocommerce .container.single-product-left-content div.product div.summary,
.woocommerce-page .container.single-product-left-content div.product div.summary {
width: 40%;
padding-left: 0;
padding-right: 15px;
}
.woocommerce .container.single-product-left-content div.product div.images,
.woocommerce-page .container.single-product-left-content div.product div.images,
.container.single-product-left-content .hongo-quick-view-product-image {
width: 58%;
padding-right: 0;
}
.woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.images,
.woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary {
padding-right: 15px;
}
.woocommerce .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-left-content .hongo-content-right-part div.product div.summary {
padding-left: 50px;
padding-right: 65px;
width: 33%;
}
.woocommerce .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-left-content .hongo-content-left-part div.product div.summary {
padding-left: 15px;
padding-right: 65px;
width: 33%;
}
.woocommerce .container-fluid.single-product-left-content .hongo-content-center-part div.product div.images,
.woocommerce-page .container-fluid.single-product-left-content .hongo-content-center-part div.product div.images,
.container-fluid.single-product-left-content .hongo-content-center-part .hongo-quick-view-product-image {
padding-right: 15px;
padding-left: 15px;
}
.woocommerce .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-left-content .hongo-content-center-part div.product div.summary {
width: 33%;
padding-left: 15px;
padding-right: 15px;
}
.woocommerce .container.single-product-left-content .hongo-content-center-part div.product div.images,
.woocommerce-page .container.single-product-left-content .hongo-content-center-part div.product div.images,
.container.single-product-left-content .hongo-content-center-part .hongo-quick-view-product-image {
width: 100%;
margin-bottom: 0;
}
.woocommerce .container.single-product-left-content .hongo-content-center-part div.product div.summary,
.woocommerce-page .container.single-product-left-content .hongo-content-center-part div.product div.summary {
width: 100%;
padding: 0;
}
.woocommerce .single-product-left-content .woocommerce-product-rating .star-rating {
margin-right: 0;
}
.woocommerce .single-product-left-content div.product div.summary .hongo-accordion>ul>li section {
padding: 0;
border: 0;
margin: 0;
}
.woocommerce .single-product-left-content div.product div.summary .hongo-accordion>ul>li section div {
padding-left: 0;
padding-right: 0;
}
.container-fluid.single-product-left-content .woocommerce-notices-wrapper {
padding-left: 50px;
padding-right: 50px;
} .woocommerce .single-product-classic .hongo-centered-content-images-wrap {
clear: both;
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce .single-product-classic div.product div.images,
.woocommerce-page .single-product-classic div.product div.images,
.single-product-classic .hongo-quick-view-product-image {
width: 58%;
-webkit-box-flex: 0;
-ms-flex: 0 0 58%;
flex: 0 0 58%;
max-width: 58%;
}
.woocommerce .single-product-classic div.product div.summary,
.woocommerce-page .single-product-classic div.product div.summary {
width: 42%;
padding-right: 0;
padding-left: 65px;
-webkit-box-flex: 0;
-ms-flex: 0 0 42%;
flex: 0 0 42%;
max-width: 42%;
-webkit-align-self: center!important;
-ms-flex-item-align: center!important;
-ms-grid-row-align: center!important;
align-self: center!important;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
margin-bottom: 0;
}
.woocommerce .single-product-classic div.product div.images,
.woocommerce .single-product-classic div.product div.summary {
margin-bottom: 120px;
}
.woocommerce .single-product-classic .woocommerce-product-rating .star-rating {
float: none;
margin: 0;
display: inline-block;
}
.woocommerce .single-product-classic .woocommerce-review-link {
float: none;
margin: 0;
display: inline-block;
position: relative;
top: -1px;
}
.woocommerce .single-product-classic div.product .woocommerce-product-rating {
margin: 0;
line-height: normal;
}
.woocommerce .single-product-classic div.product form.cart div.quantity {
float: none;
margin: 0 0 0 0;
display: inline-block;
}
.woocommerce .single-product-classic div.product form.cart .button {
vertical-align: top;
float: none;
display: inline-block;
}
.woocommerce .single-product-classic .product_meta .products-social-icon ul {
display: inline-block;
}
.woocommerce .single-product-classic .product_meta .products-social-icon>span {
margin-right: 5px;
float: none;
position: relative;
}
.woocommerce .single-product-classic div.product form.cart .variations {
text-align: left;
margin: 0;
}
.woocommerce .single-product-classic div.product .flex-viewport,
.woocommerce .single-product-classic div.product .hongo-single-product-verticle-slider-wrap {
width: calc(82.4% - 15px);
float: right;
margin-bottom: 0;
margin-left: 15px;
}
.woocommerce .single-product-classic div.product div.images .flex-control-thumbs,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap {
padding-bottom: 45px;
width: 17.6%;
float: left;
margin-left: 0;
margin-right: 0;
}
.woocommerce .single-product-classic div.product div.images .flex-control-thumbs li {
padding: 0 25px 20px 0;
width: 100%;
}
.woocommerce .single-product-classic div.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
float: none;
}
.woocommerce .single-product-classic div.product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist {
margin-left: 21px;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider {
position: relative;
float: left;
width: 20%;
height: 100%;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider .flex-viewport {
width: 100%;
height: 100%;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider .flex-viewport .flex-control-thumbs {
width: 100%;
height: 100%;
margin: -5px 0;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider .flex-viewport .flex-control-thumbs li {
float: none;
clear: both;
padding: 5px 0;
width: 100%;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-prev,
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-next {
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
top: 0;
left: 50%;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-next {
right: inherit;
top: -35px;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-prev {
left: 50%;
bottom: -35px;
top: inherit;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap ol {
width: 100%;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap ol li {
padding: 0;
margin-right: 0;
width: 100%;
overflow: hidden;
height: auto !important;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap ol li img {
display: block;
width: auto;
height: auto;
box-shadow: none;
max-height: 100%;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
background-color: #232323;
text-align: center;
top: inherit;
bottom: 0;
left: 0;
transform: translate(0);
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
right: inherit;
width: 48%;
padding: 5px 0 5px;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover {
background-color: #000;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev i {
opacity: 1;
color: #fff
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover i,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover i {
color: #fff;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
left: inherit;
right: 0;
}
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled i,
.woocommerce .single-product-classic div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled i {
background-color: #232323;
cursor: auto;
color: #fff;
opacity: 0.5;
}
.woocommerce .single-product-classic div.product .panel ul.about-brand {
float: left;
width: 100%;
list-style: none;
padding: 0 !important;
margin: 0 !important;
}
.woocommerce .single-product-classic div.product .panel ul.about-brand li {
float: left;
width: 100%;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .swiper-button-next,
.single-product-classic div.product div.images.woocommerce-product-gallery .swiper-button-prev {
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce .single-product-classic div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:hover .swiper-button-next,
.single-product-classic div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:hover .swiper-button-prev {
opacity: 1;
visibility: visible;
}
.woocommerce .single-product-classic div.product .woocommerce-tabs .panel ul {
padding-left: 0;
list-style-position: inside;
}
.woocommerce .container-fluid.single-product-classic div.product div.summary,
.woocommerce-page .container-fluid.single-product-classic div.product div.summary {
padding-right: 50px;
}
.woocommerce .container-fluid.single-product-classic div.product div.images,
.woocommerce-page .container-fluid.single-product-classic div.product div.images,
.container-fluid.single-product-classic .hongo-quick-view-product-image {
padding-left: 50px;
}
.woocommerce .container-fluid.single-product-classic .woocommerce-tabs {
padding: 0 50px;
}
.woocommerce .container-fluid.single-product-classic .hongo-content-center-part div.product div.images,
.woocommerce-page .container-fluid.single-product-classic .hongo-content-center-part div.product div.images,
.container-fluid.single-product-classic .hongo-content-center-part .hongo-quick-view-product-image {
padding-left: 15px;
}
.woocommerce .single-product-classic .hongo-content-center-part div.product div.summary,
.woocommerce-page .single-product-classic .hongo-content-center-part div.product div.summary {
padding-left: 30px;
padding-right: 15px;
}
.woocommerce .container.single-product-classic .hongo-content-center-part div.product div.images,
.woocommerce-page .container.single-product-classic .hongo-content-center-part div.product div.images,
.container.single-product-classic .hongo-content-center-part .hongo-quick-view-product-image,
.woocommerce .container.single-product-classic .hongo-content-center-part div.product div.summary,
.woocommerce-page .container.single-product-classic .hongo-content-center-part div.product div.summary {
width: 100%;
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.woocommerce .container.single-product-classic .hongo-content-center-part div.product div.summary,
.woocommerce-page .container.single-product-classic .hongo-content-center-part div.product div.summary {
padding: 0;
}
.woocommerce .container .hongo-content-center-part div.product div.images,
.woocommerce .container .hongo-content-center-part div.product div.summary {
margin-bottom: 50px;
}
.woocommerce .container .hongo-content-center-part div.product div.images.woocommerce-product-gallery .hongo-single-product-slider-wrap {
margin-bottom: 0;
}
.woocommerce .container.single-product-carousel .hongo-content-center-part div.product .summary {
flex-direction: column;
padding: 0;
}
.woocommerce .container.single-product-carousel .hongo-content-center-part div.product .summary .hongo-summary-left-content {
max-width: 100%;
width: 100%;
margin-bottom: 30px;
border: none;
padding: 0;
}
.woocommerce .container.single-product-carousel .hongo-content-center-part div.product .summary .hongo-summary-right-content {
max-width: 100%;
width: 100%;
padding: 0;
}
.container-fluid.single-product-classic .woocommerce-notices-wrapper {
padding-left: 50px;
padding-right: 50px;
} .woocommerce .single-product-sticky div.images .woocommerce-product-gallery__image {
margin-bottom: 20px
}
.woocommerce .single-product-sticky .summary-main-title-right .woocommerce-product-rating {
float: right;
margin: 0 0 5px 0 !important;
}
.woocommerce .single-product-sticky .summary-main-title-right .sku_wrapper {
float: right;
margin-bottom: 0;
}
.woocommerce .single-product-sticky div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 100%;
display: block
}
.woocommerce .single-product-sticky .hongo-sticky-content-images-wrap {
float: left;
width: 100%;
padding: 0 50px;
margin-bottom: 60px;
}
.woocommerce .single-product-sticky div.product .hongo-sticky-content-images-wrap .hongo-single-product-sticky-thumb-wrap ul,
.woocommerce .single-product-sticky div.product .hongo-sticky-content-images-wrap .woocommerce-product-gallery ul{
list-style: none;
}
.woocommerce .hongo-single-product-sticky-thumb-wrap ul {
padding: 0;
margin: 0;
}
.woocommerce .hongo-single-product-sticky-thumb-wrap ul li {
padding: 0 0 20px;
margin: 0;
}
.woocommerce .hongo-single-product-sticky-thumb-wrap ul li img {
width: 100%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.woocommerce .hongo-single-product-sticky-thumb-wrap ul li:hover img,
.woocommerce .hongo-single-product-sticky-thumb-wrap ul .active img {
opacity: 0.5;
}
.woocommerce .single-product-sticky div.product div.summary,
.woocommerce-page .single-product-sticky div.product div.summary {
width: 28%;
float: left;
}
.woocommerce .single-product-sticky div.product div.images,
.woocommerce-page .single-product-sticky div.product div.images {
width: 44%;
margin-right: 5%;
margin-bottom: 0;
}
.woocommerce .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap,
.woocommerce-page .single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap {
width: 10%;
float: left;
padding-right: 20px;
}
.woocommerce .single-product-sticky .related.products {
border: 0;
padding-top: 0;
}
.woocommerce .single-product-sticky div.images .woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce .container.single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap,
.woocommerce-page .container.single-product-sticky div.product .hongo-single-product-sticky-thumb-wrap {
width: 13%;
}
.woocommerce .container.single-product-sticky .hongo-sticky-content-images-wrap {
padding: 0;
}
.woocommerce .container.single-product-sticky div.product div.summary,
.woocommerce-page .container.single-product-sticky div.product div.summary {
width: 38%;
}
.woocommerce .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-sticky .hongo-content-center-part div.product div.summary {
width: 41%;
}
.woocommerce .container.single-product-sticky .hongo-content-center-part div.product div.images,
.woocommerce-page .container.single-product-sticky .hongo-content-center-part div.product div.images {
width: 87%;
margin-right: 0;
}
.woocommerce .container.single-product-sticky .hongo-content-center-part div.product div.summary,
.woocommerce-page .container.single-product-sticky .hongo-content-center-part div.product div.summary {
width: 87%;
float: right;
}
.woocommerce .single-product-sticky .woocommerce-product-rating .star-rating {
margin-right: 0
}
.woocommerce .single-product-sticky .woocommerce-product-gallery .zoomImg {
display: none !important;
}
.container-fluid.single-product-sticky .woocommerce-notices-wrapper {
padding-left: 50px;
padding-right: 50px;
} .woocommerce .single-product-modern div.product .inner-wrap-modern {
float: none;
margin: 0;
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 130px 8% 80px 6%;
}
.woocommerce .single-product-modern div.product div.images,
.woocommerce-page .single-product-modern div.product div.images {
width: 52%;
max-width: 52%;
margin: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.woocommerce .single-product-modern div.product div.summary,
.woocommerce-page .single-product-modern div.product div.summary {
width: 44%;
padding-right: 0;
padding-left: 10%;
max-width: 44%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin: 0;
}
.woocommerce .single-product-modern div.product .align-content-top div.images,
.woocommerce-page .single-product-modern div.product .align-content-top div.images,
.woocommerce .single-product-modern div.product .align-content-top div.summary,
.woocommerce-page .single-product-modern div.product .align-content-top div.summary {
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
.woocommerce .single-product-modern div.product .woocommerce-product-rating .star-rating {
float: none;
margin: 0;
display: inline-block;
}
.woocommerce .single-product-modern div.product .woocommerce-review-link {
float: none;
margin: 0;
display: inline-block;
position: relative;
}
.woocommerce .single-product-modern div.product .woocommerce-product-rating {
margin: 0;
line-height: normal;
}
.woocommerce .single-product-modern div.product form.cart div.quantity {
float: none;
margin: 0 10px 0 0 !important;
display: inline-block;
}
.woocommerce .single-product-modern div.product form.cart .button {
vertical-align: top;
float: none;
display: inline-block;
min-height: 40px;
}
.woocommerce .single-product-modern div.product .product_meta .products-social-icon ul {
display: inline-block;
}
.woocommerce .single-product-modern div.product .product_meta .products-social-icon>span {
margin-right: 5px;
float: none;
}
.woocommerce .single-product-modern div.product form.cart .variations {
text-align: left;
width: 100%;
margin: 0 0 21px;
}
.woocommerce .single-product-modern div.product form.cart .variations .size-chart {
margin-left: 10px;
}
.woocommerce .single-product-modern div.product form.cart .variations select {
width: 100%;
margin-right: 0;
}
.woocommerce .single-product-modern div.product .flex-viewport {
width: 77%;
float: right;
margin-bottom: 0;
}
.woocommerce .single-product-modern div.product div.images .flex-control-thumbs {
width: 21%;
float: left;
}
.woocommerce .single-product-modern div.product div.images .flex-control-thumbs li {
width: 100%;
padding: 0 12px 12px;
}
.woocommerce .single-product-modern div.product .hongo-modern-content-images-wrap {
background-color: #f7f7f7;
}
.woocommerce .single-product-modern div.product .woocommerce-product-details__short-description p {
width: 90%;
}
.woocommerce .single-product-modern div.product .woocommerce-product-details__short-description,
.woocommerce .single-product-modern div.product form.cart {
border-top: 1px solid #e8e8e8;
}
.woocommerce .single-product-modern div.product .product_meta {
border-top: 0 solid #e8e8e8;
margin-top: 0;
}
.woocommerce .single-product-modern div.product .products-social-icon {
padding-top: 25px;
}
.woocommerce .single-product-modern div.product .products-social-icon ul li {
margin: 0 6px 0 0;
}
.woocommerce .single-product-modern div.product form.cart .single_variation_wrap {
padding-top: 0;
}
.woocommerce .single-product-modern div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
float: left;
margin: 4px 0 4px 0;
width: 100%;
}
.woocommerce .single-product-modern div.product form.cart .hongo-add-to-cart-button-wrap {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.woocommerce .single-product-modern div.product form.cart .hongo-single-product-buttons {
float: left;
margin: 0;
width: auto
}
.woocommerce .single-product-modern div.product .summary a.hongo-wishlist,
.woocommerce .single-product-modern div.product .summary a.hongo-compare {
margin: 0 10px 5px 0 !important;
border: 1px solid #e8e8e8;
padding: 1px 20px 0;
min-height: 40px;
line-height: 36px;
}
.woocommerce .single-product-modern div.product .summary a.hongo-wishlist:hover,
.woocommerce .single-product-modern div.product .summary a.hongo-compare:hover {
background-color: #232323;
border-color: #232323;
color: #fff;
}
.woocommerce .single-product-modern div.product form.cart .group_table td {
border-bottom: 1px solid #e8e8e8;
}
.woocommerce .single-product-modern div.product .inner-wrap-modern input,
.woocommerce .single-product-modern div.product .inner-wrap-modern textarea,
.woocommerce .single-product-modern div.product .inner-wrap-modern select,
.woocommerce .single-product-modern div.product .inner-wrap-modern div.quantity .hongo-qtyplus,
.woocommerce .single-product-modern div.product .inner-wrap-modern div.quantity .hongo-qtyminus {
border-color: #e8e8e8;
}
.woocommerce .single-product-modern div.product .woocommerce-tabs {
clear: both;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.woocommerce .single-product-modern div.product .woocommerce-tabs .tabs {
text-align: center;
margin: 0 auto;
border-bottom: 1px solid #e8e8e8;
overflow: visible
}
.woocommerce .single-product-modern div.product .woocommerce-tabs .tabs li {
position: relative;
bottom: -1px;
}
.woocommerce .single-product-modern div.product .woocommerce-tabs .tabs li a {
color: #232323;
padding: 23px 0 17px;
}
.woocommerce .single-product-modern div.product .woocommerce-tabs .panel {
padding-left: 16%;
padding-right: 16%;
padding-top: 90px;
}
.woocommerce .single-product-modern div.product .woocommerce-tabs {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.woocommerce .single-product-modern div.product .hongo-woocommerce-tabs {
padding-top: 70px;
}
.woocommerce .single-product-modern div.product .woocommerce-tabs .panel ul {
padding-left: 0;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider {
position: relative;
float: left;
width: 20%;
height: 100%;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider .flex-viewport {
width: 100%;
height: 100%;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider .flex-viewport .flex-control-thumbs {
width: 100%;
height: 100%;
margin: -5px 0;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider .flex-viewport .flex-control-thumbs li {
float: none;
clear: both;
padding: 5px 0;
width: 100%;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-prev,
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-next {
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
top: 0;
left: 50%;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-next {
right: inherit;
top: -35px;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .flexslider .flex-direction-nav .flex-prev {
left: 50%;
bottom: -35px;
top: inherit;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .hongo-single-product-verticle-slider-wrap {
width: 75%;
float: right;
margin-bottom: 0;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap {
width: 80px;
float: left;
margin-left: 0;
margin-right: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.woocommerce .single-product-modern div.product .hongo-single-product-verticle-slider-wrap .swiper-button-next {
right: 0;
}
.woocommerce .single-product-modern div.product .hongo-single-product-verticle-slider-wrap .swiper-button-prev {
left: 0;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap ol {
width: 100%;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap ol li {
padding: 0;
margin-right: 0;
width: 100%;
overflow: hidden;
height: auto !important;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap ol li img {
border: 0 solid rgba(0, 0, 0, 0);
position: relative;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next,
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
background-color: #fff;
text-align: center;
top: initial;
bottom: 0;
left: 0;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
right: inherit;
width: 25px;
height: 25px;
line-height: 26px;
border-radius: 50%;
padding: 0;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover,
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover {
background-color: #232323;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i,
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev i {
opacity: 1;
color: #000
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover i,
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover i {
color: #fff;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
left: 50%;
right: inherit;
bottom: -40px;
top: initial;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
left: 50%;
right: inherit;
bottom: initial;
top: -40px;
line-height: 24px;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled,
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled,
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled i,
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled i {
background-color: #fff;
cursor: auto;
color: #232323;
opacity: 0.8;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .swiper-button-next,
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .swiper-button-prev {
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:hover .swiper-button-next,
.woocommerce .single-product-modern div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:hover .swiper-button-prev {
opacity: 1;
visibility: visible;
}
.woocommerce .single-product-modern div.product .product_title {
font-size: 30px;
line-height: 30px;
font-weight: 600;
}
.woocommerce .single-product-modern div.product .summary p.price,
.woocommerce .single-product-modern div.product .summary span.price {
font-size: 16px;
}
.woocommerce .container.single-product-modern div.product .woocommerce-product-details__short-description p {
width: 100%;
}
.woocommerce .container-fluid.single-product-modern .hongo-content-center-part div.product .inner-wrap-modern {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce .container-fluid.single-product-modern .hongo-content-center-part div.product div.summary,
.woocommerce-page .container-fluid.single-product-modern .hongo-content-center-part div.product div.summary {
max-width: 47%;
width: 100%;
padding-left: 2%;
}
.woocommerce .container.single-product-modern .hongo-content-right-part div.product .inner-wrap-modern {
padding-left: 3%;
padding-right: 3%;
}
.woocommerce .container.single-product-modern .hongo-content-right-part div.product div.summary,
.woocommerce-page .container.single-product-modern .hongo-content-right-part div.product div.summary {
padding-left: 2%;
}
.woocommerce .container.single-product-modern .hongo-content-left-part div.product .inner-wrap-modern {
padding-left: 3%;
padding-right: 3%;
}
.woocommerce .container.single-product-modern .hongo-content-left-part div.product div.summary,
.woocommerce-page .container.single-product-modern .hongo-content-left-part div.product div.summary {
padding-left: 2%;
}
.woocommerce .container.single-product-modern .hongo-content-center-part div.product .inner-wrap-modern {
padding-left: 3%;
padding-right: 3%;
}
.woocommerce .container.single-product-modern .hongo-content-center-part div.product div.images,
.woocommerce-page .container.single-product-modern .hongo-content-center-part div.product div.images {
width: 100%;
max-width: 100%;
}
.woocommerce .container.single-product-modern .hongo-content-center-part div.product div.summary,
.woocommerce-page .container.single-product-modern .hongo-content-center-part div.product div.summary {
width: 100%;
max-width: 100%;
padding-left: 0;
margin-bottom: 0;
}
.single-product-modern .woocommerce-notices-wrapper {
position: fixed;
width: 100%;
z-index: 9999;
bottom: 0;
}
.single-product-modern .woocommerce-notices-wrapper>div,
.single-product-modern .woocommerce-notices-wrapper>ul {
margin-bottom: 0;
} .woocommerce .single-product-extended-descriptions div.product .hongo-extended-descriptions-content-images-wrap {
float: left;
width: 100%;
clear: both;
}
.woocommerce .extended-descriptions-content-wrap {
float: right;
margin-right: 80px;
width: 1290px;
}
.woocommerce .single-product-extended-descriptions div.product .extended-product-typography-wrap {
float: none;
margin: 0;
clear: both;
width: 100%;
padding: 80px 0 80px 0;
}
.woocommerce .single-product-extended-descriptions div.product .extended-product-typography-content-area {
width: 100%;
max-width: 100%;
margin: 0;
overflow: hidden;
padding: 10px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
}
.woocommerce .single-product-extended-descriptions div.product div.images.woocommerce-product-gallery {
float: left;
width: 58%;
margin: 0;
}
.woocommerce .single-product-extended-descriptions div.product .summary {
float: left;
width: 45%;
padding: 30px 7%;
margin: 0;
}
.woocommerce .single-product-extended-descriptions div.product .summary .mCustomScrollBox {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
height: auto;
width: 100%;
}
.woocommerce .single-product-extended-descriptions div.product .summary.align-content-top .mCustomScrollBox {
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
.woocommerce .single-product-extended-descriptions div.product .summary .product_title {
font-size: 28px;
line-height: 28px;
font-weight: 600;
margin: 0 0 5px 0;
}
.woocommerce .single-product-extended-descriptions div.product .summary .woocommerce-product-rating {
margin: 6px 0 25px 0;
}
.woocommerce .single-product-extended-descriptions div.product .summary p.price,
.woocommerce .single-product-extended-descriptions div.product .summary span.price,
.woocommerce .single-product-extended-descriptions div.product .summary p.price ins,
.woocommerce .single-product-extended-descriptions div.product .summary span.price ins {
font-size: 18px;
}
.woocommerce .single-product-extended-descriptions div.product .summary .summary-main-title-left {
width: 100%;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta {
text-align: center;
border-top: 0 solid #e8e8e8;
border-bottom: 0;
padding-top: 21px;
padding-bottom: 21px;
margin: 0;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta>span {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin: 3px 0;
padding: 0 25px 0 29px;
position: relative;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta.sku_wrapper {
border: 0;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta.sku_wrapper>span {
margin: 0;
padding: 0;
display: inline-block;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta>span:after,
.woocommerce .single-product-extended-descriptions div.product .product_meta>span~div:after {
content: "";
width: 1px;
height: 12px;
background-color: #bfbfbf;
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta>span:first-child:after {
display: none;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta>span a,
.woocommerce .single-product-extended-descriptions div.product .product_meta>span,
.woocommerce .single-product-extended-descriptions div.product .product_meta .products-social-icon>span {
font-size: 11px;
text-transform: uppercase;
}
.woocommerce .single-product-extended-descriptions div.product .product_meta>div {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin: 2px 0 3px 0;
padding: 1px 25px 0 29px;
position: relative;
}
.woocommerce .single-product-extended-descriptions div.product .summary-main-title,
.woocommerce .single-product-extended-descriptions div.product .woocommerce-product-details__short-description,
.woocommerce .single-product-extended-descriptions div.product form.cart,
.woocommerce .single-product-extended-descriptions div.product p.cart {
border-top: 1px solid #e8e8e8;
border-bottom: 0 solid #e8e8e8;
margin: 25px 0 0 0;
padding: 21px 0 0 0;
}
.woocommerce .single-product-extended-descriptions div.product .hongo-single-product-image-wrap {
width: calc(84% - 10px);
float: right;
margin: 0 0 0 10px !important;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap {
width: 16%;
float: left;
margin-bottom: -10px;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap ol {
width: 100%;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap ol li {
padding: 0;
margin-right: 0;
width: 100%;
overflow: hidden;
height: auto;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap ol li img {
border: 0 solid rgba(0, 0, 0, 0);
display: block;
width: auto;
height: auto;
max-height: 100%;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap ol li.swiper-slide-thumb-active img {
border: 0 solid #e8e8e8
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
background-color: #fff;
text-align: center;
top: inherit;
bottom: 0;
left: 0;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
right: inherit;
width: 25px;
height: 25px;
line-height: 26px;
border-radius: 50%;
padding: 0;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
opacity: 0 !important;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap:hover .swiper-thumb-next,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap:hover .swiper-thumb-prev {
opacity: 1 !important;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover {
background-color: #232323;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next i,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev i {
opacity: 1;
color: #000
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next:hover i,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev:hover i {
color: #fff;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
left: 50%;
right: inherit;
bottom: 7px;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev {
left: 50%;
right: inherit;
bottom: inherit;
top: 7px;
line-height: 24px;
}
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next.swiper-button-disabled i,
.woocommerce .single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-prev.swiper-button-disabled i {
background-color: #fff;
cursor: auto;
color: #232323;
opacity: 0.4;
}
.woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li,
.woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li {
vertical-align: top;
margin: 0;
}
.woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li a {
padding: 18px 35px 16px;
color: #232323;
border: 0;
}
.woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs li.active a {
border: 0;
background-color: #fff;
padding-top: 13px;
padding-bottom: 11px;
margin: 10px 0 0 0;
}
.woocommerce .single-product-extended-descriptions div.product .hongo-single-product-buttons a {
margin-left: 15px !important;
}
.woocommerce .single-product-extended-descriptions div.product .hongo-single-product-buttons a:first-child {
margin-left: 0 !important;
}
.woocommerce .single-product-extended-descriptions div.product .hongo-single-product-tab-content-extended-descriptions {
float: left;
width: 100%;
clear: both;
}
.woocommerce div.product .hongo-single-product-tab-content-extended-descriptions .woocommerce-tabs ul.tabs {
text-align: center;
width: 100%;
margin-bottom: 0;
background-color: #f1f1f1;
}
.woocommerce .single-product-extended-descriptions div.product .woocommerce-tabs .panel {
padding: 50px 15px 70px;
background-color: #fff;
}
.woocommerce .single-product-extended-descriptions div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information,
.woocommerce .single-product-extended-descriptions div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--reviews {
margin: 0 auto;
float: none;
max-width: 1170px;
clear: both
}
.woocommerce .single-product-extended-descriptions div.product form.cart .group_table td .stock {
border: 0;
padding: 0
}
.woocommerce .single-product-extended-descriptions div.product div.images .woocommerce-product-gallery__image {
text-align: center;
}
.woocommerce .single-product-extended-descriptions div.product div.images .woocommerce-product-gallery__image img {
width: 100%;
display: inline-block;
}
.woocommerce .single-product-extended-descriptions div.product .woocommerce-tabs .panel h4 {
color: #000000;
font-size: 30px;
font-weight: 600;
line-height: normal;
padding: 0;
margin: 0 0 15px 0;
}
.woocommerce .single-product-extended-descriptions div.product .summary-main-title-right .woocommerce-product-rating {
float: right;
margin: 0 0 5px 0 !important;
}
.woocommerce .single-product-extended-descriptions div.product .summary-main-title-right .sku_wrapper {
float: right;
margin-bottom: 0;
}
.woocommerce .single-product-extended-descriptions div.product .flex-viewport {
margin-bottom: 95px;
}
.woocommerce .single-product-extended-descriptions div.product .yith-wcwl-add-to-wishlist {
margin: 0 0 20px 0;
}
.woocommerce .single-product-extended-descriptions div.product a.compare {
margin: 0 0 20px 0;
}
.woocommerce .single-product-extended-descriptions div.product .products-social-icon {
position: absolute;
right: 0;
top: 50%;
z-index: 9;
width: auto;
margin: 36px 25px 0 0;
padding: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce .single-product-extended-descriptions div.product .products-social-icon span {
float: none;
display: none;
}
.woocommerce .single-product-extended-descriptions div.product .products-social-icon ul {
display: inline-block
}
.woocommerce .single-product-extended-descriptions div.product .products-social-icon ul li {
display: block;
margin: 13px 0;
padding-left: 0;
padding-right: 0;
}
.woocommerce .single-product-extended-descriptions div.product .products-social-icon ul li a {
font-size: inherit;
}
.woocommerce .container .extended-descriptions-content-wrap {
width: 83%;
}
.woocommerce .single-product-extended-descriptions div.product div.images.woocommerce-product-gallery {
width: 55%;
}
.woocommerce .container.single-product-extended-descriptions div.product div.images .hongo-single-product-thumb-wrap {
width: 21%;
}
.woocommerce .container.single-product-extended-descriptions div.product .hongo-single-product-image-wrap {
width: calc(79% - 10px);
}
.woocommerce .container.single-product-extended-descriptions div.product .summary {
width: 45%;
padding: 30px;
}
.woocommerce .container.single-product-extended-descriptions div.product .woocommerce-tabs .panel {
padding-left: 0;
padding-right: 0;
}
.woocommerce .container-fluid.single-product-extended-descriptions .hongo-content-center-part .extended-descriptions-content-wrap {
width: 89%;
}
.woocommerce .container.single-product-extended-descriptions .hongo-content-center-part div.product .summary {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0;
}
.container-fluid.single-product-extended-descriptions .woocommerce-notices-wrapper {
position: fixed;
width: 100%;
z-index: 9999;
bottom: 0;
}
.single-product-extended-descriptions .woocommerce-notices-wrapper>div,
.single-product-extended-descriptions .woocommerce-notices-wrapper>ul {
margin-bottom: 0;
} .woocommerce .container-fluid .hongo-full-width-no-padding {
padding-left: 0;
padding-right: 0;
}
.woocommerce div.product div.images {
opacity: 0;
transition: opacity .25s ease-in-out;
} .sidebar .wp-nav-menu-responsive-button,
.hongo-product-sidebar {
display: block !important;
}
.hongo-left-common-sidebar-link,
.hongo-right-common-sidebar-link {
display: none;
}
.sidebar-close {
display: none;
} .sidebar .widget {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 30px;
margin-bottom: 30px;
float: left;
width: 100%;
}
.sidebar .widget:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
} .sidebar .widget-title,
.sidebar .woocommerce.widget_products .widget-title,
.sidebar .wp-nav-menu-responsive-button {
color: #232323;
font-weight: 500;
margin-bottom: 16px;
font-size: 12px;
padding: 0;
} .sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar ul li {
padding: 0;
margin: 0 0 11px 0;
font-weight: 400;
line-height: 18px;
}
.sidebar ul li:last-child {
margin-bottom: 0;
}
.sidebar ul li a {
padding: 0;
margin: 0;
font-weight: 500;
}
.sidebar ul li .count {
float: right;
font-size: 13px;
}
.sidebar ul li .button,
.sidebar ul li .btn {
display: table;
margin-top: 15px;
}
.sidebar ul li a.button.added {
display: none !important;
}
.sidebar ul li .button i {
margin-right: 5px;
}
.sidebar ul li a.button i,
.sidebar ul li a.added_to_cart i {
display: none;
} .sidebar .widget.widget_hongo_acoount_menu_widget i {
margin-right: 8px;
}
.sidebar .widget.widget_hongo_acoount_menu_widget i.ti-angle-down {
float: right;
margin: 6px 0 0 0;
display: none;
}
.sidebar .widget.widget_hongo_acoount_menu_widget ul {
margin-top: 12px;
clear: both;
}
.sidebar .widget.widget_hongo_acoount_menu_widget ul li a {
font-weight: 400;
}
.sidebar .widget.widget_hongo_acoount_menu_widget ul li {
margin: 0 0 6px 0;
}
.sidebar .widget.widget_hongo_acoount_menu_widget ul li:last-child {
margin-bottom: 0;
} .sidebar .widget.widget_hongo_wishlist_link_widget i {
margin-right: 8px;
position: relative;
top: 1px;
} .sidebar .widget-title .hongo-mini-cart-counter {
display: none;
}
.sidebar .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li,
.sidebar .widget_shopping_cart .cart_list li:last-child,
.woocommerce.widget_shopping_cart .cart_list li:last-child {
padding-left: 0;
padding-right: 2em;
margin-bottom: 30px;
}
.sidebar .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
left: inherit;
right: 0;
line-height: 0.8;
top: 3px;
margin-top: 0;
font-size: 16px;
color: #424242 !important;
}
.sidebar .widget_shopping_cart .cart_list li a.remove:hover,
.woocommerce.widget_shopping_cart .cart_list li a.remove:hover {
background-color: transparent;
text-decoration: none;
}
.sidebar .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 1px solid #e8e8e8;
padding: 20px 0 0;
}
.sidebar .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
font-weight: 400;
}
.sidebar .woocommerce.widget_shopping_cart .total .amount {
float: right;
font-weight: 500;
color: #232323;
}
.sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons,
.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons {
margin-bottom: 0;
text-transform: uppercase;
}
.sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a,
.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a {
width: 100%;
}
.sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout,
.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout {
margin-right: 0;
float: right;
}
.hongo-mini-cart-content-wrap .woocommerce-mini-cart__empty-message {
margin: 0;
}
.sidebar .hongo-top-cart-wrapper {
display: none;
}
.sidebar .widget_shopping_cart .cart_list li img {
margin-right: 20px;
}
.sidebar ul.hongo-product-taxonomy-filter-wrap li {
position: relative;
padding: 0 30px;
display: inline-block;
width: 100%;
}
.sidebar ul.hongo-product-taxonomy-filter-wrap .hongo-cb {
position: absolute;
top: 1px;
left: 0;
}
.sidebar ul.hongo-product-taxonomy-filter-wrap .count {
position: absolute;
top: 1px;
right: 0;
}
.sidebar .woocommerce-mini-cart__empty-message {
text-align: center;
line-height: normal
}
.sidebar .woocommerce-mini-cart__empty-message span {
display: block;
font-size: 25px;
line-height: 30px;
margin-bottom: 5px;
} .sidebar .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #ffffff;
width: 13px;
height: 13px;
top: -5px;
border: 1px solid #bbbbbb
}
.sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content,
.sidebar .wc-block-components-price-slider__range-input-wrapper {
border-radius: 0;
background-color: #dfdfdf;
border: 1px solid #fff;
}
.sidebar .widget_price_filter .ui-slider-horizontal{
height: 5px;
margin-bottom: 23px;
}
.sidebar .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0px;
height: 3px;
}
.sidebar .widget_price_filter .price_slider_amount {
text-align: left;
font-weight: 400;
line-height: 21px;
font-size: inherit;
}
.sidebar .widget_price_filter .ui-slider .ui-slider-range {
background-color: #1b1b1b;
}
.sidebar .wc-block-components-price-slider__range-input-progress {
--track-background: linear-gradient(90deg,transparent var(--low),#1b1b1b 0,#1b1b1b var(--high),transparent 0) no-repeat 0 100%/100% 100%;
--range-color: #1b1b1b;
height: 3px;
}
.sidebar .wc-block-components-price-slider__range-input::-webkit-slider-thumb{
background-color: #ffffff;
width: 13px;
height: 13px;
border: 1px solid #bbbbbb;
background-image:none;
margin:-5px 0 0;
border-radius: 100%;
}
.sidebar .wc-block-components-price-slider__range-input::-moz-range-thumb{
background-color: #ffffff;
width: 13px;
height: 13px;
border: 1px solid #bbbbbb;
background-image:none;
margin:-5px 0 0;    
border-radius: 100%;
}
.sidebar .wc-block-components-price-slider__range-input::-moz-range-thumb:hover,
.sidebar .wc-block-components-price-slider__range-input::-webkit-slider-thumb:hover,
.sidebar .wc-block-components-price-slider__range-input::-ms-thumb:hover,
.sidebar .wc-block-components-price-slider__range-input:focus::-webkit-slider-thumb,
.sidebar .wc-block-components-price-slider__range-input:focus::-moz-range-thumb,
.sidebar .wc-block-components-price-slider__range-input:focus::-ms-thumb,
.sidebar .wc-block-components-price-slider__range-input::-ms-thumb:hover{
transform:scale(1)
}
.sidebar .wc-block-components-price-slider__range-input-wrapper {
height: 3px;
margin-bottom: 23px;
box-shadow: none;
}
.sidebar .wc-block-components-filter-submit-button * {
transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
font-weight: 600;
}
.sidebar .wc-block-components-filter-submit-button{
font-size: 10px;
color: #101010;
background-color: transparent;
float: right;
padding: 0px 12px 0px;
outline: none;
font-weight: 500;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #d6d6d6;
line-height: 19px;
}
.sidebar .wc-block-components-filter-submit-button:hover {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
.sidebar .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--min,
.sidebar .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount.wc-block-components-price-slider__amount--max {
border: 1px solid #d6d6d6 !important;
padding: 5px;
color: #101010;
text-align: center;
}
.sidebar .wc-block-components-price-slider {
margin-bottom: 0;
} .attribute-round-link .attribute-color-filter {
width: 15px;
height: 15px;
text-align: center;
margin-right: 12px;
display: inline-block;
border-radius: 100%;
position: relative;
top: 2px;
}
.attribute-round-link:hover .attribute-color-filter:after,
.sidebar ul li.active .attribute-color-filter:after {
font-family: Font Awesome\ 5 Free;
font-size: 8px;
content: "\f00c";
position: absolute;
left: 4px;
top: -1px;
color: #fff;
font-weight: 900;
} .sidebar .widget_rating_filter ul li a {
display: block;
text-align: right;
font-weight: 400;
font-size: 13px;
color: #808080;
}
.sidebar ul li .star-rating,
.sidebar .widget_rating_filter ul li .star-rating {
margin: 4px auto 0;
float: left;
text-align: left;
}
.sidebar .widget_rating_filter ul li.chosen a::before {
float: right;
margin: 5px 2px 0 10px;
color: #424242;
content: "\e646";
font-family: 'themify';
font-size: 9px;
font-weight: 600;
} .sidebar ul.product_list_widget li {
padding: 0;
margin: 0 0 35px 0;
}
.sidebar ul.product_list_widget li:last-child {
margin-bottom: 0;
}
.sidebar ul.product_list_widget li img {
float: left;
margin-left: 0;
width: 65px;
}
.sidebar ul.product_list_widget li .right-part-content {
padding-left: 95px;
}
.sidebar ul.product_list_widget li .right-part-content .button {
display: table;
}
.sidebar ul.product_list_widget li a,
.sidebar ul.product_list_widget li a .product-title {
color: #232323;
font-weight: 500;
display: block;
font-size: 12px
}
.sidebar ul.product_list_widget li a:hover,
.sidebar ul.product_list_widget li a:hover .product-title {
color: #f57250
}
.sidebar ul.product_list_widget li .amount,
.sidebar ul.product_list_widget li .quantity {
font-size: 11px;
font-weight: 400;
display: inline-block;
clear: both;
}
.sidebar ul.product_list_widget li .variation {
display: flex;
width: auto;
float: none
}
.sidebar ul.product_list_widget li .star-rating {
margin: 5px 0 1px;
padding: 0 0 12px 0;
}
.sidebar ul.product_list_widget li .reviewer {
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
}
.sidebar ul.product_list_widget li a.added_to_cart {
margin-top: 5px;
}
.sidebar .widget_recent_reviews ul.product_list_widget li img {
margin-right: 30px;
}
.sidebar .widget_recently_viewed_products ul.product_list_widget li img {
margin-right: 30px;
}
.sidebar .hongo-mini-cart-info {
text-align: center;
font-size: 12px;
margin-top: 25px
} .sidebar .widget_top_rated_products ul li img,
.sidebar .widget_products ul li img {
margin-right: 30px;
} .sidebar ul.product-categories li {
padding: 0;
margin: 0 0 13px 0;
}
.sidebar ul.product-categories li:last-child {
margin-bottom: 0;
}
.sidebar ul.product-categories li>ul {
margin-top: 13px;
padding-left: 10px;
} .sidebar .widget_hongo_newsletter p {
margin-bottom: 20px;
line-height: 20px;
}
.sidebar .newsletter-style-4 .input-group,
.sidebar .newsletter-style-4 .form-control {
width: 100%;
}
.sidebar .newsletter-style-4 .form-control,
.sidebar .newsletter-style-4 input,
.sidebar .newsletter-style-4:focus {
border: 1px solid #e8e8e8;
border-radius: 0 !important;
font-size: 12px;
color: #232323;
text-align: center;
}
.sidebar .newsletter-style-4 .input-group-btn {
width: 100%;
clear: both;
display: block;
}
.sidebar .newsletter-style-4 .input-group-btn .btn {
margin: 10px 0 0 !important;
background-color: #232323;
border: 2px solid #232323;
color: #fff;
width: 100%;
}
.sidebar .newsletter-style-4 .input-group-btn .btn i {
margin-left: 5px;
top: -1px;
}
.sidebar .newsletter-style-4 .input-group-btn .btn:hover {
background-color: transparent;
color: #232323;
}
.sidebar .newsletter-style-4 input::-webkit-input-placeholder {
color: #232323;
}
.sidebar .newsletter-style-4 input::-moz-placeholder {
color: #232323;
}
.sidebar .newsletter-style-4 input:-ms-input-placeholder {
color: #232323;
} .hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li figure {
margin-top: -2px;
width: 70px;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li figure img {
width: 100%;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li:first-child {
border-bottom: 1px solid #e8e8e8;
padding: 0 0 13px !important;
margin: 0 0 19px 0 !important;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li:first-child figure {
padding: 0;
margin: 0 0 20px 0;
width: 100%;
display: block;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li:first-child figure img {
width: 100%;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li.border-bottom {
border-bottom: 1px solid #e8e8e8;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li.border-bottom:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li .hongo-latest-blog-widget a,
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget .latest-blog-meta-date,
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget .latest-blog-meta-author {
color: #232323;
font-size: 13px;
text-transform: none;
font-weight: 400;
margin-bottom: 0;
line-height: 16px;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget li .hongo-latest-blog-widget a:hover {
color: #f57250;
}
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget .hongo-latest-blog-widget,
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget .latest-blog-meta-date,
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget .latest-blog-meta-author,
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget .latest-blog-meta-author a,
.hongo-sidebar-style-2.sidebar .latest-post.hongo-latest-blog-widget .latest-blog-meta-date a {
color: #808080 !important;
font-size: 12px;
}
.hongo-sidebar-style-2 .hongo-top-wishlist-link {
text-align: center
} .sidebar .wishlist_list {
position: relative
}
.sidebar .widget-wishlist-wrap ul {
position: relative;
}
.sidebar .widget-wishlist-wrap ul li {
padding: 0 2em 0 0;
margin: 0 0 35px 0;
width: 100%;
display: inline-block;
position: relative;
}
.sidebar .widget-wishlist-wrap ul li img {
float: left;
margin-left: 0;
width: 64px;
margin-right: 32px;
}
.sidebar .widget-wishlist-wrap ul li a {
color: #424242;
font-weight: 600;
display: block
}
.sidebar .widget-wishlist-wrap ul li a.button {
display: table-cell !important;
line-height: 20px;
width: max-content;
clear: both;
position: relative;
top: 14px;
text-decoration: none;
}
.sidebar .widget-wishlist-wrap ul li .hongo-remove-wish {
float: right;
left: inherit;
height: 1em;
width: 1em;
font-size: 16px;
position: absolute !important;
right: 0;
top: 2px;
color: #424242;
line-height: 14px;
text-align: center;
text-decoration: none;
}
.sidebar .widget-wishlist-wrap ul li .hongo-remove-wish.loading::before {
background-color: #fff;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
}
.sidebar .widget-wishlist-wrap ul li .amount,
.sidebar .widget-wishlist-wrap ul li .quantity {
font-size: 11px;
font-weight: 700;
clear: both;
}
.sidebar .widget-wishlist-wrap .hongo-view-wishlist {
border-top: 1px solid #e8e8e8;
padding-top: 5px;
font-size: 11px;
width: 100%;
display: block;
text-align: right;
}
.sidebar .widget-wishlist-wrap .wishlist-empty {
padding: 0;
margin: 0;
}
.sidebar .wishlist_list .undo {
font-weight: 600;
margin-bottom: 20px;
text-align: right;
font-size: 12px;
}
.sidebar .wishlist_list .undo a {
color: #424242;
font-weight: 600;
position: relative;
text-decoration: underline
}
.sidebar .wishlist_list .undo a:hover {
color: #f57250;
text-decoration: none;
} .sidebar .navbar-form {
position: relative;
margin: 0;
}
.sidebar .navbar-form input {
margin: 0;
padding-right: 35px;
border-radius: 0;
font-size: 12px;
}
.sidebar .navbar-form button {
position: absolute;
outline: none;
right: 0;
top: 0;
border: 0;
background-color: transparent;
padding: 10px 15px 10px 10px;
z-index: 3;
}
.sidebar .input-group-btn:last-child>.btn {
z-index: 3;
}
.sidebar .navbar-form button:active {
outline: none;
background-color: transparent;
}
.sidebar .navbar-form button i {
font-weight: 700;
font-size: 12px;
color: #232323;
outline: none;
}
.sidebar .navbar-form .input-group {
width: 100%;
}
.navbar-form .input-group>.form-control {
height: auto;
} .sidebar select {
margin-bottom: 0;
cursor: pointer;
}
.sidebar .woocommerce-product-search {
position: relative;
width: 100%;
}
.sidebar .woocommerce-product-search input {
margin: 0;
padding-right: 40px;
border-radius: 0;
}
.sidebar .woocommerce-product-search button {
position: absolute;
outline: none;
right: 0;
top: 0;
border: 0;
background-color: transparent;
padding: 13px 14px 7px 10px;
}
.sidebar .woocommerce-product-search button i {
font-weight: 700;
}
.sidebar select {
margin-bottom: 0;
cursor: pointer;
}
.sidebar .search-widget-form {
position: relative;
width: 100%;
}
.sidebar .search-widget-form input {
margin: 0;
padding-right: 40px;
}
.sidebar .search-widget-form button {
position: absolute;
outline: none;
right: 0;
top: 0;
border: 0;
background-color: transparent;
padding: 13px 14px 7px 10px;
}
.sidebar .search-widget-form button i {
font-weight: 700;
} .sidebar .widget_layered_nav_filters ul {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 20px;
margin-bottom: 20px;
width: 100%;
display: block;
}
.sidebar .widget_layered_nav_filters ul li {
padding: 0;
width: 100%;
}
.sidebar .widget_layered_nav_filters ul li a {
width: 100%;
display: block;
position: relative;
}
.sidebar .widget_layered_nav_filters ul li a::before {
float: right;
margin: 2px 2px 0 0;
color: #fff;
content: "\e646";
font-family: 'themify';
font-size: 7px;
font-weight: 600;
width: 16px;
height: 16px;
border-radius: 100%;
text-align: center;
background-color: #232323;
line-height: 15px;
}
.sidebar .widget_layered_nav_filters .hongo-clear-all-filters {
font-size: 10px;
color: #101010;
background-color: transparent;
float: right;
padding: 0px 12px 0px;
outline: none;
font-weight: 500;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #d6d6d6;
line-height: 19px
}
.sidebar .widget_layered_nav_filters .hongo-clear-all-filters:hover {
color: #fff;
background-color: #000;
border: 1px solid #000;
} .hongo-woocommerce-top-sidebar .top-sidebar-scroll {
margin: 0;
overflow-y: hidden
}
.hongo-woocommerce-top-sidebar .mCSB_horizontal.mCSB_inside>.mCSB_container {
padding-left: 1px;
} .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full {
margin: 0 -35px;
}
.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget .mCustomScrollBox ul {
padding-bottom: 5px;
}
.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget {
border-bottom: 0 solid #e8e8e8;
padding: 0 35px;
margin: 0;
border-right: 0 solid #e8e8e8;
width: 274px;
float: left;
height: 260px;
overflow: auto;
}
.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
padding-right: 0;
width: 225px;
}
.container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget {
width: 325px;
padding: 0 50px;
}
.container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
padding-right: 0;
width: 275px;
}
.container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget {
width: 370px;
padding: 0 50px;
}
.container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
padding-right: 0;
width: 320px;
}
.container-fluid-with-padding .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full,
.container-fluid .hongo-content-full-part .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full {
margin: 0 -50px;
}
.hongo-woocommerce-top-sidebar .mCustomScrollBox {
max-height: 100% !important;
}
.hongo-top-shop-filter {
float: left;
margin-right: 25px;
text-transform: uppercase;
margin-top: 0;
cursor: pointer;
background-color: #232323;
font-weight: 500;
border: 1px solid #232323;
color: #fff;
font-size: 11px;
padding: 5px 18px 5px 14px;
line-height: 18px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.hongo-top-shop-filter>span {
margin: 0 5px 0 0;
font-size: 10px;
font-weight: 500;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-top-shop-filter:hover,
.hongo-top-shop-filter.active {
color: #232323;
background-color: transparent;
}
.hongo-top-shop-filter.active>span {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hongo-woocommerce-top-sidebar {
background-color: #f7f7f7;
padding: 55px;
display: none;
position: relative;
top: 0;
}
.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget_layered_nav_filters.widget>div>div:first-child {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .1);
padding: 25px;
}
.col-md-10 .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget {
width: 260px;
}
.col-md-10 .hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget:last-child {
width: 239px;
}
.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget .mCSB_inside>.mCSB_container {
margin-right: 15px;
}
.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget .mCSB_inside>.mCSB_container.mCS_no_scrollbar_y {
margin-right: 0;
}
.hongo-off-canvas-filter-sidebar {
position: fixed;
display: block !important;
top: 0;
left: -320px;
z-index: 99991;
height: 100% !important;
width: 320px !important;
padding: 70px 30px 30px 30px !important;
margin: 0 !important;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.hongo-off-canvas-filter-sidebar.active {
left: 0;
}
.hongo-off-canvas-filter-sidebar .top-sidebar-scroll {
overflow-y: auto
}
.hongo-top-shop-filter-overlay,
.hongo-product-common-sidebar-left-overlay,
.hongo-product-common-sidebar-right-overlay {
opacity: 0;
left: 0;
visibility: hidden;
}
.hongo-filter-sidebar-wrap .hongo-top-shop-filter-overlay {
display: block;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(56, 55, 55, .9);
opacity: 1;
visibility: visible;
left: 0;
top: 0;
z-index: 9999;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.hongo-filter-sidebar-wrap {
overflow: hidden
}
.top-sidebar-heading {
display: none
}
.hongo-off-canvas-filter-sidebar .top-sidebar-heading {
display: block;
background-color: #232323;
padding: 8px 25px 8px 30px;
position: absolute;
z-index: 999;
width: 100%;
left: 0;
top: 0;
height: auto;
}
.hongo-off-canvas-filter-sidebar .top-sidebar-heading span {
width: 50%;
display: inline-block;
color: #fff;
font-size: 13px;
line-height: normal;
text-transform: uppercase;
font-weight: 500;
}
.hongo-off-canvas-filter-sidebar .top-sidebar-heading span:last-child {
text-align: right;
}
.hongo-off-canvas-filter-sidebar .top-sidebar-heading span a {
color: #fff;
font-size: 13px;
line-height: normal;
padding: 5px
}
.hongo-off-canvas-filter-sidebar.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full {
margin: 0 !important;
}
.hongo-off-canvas-filter-sidebar.hongo-woocommerce-top-sidebar .top-sidebar-scroll .top-sidebar-scroll-full .widget {
width: 100% !important;
padding: 0 !important;
height: auto !important;
margin-bottom: 30px !important;
overflow: hidden;
}
.hongo-off-canvas-filter-sidebar .mCustomScrollBox {
overflow-x: auto;
}
.hongo-off-canvas-filter-sidebar .top-sidebar-scroll {
overflow-x: hidden;
position: relative;
left: 0;
}
.hongo-off-canvas-filter-sidebar>div {
text-align: left;
width: 100%;
height: 100%;
}
.hongo-off-canvas-filter-sidebar>div>div {
vertical-align: middle;
position: relative;
}
.hongo-off-canvas-filter-sidebar>div>div .mCSB_container {
display: table;
vertical-align: middle;
height: 100%;
width: 100%;
}
.hongo-off-canvas-filter-sidebar>div>div .mCSB_container .slide-menu-wrap {
display: table-cell;
vertical-align: middle;
}
.hongo-off-canvas-filter-sidebar .mCS_no_scrollbar_y {
padding-right: 0;
margin: 0;
}
.hongo-off-canvas-filter-sidebar .mCSB_container {
padding-right: 20px;
margin: 0;
} .sidebar .hongo-widget-brand-list ul li {
margin: 0
}
.sidebar .hongo-widget-brand-list ul li .hongo-brand-slider-wrap .hongo-brand-image {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.sidebar .hongo-widget-brand-list ul li .hongo-brand-slider-wrap .hongo-brand-name {
width: 100%;
font-weight: 600;
line-height: 18px;
color: #808080;
font-size: 13px;
}
.sidebar .hongo-widget-brand-list ul li .hongo-brand-slider-wrap .hongo-brand-name a {
font-weight: 600;
line-height: 18px;
color: #808080;
font-size: 13px;
}
.sidebar .hongo-widget-brand-list ul li .hongo-brand-slider-wrap .hongo-brand-name a:hover {
color: #f57250;
text-decoration: none;
}
.sidebar .hongo-widget-brand-list .swiper-button-next {
right: 0;
}
.sidebar .hongo-widget-brand-list .swiper-button-prev {
left: 0;
} .woocommerce .sidebar ul.products,
.woocommerce-page .sidebar ul.products {
margin: 0;
}
.woocommerce .sidebar ul.products li,
.woocommerce-page .sidebar ul.products li {
padding: 0;
margin-bottom: 25px;
}
.woocommerce .sidebar ul.products li .button,
.woocommerce .sidebar ul.products li .btn {
display: inline-block
} .sidebar .hongo-twitter-wrapper ul li {
padding: 0 0 15px 0;
margin: 0 0 20px;
position: relative;
border-bottom: 1px solid #e8e8e8;
}
.sidebar .hongo-twitter-wrapper ul li:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.sidebar .hongo-twitter-wrapper ul li span {
font-size: 12px;
color: #898989;
display: block;
width: 100%;
font-weight: 400;
margin-top: 12px;
}
.sidebar .hongo-twitter-wrapper ul li span a.hongo-twitter-feed {
position: relative;
word-break: break-word;
display: table;
font-size: 11px;
color: #2e94eb;
line-height: 16px;
padding: 0 0 0 22px;
margin: 5px 0 6px 0;
font-weight: 400;
}
.sidebar .hongo-twitter-wrapper ul li span a.hongo-twitter-feed:before {
font-family: Font Awesome\ 5 Brands;
content: "\f099";
font-weight: 500;
color: #2e94eb;
font-size: inherit;
position: absolute;
margin-top: 0;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.sidebar .hongo-twitter-wrapper ul li span a {
color: #2e94eb;
font-size: 12px;
font-weight: 400;
}
.sidebar .hongo-twitter-wrapper ul li .twitter-feed-video {
height: 120px;
} .sidebar .widget_nav_menu .wp-nav-menu-responsive-button {
display: none !important;
}
.sidebar .widget_nav_menu ul li {
margin-bottom: 8px;
}
.sidebar .widget_nav_menu ul li>ul {
margin-top: 8px;
padding-left: 10px;
} .sidebar .widget_calendar table {
border: 0;
}
.sidebar .widget_calendar td,
.sidebar .widget_calendar th {
word-break: inherit;
border-right: 0;
}
.sidebar .widget_calendar td a {
color: #232323;
}
.sidebar .widget_calendar td a:hover {
color: #f57250
}
.sidebar .widget_calendar tfoot tr td:last-child {
text-align: right;
} .sidebar .widget_categories ul li>ul {
margin-top: 8px;
padding-left: 10px;
} .sidebar .widget_pages ul li>ul {
margin-top: 8px;
padding-left: 10px;
} .sidebar .widget_rss .widget-title a {
color: #232323;
margin-left: 2px;
margin-right: 2px
}
.sidebar .widget_rss .widget-title a:hover {
color: #f57250
}
.sidebar .widget_rss ul li {
margin-bottom: 18px;
}  .mfp-fade.mfp-bg.mfp-ready,
.mfp-bg {
background-color: #232323;
z-index: 99998;
opacity: .95;
}
.mfp-wrap {
height: 100%;
top: 0;
overflow: auto;
z-index: 99999
}
.mfp-wrap ~ .box-layout header.site-header.header-sticky,
.mfp-wrap + .box-layout header.site-header.header-sticky {
z-index: 99997;
}
button.mfp-close,
button.mfp-close:active {
opacity: 1;
background-color: #000000;
color: #fff;
right: 0;
top: 0;
}
.mfp-wrap,
.hongo-white-popup {
margin: 0 auto;
left: 0;
right: 0;
}
.white-popup-block {
text-align: center;
}
.mfp-close-btn-in .mfp-close,
.my-mfp-zoom-in .mfp-close {
background-color: #1b1b1b;
line-height: normal;
position: absolute;
width: 35px;
height: 35px;
line-height: 34px;
font-size: 20px;
padding-bottom: 4px;
right: 0;
top: 0;
}
.hongo-popup-content {
visibility: hidden;
opacity: 0;
}
.mfp-content {
overflow: hidden !important;
position: relative;
}
.hongo-mfp-bg-white .mfp-content {
background-color: #fff;
padding: 40px;
max-width: 1435px;
}
.mfp-iframe-holder .mfp-content {
background-color: transparent;
padding: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-left:after {
display: none
}
.mfp-arrow-right:before {
border-left: none;
content: "\e628";
font-size: 18px;
font-family: 'themify';
color: #fff;
}
.mfp-arrow-left:before {
border-right: none;
content: "\e629";
font-size: 18px;
font-family: 'themify';
color: #fff;
}
.mfp-bottom-bar {
margin-top: -24px;
font-size: 12px
}
.hongo-lightbox-caption {
display: table;
color: #a7a7a7;
margin-top: 3px;
}
.mfp-figure:after,
.mfp-figure:before {
display: none
}
.pswp__img--placeholder--blank {
background-color: transparent !important
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: transparent !important
}
.pswp--open .pswp__container {
-webkit-transition-duration: 0.6s !important;
-o-transition-duration: 0.6s !important;
transition-duration: 0.6s !important;
}
.pswp__item {
overflow: hidden;
}
.pswp img {
height: auto !important;
}
.pswp {
z-index: 99999;
}
.woocommerce img.pswp__img,
.woocommerce-page img.pswp__img {
max-width:100%;
} .hongo-popup-contact-form {
padding: 60px;
display: table;
} .hongo-popup-simple-modal {
padding: 40px;
}
.hongo-popup-simple-modal h4 {
margin-bottom: 15px;
} .hongo-blog-styles {
float: left;
width: 100%;
padding-bottom: 0;
}
.hongo-blog-styles #infscr-loading {
bottom: -50px;
}
.hongo-blog-styles .blog-post.first {
clear: both;
}
.hongo-blog-styles .blog-post {
overflow: hidden;
margin-bottom: 30px
}
.hongo-blog-styles .blog-posts .grid-sizer {
display: none;
}
.hongo-blog-styles .blog-posts ul {
padding: 0;
margin: 0 -15px;
list-style: none
}
.hongo-blog-styles .blog-post .blog-image {
padding-left: 0;
z-index: 1;
}
.hongo-blog-styles .blog-post .blog-image a {
position: relative;
display: inline-block;
width: 100%;
}
.hongo-blog-styles .blog-post .blog-image.blog-image-standard a {
display: inherit;
}
.hongo-blog-styles .blog-post .blog-image img {
width: 100%;
}
.hongo-blog-styles .hongo-blog-post-category {
margin-bottom: 12px;
}
.hongo-blog-styles .hongo-blog-post-category span {
font-size: 13px;
line-height: 20px;
margin: 0 4px 0 4px;
}
.hongo-blog-styles .hongo-blog-post-category a {
font-size: 12px;
line-height: 20px;
}
.hongo-blog-styles .entry-title {
color: #232323;
font-size: 16px;
line-height: 22px;
font-weight: 500;
margin-bottom: 10px;
display: inline-block;
}
.hongo-blog-styles .entry-title:hover {
color: #f57250;
}
.hongo-blog-styles .entry-content {
margin-bottom: 18px;
}
.hongo-blog-styles .separator-line-horizontal-full {
width: 100%;
display: block;
background-color: #e8e8e8;
margin-bottom: 16px;
margin-top: 8px;
}
.hongo-blog-styles .blog-date-author {
margin-bottom: 7px;
}
.hongo-blog-styles .blog-date-author,
.hongo-blog-styles .blog-date-author a {
font-size: 12px;
color: #808080
}
.hongo-blog-styles .blog-date-author .blog-separator {
margin: 0 10px 0 10px;
position: relative;
top: -1px;
}
.hongo-blog-styles .blog-date-author img {
border-radius: 100%;
width: 25px;
margin-right: 8px;
margin-top: -1px;
}
.hongo-blog-styles .blog-like-comment {
font-size: 12px;
margin-bottom: 8px;
}
.hongo-blog-styles .blog-like-comment a {
font-size: 12px;
line-height: 18px;
margin: 0 9px 0 6px;
}
.hongo-blog-styles .blog-like-comment a i {
margin-right: 5px;
position: relative;
top: 1px;
}
.hongo-blog-styles .blog-like-comment a:first-child {
margin-left: 0;
}
.hongo-blog-styles .blog-like-comment a:last-child {
margin-right: 0;
}
.hongo-blog-styles .btn {
margin-bottom: 15px;
margin-top: 5px;
}
.post-icon {
position: absolute;
bottom: 20px;
left: 20px;
width: 32px;
text-align: center;
padding: 5px;
height: 32px;
background: rgba(0, 0, 0, 0.85);
border-radius: 4px;
z-index: 10;
}
.post-icon:before {
font-family: 'themify';
font-weight: 900;
font-size: 14px;
color: #fff;
position: relative
}
.post-type-quote:before {
content: "\e67f";
margin-left: 1px
}
.post-type-audio:before {
content: "\e688";
top: 1px;
}
.post-type-video:before {
content: "\e6ad";
margin-left: 3px;
}
.post-type-video-html5:before {
content: "\e6ad";
margin-left: 3px;
}
.post-type-gallery:before {
content: "\e669";
margin-left: 1px
}
.post-type-gallery-slider:before {
content: "\e6ef";
}
.hongo-blog-styles .swiper-button-next {
right: 15px
}
.hongo-blog-styles .swiper-button-prev {
left: 15px;
}
.hongo-blog-styles .swiper-button-next i,
.hongo-blog-styles .swiper-button-prev i {
color: #fff;
}
.sinhongo-blog-stylesgle-post .swiper-button-next:hover i,
.hongo-blog-styles .swiper-button-prev:hover i {
opacity: 0.4
} .hongo-blog-masonry .blog-image {
position: relative;
}
.hongo-blog-styles.hongo-blog-masonry .blog-image>a {
overflow: hidden;
display: block;
}
.hongo-blog-masonry .blog-text {
background-color: #fff;
padding: 40px;
}
.hongo-blog-masonry .hongo-blog-post-category {
position: absolute;
background-color: #232323;
right: 0;
bottom: -14px;
margin: 0;
padding: 3px 16px
}
.hongo-blog-masonry .hongo-blog-post-category span {
margin: 0 5px 0 1px;
color: #ffffff;
}
.hongo-blog-masonry .hongo-blog-post-category a {
font-size: 11px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
}
.hongo-blog-masonry .hongo-blog-post-category a:hover {
color: #fff;
}
.hongo-blog-masonry .blog-post .blog-image .hongo-blog-post-category a { 
width: auto; 
}
.hongo-blog-masonry .entry-content {
margin-bottom: 22px;
}
.hongo-blog-masonry .separator-line-horizontal-full {
margin-bottom: 21px
}
.hongo-blog-masonry .blog-post .blog-image img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-masonry .blog-post:hover .blog-image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.hongo-blog-masonry .blog-text .content>div:last-child {
margin-bottom: 0;
}
.hongo-blog-masonry .hongo-no-image .hongo-blog-post-category {
position: inherit;
bottom: 0;
display: inline;
}
.hongo-blog-masonry .hongo-no-image.blog-post .blog-image {
padding-left: 40px;
padding-right: 40px;
}
.hongo-blog-masonry .hongo-no-image>div {
height: auto !important
} .hongo-blog-grid .blog-post {
margin-bottom: 60px;
overflow: hidden;
}
.hongo-blog-grid .blog-image {
margin-bottom: 35px;
overflow: hidden
}
.hongo-blog-grid .blog-text {
padding: 0;
}
.hongo-blog-grid .hongo-blog-post-category a {
font-size: 12px;
line-height: 18px;
}
.hongo-blog-grid .hongo-blog-post-category {
margin-bottom: 5px;
}
.hongo-blog-grid .entry-title {
margin-bottom: 12px;
width: 90%
}
.hongo-blog-grid .entry-content {
margin-bottom: 22px;
width: 90%
}
.text-right .hongo-blog-grid .entry-content,
.text-center .hongo-blog-grid .entry-content {
width: 100%;
}
.hongo-blog-grid .separator-line-horizontal-full {
margin-bottom: 20px;
}
.hongo-blog-grid .blog-post .blog-image img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-grid .blog-post:hover .blog-image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.container .hongo-blog-grid .blog-posts ul {
margin: 0;
} .hongo-blog-clean li.blog-post {
margin-bottom: 20px !important;
}
.hongo-blog-clean .blog-image {
margin-bottom: 40px;
overflow: hidden
}
.hongo-blog-clean .blog-image a {
width: 100%;
}
.hongo-blog-clean .blog-image .hongo-blog-side-arrow {
position: absolute;
right: 0;
bottom: 0;
width: 45px;
height: 0;
overflow: hidden;
background-color: #fff;
text-align: center;
line-height: 50px;
color: #232323;
font-size: inherit;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-clean .blog-post:hover .hongo-blog-side-arrow {
height: 45px;
}
.hongo-blog-clean .blog-text {
padding: 0;
}
.hongo-blog-clean .entry-title {
font-size: 17px;
line-height: 23px;
font-weight: 400;
margin-bottom: 10px;
width: 80%
}
.hongo-blog-clean .hongo-blog-post-category a {
line-height: 18px;
background: #232323;
text-transform: uppercase;
color: #fff;
font-size: 10px;
padding: 3px 10px;
margin-right: 8px;
margin-bottom: 7px;
display: inline-block;
}
.hongo-blog-clean .hongo-blog-post-category {
margin-bottom: 17px;
}
.hongo-blog-clean .blog-text .btn {
margin-bottom: 22px;
}
.hongo-blog-clean .entry-content {
margin-bottom: 22px;
}
.hongo-blog-clean .separator-line-horizontal-full {
margin-bottom: 20px;
background-color: #dddddd;
}
.hongo-blog-clean .blog-date-author {
position: relative;
}
.hongo-blog-clean .blog-date-author:before {
width: 12px;
height: 1px;
background-color: #232323;
content: "";
position: relative;
left: 0;
top: -4px;
display: inline-block;
margin-right: 10px;
}
.hongo-blog-clean .blog-like-comment {
position: relative;
}
.hongo-blog-clean .blog-like-comment:before {
width: 15px;
height: 1px;
background-color: #232323;
content: "";
position: relative;
left: 0;
top: -4px;
display: inline-block;
margin-right: 15px;
}
.hongo-blog-clean .blog-post .blog-image img,
.hongo-blog-clean .blog-post .blog-image .post-icon {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-clean .blog-post:hover .blog-image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
margin-left: 20px;
}
.hongo-blog-clean .blog-post:hover .blog-image .post-icon {
margin-left: 20px;
} .hongo-blog-side-image .hongo-no-image .blog-text {
padding-left: 0;
}
.hongo-blog-side-image .blog-text {
padding-left: 30px;
padding-right: 0
} .hongo-blog-modern ul li .post,
.hongo-blog-modern ul li .page {
position: relative;
overflow: hidden;
}
.hongo-blog-modern .blog-image~.blog-text {
padding: 0 25px 25px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-modern .blog-hover-bg {
text-align: center;
position: absolute;
background-color: rgba(0, 0, 0, .8);
height: 0;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
overflow: hidden
}
.hongo-blog-modern ul li:hover .blog-hover-bg {
height: 100%;
}
.hongo-blog-modern .blog-image {
position: relative;
top: 0;
background-color: rgba(0, 0, 0, 1);
}
.hongo-blog-modern li .blog-image img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-modern li:hover .blog-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: .7
}
.hongo-blog-modern li:hover .blog-image~.blog-text {
padding-bottom: 35px;
}
.hongo-blog-modern .blog-text {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
}
.hongo-blog-modern .blog-text .content {
position: relative;
}
.hongo-blog-modern .blog-text .hongo-blog-modern-wrap {
background-color: #000000;
padding: 8% 13% 7%;
}
.hongo-blog-modern .blog-text .hongo-blog-modern-meta-wrap {
background-color: #ffffff;
padding: 9px 13% 9px;
}
.hongo-blog-modern .hongo-blog-hover-icon {
position: absolute;
opacity: 1;
text-align: center;
width: 100%;
left: 0;
top: 0;
z-index: 99;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.hongo-blog-modern .hongo-blog-hover-icon .post-icon {
position: inherit;
left: 0;
right: 0;
margin: 0 auto;
top: -16px;
}
.hongo-blog-modern .hongo-blog-post-category {
margin-bottom: 5px;
}
.hongo-blog-modern .hongo-blog-post-category a {
font-size: 12px;
line-height: 18px;
color: #808080;
font-weight: 500;
text-transform: uppercase;
}
.hongo-blog-modern .hongo-blog-post-category a:hover {
color: #fff;
}
.hongo-blog-modern .entry-title {
color: #ffffff;
font-size: 16px;
line-height: 21px;
font-weight: 400;
}
.hongo-blog-modern .entry-title:hover {
color: #ffffff
}
.hongo-blog-modern .entry-content {
color: #808080;
margin: 0;
}
.hongo-blog-modern .btn {
margin-bottom: 3px;
}
.hongo-blog-modern .blog-date-author {
margin-bottom: 0px;
}
.hongo-blog-modern .blog-like-comment {
margin-bottom: 0;
}
.hongo-blog-modern .blog-post.hongo-no-image .blog-text {
position: relative;
padding-left: 0;
padding-right: 0;
}
.hongo-blog-modern .blog-post.hongo-no-image .hongo-blog-hover-icon {
display: none;
} .hongo-blog-only-text .post {
border: 1px solid #232323;
box-shadow: 2px 2px #232323;
float: left;
width: 100%;
background-color: #fff;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
overflow: hidden;
}
.hongo-blog-only-text .entry-title {
color: #232323;
font-size: 18px;
line-height: 24px;
font-weight: 500;
margin-bottom: 15px;
display: inline-block;
}
.hongo-blog-only-text .blog-text {
padding: 60px;
}
.hongo-blog-only-text .hongo-blog-textonly-meta-wrap>div:last-child {
margin-bottom: 0;
}
.hongo-blog-only-text .hongo-blog-textonly-meta-wrap .blog-like-comment {
margin-bottom: 0;
position: absolute;
top: 25px;
right: 25px;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-only-text .blog-post:hover .hongo-blog-textonly-meta-wrap .blog-like-comment {
opacity: 1
}
.hongo-blog-only-text .hongo-blog-textonly-meta-wrap .blog-like-comment a {
margin: 0 0 0 4px;
font-size: 14px;
color: #232323;
}
.hongo-blog-only-text .hongo-blog-textonly-meta-wrap .blog-like-comment a:hover {
opacity: .5
}
.hongo-blog-only-text .hongo-blog-textonly-meta-wrap .blog-like-comment i {
margin: 0;
}
.hongo-blog-only-text .hongo-blog-textonly-meta-wrap .blog-like-comment a span {
margin-left: 5px;
display: none;
}
.hongo-blog-only-text .entry-content {
margin: 0;
}
.hongo-blog-only-text .separator-line-horizontal-full {
margin-top: 0;
margin-bottom: 0;
}
.hongo-blog-only-text .blog-date-author img {
width: 36px;
margin-right: 12px;
}
.hongo-blog-only-text .blog-date-author {
padding: 0 0 20px 0;
margin: 0;
}
.hongo-blog-only-text .blog-date-author .blog-author {
position: relative;
padding-left: 22px
}
.hongo-blog-only-text .blog-date-author .blog-author:after {
content: "";
width: 10px;
height: 1px;
background: #000;
position: absolute;
top: 10px;
left: 0;
}
.hongo-blog-only-text .blog-date-author img~.blog-author {
padding-left: 0;
}
.hongo-blog-only-text .blog-date-author img~.blog-author:after {
display: none
}
.hongo-blog-only-text .blog-date {
margin-bottom: 5px;
font-size: 11px;
line-height: 18px;
display: block
}
.hongo-blog-only-text .hongo-blog-textonly-wrap .btn {
margin-bottom: 0;
margin-top: 20px;
}
.hongo-blog-only-text .hongo-blog-post-category {
margin: 25px 0 0 0;
}
.hongo-blog-only-text .hongo-blog-post-category a {
font-size: 10px;
margin: 0 5px 2px 0;
display: inline-block;
line-height: 18px;
background: #232323;
padding: 3px 10px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
} .hongo-blog-overlay-image .post * {
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.hongo-blog-overlay-image .post {
position: relative;
float: left;
width: 100%;
border: 1px solid #e9e8e8;
background-color: #fff;
height: 100%;
}
.hongo-blog-overlay-image .blog-text {
padding: 0;
display: table;
width: 100%;
height: 100%;
z-index: 99
}
.hongo-blog-overlay-image .blog-text .content {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.hongo-blog-overlay-image .blog-post .blog-image {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 100%;
clear: both;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 9;
}
.hongo-blog-overlay-image .blog-post:hover .blog-image {
opacity: 1;
visibility: visible;
height: 100%;
}
.hongo-blog-overlay-image .blog-post .blog-image .blog-image-vertical-middle {
height: 100%;
opacity: 0;
background-position: top center;
background-size: cover;
}
.hongo-blog-overlay-image .blog-post:hover .blog-image-vertical-middle {
opacity: 1;
}
.hongo-blog-overlay-image .blog-post .hongo-overlay {
background-color: #232323;
z-index: 99;
opacity: 0
}
.hongo-blog-overlay-image .blog-post:hover .hongo-overlay {
opacity: 0.6
}
.hongo-blog-overlay-image .blog-post .blog-image .hongo-blog-hover-icon .post-icon {
z-index: 999;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.hongo-blog-overlay-image .hongo-overlay-image-content-wrap {
padding: 15%;
}
.hongo-blog-overlay-image .blog-post:hover .hongo-overlay-image-content-wrap {
padding-top: 24%;
padding-bottom: 6%
}
.hongo-blog-overlay-image .hongo-blog-post-category {
vertical-align: top;
line-height: normal;
}
.hongo-blog-overlay-image .hongo-blog-post-category a {
font-size: 12px;
line-height: normal;
}
.hongo-blog-overlay-image .hongo-category-meta {
margin-bottom: 10px;
}
.hongo-blog-overlay-image .hongo-category-meta .blog-separator {
margin: 0 10px;
}
.hongo-blog-overlay-image .hongo-category-meta .hongo-blog-post-category {
display: inline-block;
margin: 0;
vertical-align: top;
line-height: normal;
}
.hongo-blog-overlay-image .entry-content {
margin: 0 0 20px 0;
}
.hongo-blog-overlay-image .blog-post:hover .blog-date-author .blog-author:after {
background-color: #fff;
}
.hongo-blog-overlay-image .blog-date-author img {
width: 36px;
margin-right: 12px;
}
.hongo-blog-overlay-image .entry-title {
color: #232323;
font-size: 20px;
line-height: 27px
}
.hongo-blog-overlay-image .hongo-blog-post-category,
.hongo-blog-overlay-image .hongo-blog-post-category a,
.hongo-blog-overlay-image .entry-content,
.hongo-blog-overlay-image .blog-like-comment .posts-like,
.hongo-blog-overlay-image .blog-post span,
.hongo-blog-overlay-image .blog-date-author a {
color: #808080;
}
.hongo-blog-overlay-image .blog-post:hover .entry-title {
color: #fff;
}
.hongo-blog-overlay-image .blog-post:hover .hongo-blog-post-category,
.hongo-blog-overlay-image .blog-post:hover .hongo-blog-post-category a,
.hongo-blog-overlay-image .blog-post:hover .entry-content,
.hongo-blog-overlay-image .blog-post:hover .blog-like-comment .posts-like,
.hongo-blog-overlay-image .blog-post:hover .blog-like-comment a,
.hongo-blog-overlay-image .blog-post:hover span,
.hongo-blog-overlay-image .blog-post:hover .blog-date-author a,
.hongo-blog-overlay-image .blog-post .blog-like-comment a {
color: #fff;
}
.hongo-blog-overlay-image .blog-post:hover .entry-content {
color: #a2a1a1
}
.hongo-blog-overlay-image .blog-post .blog-date-author {
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.hongo-blog-overlay-image .blog-post:hover .blog-date-author,
.hongo-blog-overlay-image .blog-post:hover .separator-line-horizontal-full {
opacity: 0;
visibility: hidden;
position: relative;
z-index: -1;
}
.hongo-blog-overlay-image .hongo-blog-side-arrow a,
.hongo-blog-overlay-image .post-icon {
border-radius: 0;
left: inherit;
padding: 0;
position: absolute;
right: -1px;
bottom: -1px;
width: 35px;
height: 0;
overflow: hidden;
background-color: #fff;
text-align: center;
line-height: 38px;
font-size: 12px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
z-index: 999;
}
.hongo-blog-overlay-image .hongo-blog-side-arrow a span,
.hongo-blog-overlay-image .post-icon:before {
color: #232323 !important;
}
.hongo-blog-overlay-image .blog-post:hover .hongo-blog-side-arrow a,
.hongo-blog-overlay-image .blog-post:hover .post-icon {
height: 35px;
}
.hongo-blog-overlay-image .blog-like-comment {
margin-bottom: 0;
position: absolute;
top: 25px;
right: 25px;
opacity: 0;
}
.hongo-blog-overlay-image .blog-post:hover .blog-like-comment {
opacity: 1
}
.hongo-blog-overlay-image .blog-like-comment a {
margin: 0 0 0 4px;
font-size: 14px;
color: #232323;
}
.hongo-blog-overlay-image .blog-like-comment a:hover {
opacity: .5
}
.hongo-blog-overlay-image .blog-like-comment i {
margin: 0;
}
.hongo-blog-overlay-image .blog-like-comment a span {
margin-left: 5px;
display: none;
} .hongo-blog-image .blog-post {
margin-bottom: 30px;
}
.hongo-blog-image figure * {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-image ul li .blog-img img {
bottom: 10px;
width: 100%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-o-transform: scale(1.1);
position: relative;
}
.hongo-blog-image figure:hover .blog-img img {
bottom: -5px;
opacity: .5
}
.hongo-blog-image figure {
position: relative;
overflow: hidden;
}
.hongo-blog-image figure .hongo-overlay {
opacity: .5;
background-color: #232323;
z-index: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.hongo-blog-image figure:hover .hongo-overlay {
opacity: 1;
background-color: #000
}
.hongo-blog-image figcaption {
position: absolute;
bottom: 0;
width: 100%;
overflow: hidden;
height: 100%;
}
.hongo-blog-image figcaption .post-details {
position: relative;
width: 100%;
height: 100%;
}
.hongo-blog-image figcaption .blog-hover-box {
width: 100%;
position: absolute;
bottom: 0;
}
.hongo-blog-image .hongo-blog-post-category {
position: absolute;
padding: 10% 12% 12% 12%;
width: 100%;
text-align: left;
}
.hongo-blog-image .blog-image-category-wrap a {
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, .2);
padding: 2px 10px;
display: inline-block;
margin: 0 5px 5px 0;
background: transparent
}
.hongo-blog-image figure:hover .blog-image-category-wrap a {
background: #fff;
color: #000
}
.hongo-blog-image .blog-image-category-wrap a:hover {
color: #000
}
.hongo-blog-styles .blog-date-author a:hover {
color: #f57250;
}
.hongo-blog-image .content-wrap {
padding: 10% 20% 35px 12%
}
.hongo-blog-image .entry-title {
color: #ffffff;
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
.hongo-blog-image .blog-date-author,
.hongo-blog-image .blog-date-author a {
color: #808080
}
.hongo-blog-image .entry-title:hover {
color: #ffffff
}
.hongo-blog-image .post-icon {
bottom: 15px;
right: 15px;
left: inherit;
}
.hongo-blog-image .blog-like-comment {
margin-bottom: 0;
position: absolute;
top: 15px;
right: 15px;
opacity: 0;
}
.hongo-blog-image .blog-post:hover .blog-like-comment {
opacity: 1
}
.hongo-blog-image .blog-like-comment a {
margin: 0 0 0 4px;
font-size: 14px;
color: #fff;
}
.hongo-blog-image .blog-like-comment a:hover {
opacity: .5
}
.hongo-blog-image .blog-like-comment i {
margin: 0;
}
.hongo-blog-image .blog-like-comment a span {
margin-left: 5px;
display: none;
}
.hongo-blog-image .content-wrap .btn {
margin-bottom: 0;
}
.hongo-blog-image .hongo-no-image.blog-post figcaption,
.hongo-blog-image .hongo-no-image.blog-post .hongo-blog-post-category,
.hongo-blog-image .hongo-no-image.blog-post figcaption .blog-hover-box {
position: relative;
} .hongo-blog-standard .blog-post {
border: 1px solid #e8e8e8;
padding: 0;
background-color: #fff;
}
.hongo-blog-standard .blog-post:last-child {
margin-bottom: 0;
}
.hongo-blog-standard .blog-image {
padding: 40px 40px 0 40px !important;
margin-bottom: 0 !important;
}
.hongo-blog-standard .blog-image .blog-image {
padding: 0 !important;
}
.hongo-blog-standard .content .content-wrap {
margin: 0 auto;
width: 67%;
padding: 55px 40px;
}
.hongo-blog-standard .content .content-wrap>div:last-child :last-child {
margin-bottom: 0;
}
.text-left .hongo-blog-standard .content .content-wrap,
.text-right .hongo-blog-standard .content .content-wrap {
width: 100%;
}
.hongo-blog-standard .content .content-wrap .hongo-blog-post-category a {
display: inline-block;
vertical-align: middle;
}
.hongo-blog-standard .content .content-wrap .hongo-blog-post-category span {
margin: 0;
vertical-align: middle;
}
.hongo-blog-standard .content .content-wrap .hongo-blog-post-category span.dot {
margin: 0 8px;
vertical-align: middle;
line-height: 14px;
font-size: 15px;
color: #bfbdbd
}
.hongo-blog-standard .content .content-wrap .entry-title {
font-size: 25px;
line-height: 30px;
margin-bottom: 18px;
}
.hongo-blog-standard .content .hongo-blog-post-meta-wrap {
border-top: 1px solid #e8e8e8;
-ms-flex-direction: row!important;
flex-direction: row!important;
display: -ms-flexbox!important;
display: flex!important;
align-items: center;
}
.hongo-blog-standard .content .hongo-blog-post-meta-wrap>.hongo-blog-post-meta {
font-size: 12px;
border-right: 1px solid #e8e8e8;
margin: 0;
padding: 14px 15px;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.hongo-blog-standard .content .hongo-blog-post-meta-wrap>.hongo-blog-post-meta:last-child {
border: none;
}
.hongo-blog-standard .content .hongo-blog-post-meta-wrap>.hongo-blog-post-meta i {
margin: 0 6px 0 0;
vertical-align: middle;
position: relative;
top: -1px
}
.hongo-blog-standard .hongo-blog-post-category a,
.hongo-blog-standard .hongo-blog-post-category .blog-date {
font-size: 12px;
}
.hongo-blog-standard .content .hongo-blog-post-meta-wrap a {
font-size: 12px;
}
.hongo-blog-standard .hongo-blog-blockquote .blockquote-style-3 {
background: #232323;
padding: 45px;
font-weight: 300
}
.hongo-blog-standard .hongo-blog-blockquote .blockquote-style-3 .blockquote-content {
color: #fff;
width: 80%;
text-align: left;
}
.hongo-blog-standard .blog-date-author img {
width: 24px;
}
.hongo-blog-standard .hongo-blog-post-category {
margin-bottom: 8px;
}
.hongo-content-right-part {
padding-left: 60px;
}
.hongo-content-left-part {
padding-right: 60px;
}
.hongo-layout-right-sidebar.hongo-content-left-part {
padding-right: 45px;
}
.hongo-layout-left-sidebar.hongo-content-right-part {
padding-left: 45px;
}
.hongo-content-left-part .hongo-blog-standard.hongo-blog-styles .infinite-scroll-pagination {
padding-bottom: 30px;
float: left;
width: 100%;
}
.hongo-content-left-part .hongo-blog-standard.hongo-blog-styles #infscr-loading {
bottom: 0px;
}
.hongo-content-right-part .hongo-blog-standard.hongo-blog-styles .infinite-scroll-pagination {
padding-bottom: 30px;
float: left;
width: 100%;
}
.hongo-content-right-part .hongo-blog-standard.hongo-blog-styles #infscr-loading {
bottom: 0px;
}
.hongo-blog-styles .page-load-status {
margin-top: 30px;
clear: both;
float: left;
width: 100%;    
}
.page-load-status {
margin-top: 30px;
clear: both;
}
.infinite-scroll-request.loading {
transform: scale(1);
display: block;
width: 100%;
min-height: 40px;
text-align: center;
display: none;
background-color: transparent !important;
}
.infinite-scroll-request.loading:before {
background-color: transparent !important;
}
.infinite-scroll-request.loading::after {
width: 32px !important;
height: 32px !important;
margin: -16px 0 0 -16px !important;
}
.page-load-status .infinite-scroll-error {
text-align: center;
display: none;
}
.page-load-status .finish-load {
display: inline-block;
background-color: #fff;
color: #232323;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
padding: 4px 15px 3px;
-webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .1);
box-shadow: 0 0 10px rgba(23, 23, 23, .1);
margin-top: 15px;
} .sticky.post {
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.sticky.post .blog-post {
background-color: #e8e8e8;
padding: 0;
}
.sticky.post .blog-post .btn {
text-transform: uppercase;
}
.sticky.post .content .hongo-blog-post-meta-wrap {
background-color: #fff;
} .hongo-layout-both-sidebar {
margin-bottom: 10%;
padding-left: 0;
padding-right: 0;
}
.single-post-main-section {
overflow: visible;
}
.hongo-main-content-wrap {
min-height: 45vh;
} .navigation-link-wrap {
margin-top: 50px;
}
.navigation-link-wrap .blog-nav-link {
float: left;
width: 50%;
text-transform: uppercase;
}
.navigation-link-wrap .blog-nav-link.blog-nav-link-prev i {
position: relative;
top: 1px;
margin-right: 5px;
}
.navigation-link-wrap .blog-nav-link.blog-nav-link-next i {
position: relative;
top: 1px;
margin-left: 5px;
}
.navigation-link-wrap .blog-nav-link.blog-nav-link-next {
text-align: right;
float: right;
} .hongo-post-details-meta-wrap {
color: #8e8e8e;
font-size: 11px;
text-transform: uppercase;
font-weight: 300;
line-height: 20px;
float: left;
width: 100%;
margin-bottom: 35px;
}
.hongo-post-details-meta-wrap ul {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.hongo-post-details-meta-wrap ul li {
float: left;
}
.hongo-post-details-meta-wrap ul li a {
color: #8e8e8e;
font-size: 11px;
text-transform: uppercase;
font-weight: 300;
line-height: 20px;
}
.hongo-post-details-meta-wrap ul li a:hover {
color: #f57250;
}
.hongo-post-details-meta-wrap .post-details-separator {
float: left;
margin: 0 10px;
font-size: 10px;
}
.blog-details-text a,
.blog-details-text th a {
text-decoration: underline
}
.blog-details-text a:hover,
.blog-details-text th a:hover {
text-decoration: none;
}
.blog-details-text .wp-block-categories a,
.blog-details-text .wp-block-archives a {
text-decoration: none;
}
.blog-details-text .wp-block-archives-dropdown select {
width: auto;
}
.blog-details-text {
line-height: 25px;
}
.blog-details-text :first-child {
margin-top: 0;
}
.blog-details-text ul li:last-child {
margin-bottom: 0;
}
.single-post .blog-image {
clear: both;
margin-bottom: 25px;
text-align: center;
}
.blog-image.hongo-post-format-wrap,
.single-post .blog-post-gallery-grid,
.blog-image.hongo-blog-video,
.blog-image.fit-videos,
.blog-image.hongo-blog-video-html5,
.blog-image.hongo-blog-blockquote,
.blog-image.blog-image-standard,
.blog-image.post-type-slider,
.blog-image.hongo-blog-audio,
.blog-image.hongo-blog-video,
.blog-image.hongo-blog-video {
margin-bottom: 50px;
}
.single-post .swiper-button-next {
right: 15px
}
.single-post .swiper-button-prev {
left: 15px;
}
.single-post .swiper-button-next i,
.single-post .swiper-button-prev i {
color: #fff;
}
.single-post .swiper-button-next:hover i,
.single-post .swiper-button-prev:hover i {
opacity: 0.4
}
.single-post .blog-image.hongo-blog-blockquote blockquote {
font-size: 16px;
line-height: 24px;
padding-bottom: 5px;
}
.single-post .blog-image.hongo-blog-blockquote blockquote footer {
font-size: 13px;
} .hongo-post-detail-icon {
text-align: right;
}
.hongo-post-detail-icon ul {
width: auto;
padding: 0;
margin: 0;
}
.hongo-post-detail-icon ul li {
padding: 0;
margin: 0;
float: left;
}
.hongo-post-detail-icon .hongo-blog-detail-like,
.hongo-post-detail-icon .blog-details-social-sharing {
display: inline-block;
position: relative;
top: 2px
}
.hongo-post-detail-icon .blog-details-social-sharing li {
margin-left: 12px;
}
.hongo-post-detail-icon .hongo-blog-detail-like {
margin-left: 10px;
position: relative;
top: 1px;
}
.hongo-post-detail-icon .hongo-blog-detail-like li a {
border: 1px solid #e8e8e8;
padding: 3px 12px;
color: #232323;
border-radius: 30px !important;
width: auto;
height: 30px;
line-height: 29px;
font-size: 12px;
}
.hongo-post-detail-icon .hongo-blog-detail-like li a i {
position: relative;
top: 1px;
color: #f57250;
}
.hongo-post-detail-icon .hongo-blog-detail-like li a .posts-like {
display: none;
}
.hongo-post-detail-icon .hongo-blog-detail-like li a:hover {
border-color: #f57250;
color: #f57250;
}
.hongo-post-detail-icon .hongo-blog-detail-like li a span {
font-size: 12px;
position: relative;
top: 0px;
margin-left: 6px;
} .hongo-author-box-wrap {
margin-top: 45px;
}
.hongo-author-box-wrap .hongo-author-box {
border: 1px solid #e8e8e8;
padding: 50px;
}
.hongo-author-box-wrap .hongo-author-box>div>a img {
max-width: 100px;
margin-right: 40px;
border-radius: 50%;
}
.hongo-author-box-wrap .hongo-author-title a {
font-size: 13px;
color: #232323;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 5px;
}
.hongo-author-box-wrap .hongo-author-title a:hover {
color: #f57250
}
.hongo-author-box-wrap .hongo-author-content {
color: #898989;
}
.hongo-author-box-wrap .hongo-author-box .btn {
margin-top: 15px;
} .comment-title {
margin-top: 50px;
padding-top: 70px;
border-top: 1px solid #e8e8e8;
}
.hongo-comment-box .comment-title {
width: 100%;
font-size: 13px;
line-height: 22px;
color: #232323;
font-weight: 500;
display: block;
text-transform: uppercase;
margin-bottom: 60px;
text-align: center;
}
.hongo-comment-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.blog-comment li {
padding: 50px 0;
position: relative;
clear: both;
border-bottom: 1px solid #e8e8e8;
}
.blog-comment>li:first-child {
padding-top: 0;
}
.blog-comment li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.blog-comment li .comment-image-box img {
border-radius: 50%;
max-width: 92px;
}
.blog-comment li ul.children {
margin-left: 132px;
list-style: none;
clear: both;
}
.blog-comment li ul.children li {
border: none;
padding-bottom: 0;
border-top: 1px solid #e8e8e8;
margin-top: 50px;
}
.blog-comment li .comment-respond {
display: table;
width: 100%;
}
.blog-comment li .comment-text-box {
padding-left: 40px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden
}
.blog-comment li .comment-text-box ul {
list-style: initial;
margin-bottom: 20px;
padding-left: 18px;
}
.blog-comment li .comment-text-box ul ul,
.blog-comment li .comment-text-box ol ol {
margin-bottom: 0;
}
.blog-comment li .comment-text-box ol {
margin-bottom: 25px;
}
.blog-comment li .comment-text-box ul li,
.blog-comment li .comment-text-box ol li {
border: 0;
padding: 0;
margin: 0;
}
.blog-comment li .comment-text-box .comment-title-edit-link {
display: inline-table;
}
.blog-comment li .comment-text-box .comment-title-edit-link a {
color: #232323;
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
line-height: normal;
}
.blog-comment li .comment-text-box .comment-title-edit-link a:hover {
color: #f57250
}
.blog-comment li .comment-text-box .comments-date {
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
line-height: normal;
}
.blog-comment li .comment-text-box .comments-date a:hover {
color: #f57250
}
.blog-comment li .comment-text-box .comment-reply-link {
float: right;
border: 1px solid #e8e8e8;
padding: 0 8px;
font-size: 10px;
font-weight: 600;
position: relative;
color: #232323;
text-transform: uppercase;
}
.blog-comment li .comment-text-box .comment-reply-link:hover {
background-color: #232323;
border-color: #232323;
color: #fff;
}
.blog-comment li .comment-text-box .comment-text {
margin-top: 10px;
}
.blog-comment li .comment-text-box .comment-text blockquote {
margin-bottom: 15px;
} .reply-comment-title,
.reply-comment-title {
width: 100%;
font-size: 13px;
line-height: 22px;
color: #232323;
font-weight: 500;
display: block;
text-transform: uppercase;
margin-bottom: 50px;
border-top: 1px solid #e8e8e8;
padding-top: 50px;
margin-top: 60px;
text-align: center;
}
.reply-comment-title small {
float: right;
}
.reply-comment-title small a {
color: #ff0000;
font-size: 11px;
}
.reply-comment-title small a:hover {
color: #000;
}
.comment-form {
margin: 0 -15px;
}
.comment-form>div {
padding: 0 15px;
margin-bottom: 20px;
}
.comment-form>div.form-submit {
text-align: center;
margin-bottom: 10px;
}
.comment-form input,
.comment-form textarea {
color: #232323;
font-size: 12px;
margin: 0;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: #c7c7c7;
}
.comment-form input.btn {
border: 2px solid #232323;
color: #fff;
font-size: 12px;
font-weight: 500;
}
.comment-form input.btn:hover {
color: #232323
}
.comment-respond .comment-title {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
.single-post .single-comment-layout-2 .hongo-comment-form .comment-form {
float: left;
width: 100%;
background: #f7f7f7;
margin: 0;
padding: 70px 70px 60px;
}
.single-post .single-comment-layout-2 .blog-comment .post-comment .comment-text {
width: 90%;
}
.single-post .single-comment-layout-2 .reply-comment-title {
border-top: 0;
padding-top: 80px;
margin-top: 0;
}
.single-post .single-comment-layout-2 .comment-title {
margin-top: 0;
border-top: 0;
padding-top: 0;
} .hongo-related-posts-background .hongo-related-posts {
margin-top: 0;
}
.hongo-related-posts {
padding-left: 0;
padding-right: 0;
margin-top: 70px;
}
.hongo-related-posts .related-post-general-title {
font-size: 13px;
line-height: 22px;
font-weight: 500;
text-align: center;
margin-bottom: 60px;
text-transform: uppercase;
color: #232323;
display: block;
}
.single-post .hongo-related-posts ul.post-grid {
list-style: none;
padding-left: 0;
} .hongo-sidebar-style-2.sidebar .widget {
border: 1px solid #e8e8e8;
margin-bottom: 30px;
padding: 30px;
background-color: #fff;
}
.hongo-sidebar-style-2.sidebar .widget.widget_search {
border: 0;
padding: 0;
background-color: transparent;
}
.hongo-sidebar-style-2.sidebar .widget-title {
text-align: center;
font-size: 13px;
margin-bottom: 25px;
}
.hongo-sidebar-style-2.sidebar .about-sidebar .about-right-banner {
margin-bottom: 25px;
}
.hongo-sidebar-style-1.sidebar .about-sidebar .about-right-banner {
margin-bottom: 20px;
}
.hongo-sidebar-style-2.sidebar .widget_media_image,
.hongo-sidebar-style-2.sidebar .custom-html-widget,
.hongo-sidebar-style-2.sidebar .widget_hongo_newsletter,
.hongo-sidebar-style-2.sidebar .widget_hongo_about_widget {
text-align: center;
}
.hongo-sidebar-style-2.sidebar .widget_hongo_social_widget {
text-align: center;
}
.hongo-sidebar-style-2.sidebar .widget_hongo_social_widget ul {
padding: 0;
margin: 0;
}
.hongo-sidebar-style-2.sidebar .widget_hongo_social_widget ul li {
margin: 0 10px;
}
.hongo-sidebar-style-1.sidebar .widget_hongo_social_widget ul {
padding: 0;
margin: 0;
}
.hongo-sidebar-style-1.sidebar .widget_hongo_social_widget ul li {
margin: 0 10px;
}
.hongo-sidebar-style-1.sidebar .widget_hongo_social_widget ul li:first-child {
margin-left: 0
}
.hongo-sidebar-style-1.sidebar .widget_hongo_social_widget ul li:last-child {
margin-right: 0
} .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
border: 0;
} .accordion-style-1.panel-group {
display: table;
width: 100%;
margin-bottom: 0;
-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.03);
}
.accordion-style-1.panel-group .panel {
border-radius: 0;
border: 0px;
border-bottom: 1px solid #ededed;
background-color: #fff;
;
padding: 0;
margin: 0;
}
.accordion-style-1.panel-group .panel:last-child {
border-bottom: 0;
}
.accordion-style-1 .panel-heading {
padding: 0;
border-radius: 0;
}
.accordion-style-1 .panel-title {
font-size: 13px;
font-weight: 500;
color: #232323;
padding: 18px 60px 17px 30px;
position: relative;
line-height: 18px;
}
.accordion-style-1 .panel-title>span.pull-right {
position: absolute;
right: 25px;
top: 19px;
font-size: 18px;
color: #939393;
}
.accordion-style-1 .panel-heading.active-accordion .panel-title>span.pull-right {
color: #f57250;
}
.accordion-style-1 .panel-body,
.panel-group.accordion-style-1 .panel-heading+.panel-collapse>.panel-body {
padding: 22px 30px 25px 30px;
background-color: #fafafa;
border-left: 2px solid #f57250;
border-top: 1px solid #ededed !important;
}
.accordion-style-1 .panel-body p:last-child {
margin-bottom: 0;
} .accordion-style-2.panel-group {
display: table;
width: 100%;
margin-bottom: 0;
}
.accordion-style-2.panel-group .panel {
border-radius: 0;
border: 0px;
background-color: transparent;
padding: 0;
margin: 0 0 10px 0;
;
font-weight: 400;
color: #232323
}
.accordion-style-2 .panel-heading {
padding: 0;
border-radius: 0;
border: 1px solid #2b2b2b;
background-color: transparent;
}
.accordion-style-2 .panel-title {
font-size: 13px;
font-weight: 500;
color: #808080;
padding: 15px 70px 15px 30px;
position: relative;
line-height: 18px;
}
.accordion-style-2 .panel-title>span.pull-right {
position: absolute;
right: 0;
font-size: 13px;
top: 0;
height: 100%;
width: 50px;
text-align: center;
line-height: 50px;
border-left: 1px solid #2b2b2b;
}
.accordion-style-2 .panel-title>span.pull-right i {
transform: translate(-50%, -50%);
top: 50%;
position: absolute;
left: 50%;
}
.accordion-style-2 .panel-heading.active-accordion {
background-color: #1a1a1a;
color: #b5b5b5;
}
.accordion-style-2 .panel-heading.active-accordion .panel-title {
color: #b5b5b5;
}
.accordion-style-2 .panel-body {
padding: 25px 30px;
font-weight: 400;
line-height: 24px;
color: #808080;
}
.accordion-style-2 .panel-body p:last-child {
margin-bottom: 0;
} .accordion-style-3.panel-group {
display: table;
width: 100%;
margin-bottom: 0;
}
.accordion-style-3.panel-group .panel {
border-radius: 0;
border: 0px;
background-color: transparent;
padding: 0;
margin: 0 0 20px 0;
;
font-weight: 400;
color: #232323
}
.accordion-style-3 .panel-heading {
padding: 0;
border-radius: 5px;
border: 0;
background-color: #ffffff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.08);
box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.08);
}
.accordion-style-3 .panel-title {
font-size: 13px;
font-weight: 500;
color: #232323;
padding: 15px 55px 15px 30px;
position: relative;
line-height: 18px;
}
.accordion-style-3 .panel-title>span.pull-right {
position: absolute;
right: 0;
font-size: 13px;
top: 0;
height: 100%;
width: 50px;
text-align: center;
line-height: 52px;
}
.accordion-style-3 .panel-title .accordion-title {
display: table;
}
.accordion-style-3 .panel-body {
padding: 30px 30px 25px 30px;
font-weight: 400;
line-height: 24px;
color: #808080;
background-color: #fff;
border-radius: 0 0 5px 5px;
}
.accordion-style-3 .panel-body p:last-child {
margin-bottom: 0;
}
.accordion-style-3 .panel-collapse {
position: relative;
z-index: 0;
top: -2px;
} .accordion-style-4 .panel {
background: transparent;
box-shadow: none;
margin-top: 0 !important;
padding: 0;
}
.accordion-style-4.panel-group .panel-heading,
.accordion-style-4.panel-group .panel:last-child .panel-heading.active-accordion {
border: 0px;
border-bottom: 1px solid #e4e4e4;
background: transparent;
}
.accordion-style-4.panel-group .panel:last-child .panel-heading {
border-bottom: 0
}
.accordion-style-4 .panel-heading {
padding: 18px 0;
}
.accordion-style-4 .panel-title {
font-size: 13px;
padding-right: 30px;
font-weight: 500;
position: relative;
color: #232323;
line-height: 18px;
}
.accordion-style-4 .panel-title>span.pull-right {
position: absolute;
right: 0;
top: 1px;
color: #626262;
font-size: 10px;
}
.accordion-style-4.panel-group .panel-collapse .panel-body {
border-top: 0;
padding: 25px 0
}
.accordion-style-4.panel-group .panel-collapse .panel-body p {
margin: 0;
} .toggle-style-1.panel-group {
display: table;
width: 100%;
margin-bottom: 0;
}
.toggle-style-1.panel-group .panel {
border-radius: 0;
border: 0px;
background-color: #fff;
;
padding: 0;
margin: 0 0 10px 0;
}
.toggle-style-1 .panel-heading {
padding: 0;
border-radius: 0;
background-color: #232323;
border: 0;
}
.toggle-style-1 .panel-title {
font-size: 13px;
font-weight: 500;
color: #fff;
padding: 16px 60px 14px 30px;
position: relative;
line-height: 18px;
}
.toggle-style-1 .panel-title>span.pull-right {
position: absolute;
right: 22px;
top: 14px;
font-size: 13px;
color: #fff;
}
.toggle-style-1 .panel-body {
padding: 22px 30px 25px 30px;
background-color: #f5f5f5;
}
.toggle-style-1 .panel-body p:last-child {
margin-bottom: 0;
}  .product-brand-style-1 {
text-align: center;
}
.product-brand-style-1 img {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.product-brand-style-1:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
} .product-brand-style-2 {
text-align: center;
padding: 40px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.product-brand-style-2 img {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 0;
}
.product-brand-style-2:hover {
border-radius: 8px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
} .product-brand-style-3 {
text-align: center;
padding: 19.5% 30px;
position: relative
}
.product-brand-style-3 a {
position: relative;
z-index: 1
}
.product-brand-style-3:after {
border: 1px solid rgba(255, 255, 255, 0.10);
position: absolute;
left: 10px;
top: 25px;
width: calc(100% - 20px);
height: calc(100% - 50px);
content: ""
} .product-brand-style-4 {
text-align: center;
padding: 22% 0;
}
.product-brand-style-4 img {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.product-brand-style-4:hover img {
opacity: 1;
filter: alpha(opacity=100);
} .brand-style-slider-1 .swiper-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.brand-style-slider-1 .swiper-slide {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}
.brand-style-slider-1 .swiper-slide:before {
content: "";
left: 0;
height: 1000%;
width: 1px;
position: absolute;
background-color: rgba(0, 0, 0, 0.07);
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.brand-style-slider-1 .swiper-slide:first-child:before {
display: none
}
.brand-style-slider-1 .swiper-slide.swiper-slide-active:before {
display: none
}
.brand-style-slider-1 .swiper-button-prev {
left: 0;
}
.brand-style-slider-1 .swiper-button-next {
right: 0;
}
.brand-style-slider-1 .swiper-button-next i,
.brand-style-slider-1 .swiper-button-prev i {
font-size: 16px;
}  .call-to-action-style-1 span {
font-size: 13px;
line-height: 22px;
font-weight: 500;
margin-bottom: 10px;
display: block;
}
.call-to-action-style-1 .call-to-action-title {
font-size: 40px;
line-height: 47px;
color: #242424;
font-weight: 500;
padding: 0;
margin: 0 0 35px;
} .call-to-action-style-2 {
display: table;
margin: 0 auto;
}
.call-to-action-style-2 .call-to-action-title {
margin: 0;
padding: 0 45px 0 0;
display: table-cell;
font-size: 34px;
line-height: 44px;
color: #232323;
font-weight: 600;
vertical-align: middle
}
.call-to-action-style-2 .separator {
margin: 0;
padding: 0;
display: table-cell;
width: 1px;
background-color: rgba(255, 255, 255, .40);
vertical-align: middle
}
.call-to-action-style-2 .call-to-action-sub-title {
margin: 0;
padding: 0 0 0 45px;
display: table-cell;
font-size: 16px;
line-height: 20px;
color: #232323;
font-weight: 400;
vertical-align: middle
}
.call-to-action-style-2 .action-button {
display: table-cell;
vertical-align: middle;
padding-left: 45px;
}
.text-right .call-to-action-style-2 {
margin-right: 0;
margin-left: auto;
}
.text-left .call-to-action-style-2 {
margin-right: auto;
margin-left: 0;
}
.text-center .call-to-action-style-2 .call-to-action-sub-title {
text-align: left;
} .call-to-action-style-3 {
display: table;
margin: 0 auto;
}
.call-to-action-style-3 .call-to-action-title {
margin: 0;
padding: 0 30px 0 0;
display: table-cell;
font-size: 16px;
line-height: 22px;
color: #232323;
font-weight: 500;
vertical-align: middle
}
.call-to-action-style-3 .action-button {
display: table-cell;
vertical-align: middle;
}
.text-right .call-to-action-style-3 {
margin-right: 0;
margin-left: auto;
}
.text-left .call-to-action-style-3 {
margin-right: auto;
margin-left: 0;
} .call-to-action-style-4 {
display: table;
margin: 0 auto;
}
.call-to-action-style-4 .call-to-action-title {
margin: 0;
padding: 0 30px 0 0;
display: table-cell;
font-size: 22px;
line-height: 30px;
color: #232323;
font-weight: 500;
vertical-align: middle
}
.call-to-action-style-4 .action-button {
display: table-cell;
vertical-align: middle;
}
.text-right .call-to-action-style-4 {
margin-right: 0;
margin-left: auto;
}
.text-left .call-to-action-style-4 {
margin-right: auto;
margin-left: 0;
} .call-to-action-style-5 {
display: table;
margin: 0 auto;
}
.call-to-action-style-5 .call-to-action-title {
margin: 0;
padding: 23px 30px 22px;
display: table-cell;
font-size: 16px;
line-height: 24px;
color: #232323;
font-weight: 500;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #e0e0e0;
width: 77%;
}
.call-to-action-style-5 .btn {
display: table-cell;
vertical-align: middle;
}
.text-right .call-to-action-style-5 {
margin-right: 0;
margin-left: auto;
}
.text-left .call-to-action-style-5 {
margin-right: auto;
margin-left: 0;
} .call-to-action-style-6 span {
font-size: 13px;
line-height: 22px;
font-weight: 500;
margin-bottom: 7px;
display: block;
}
.call-to-action-style-6 .call-to-action-title {
font-size: 28px;
line-height: 37px;
color: #232323;
font-weight: 500;
padding: 0;
margin: 0 0 10px;
}
.call-to-action-style-6 .call-to-action-content {
margin: 0 auto 35px;
width: 70%;
}
.text-left .call-to-action-style-6 .call-to-action-content,
.text-right .call-to-action-style-6 .call-to-action-content {
width: 100%;
} .call-to-action-style-7 .call-to-action-title {
font-size: 30px;
line-height: 37px;
color: #232323;
font-weight: 600;
padding: 0;
margin: 0;
}
.call-to-action-style-7 .call-to-action-content {
margin: 0 auto;
}
.call-to-action-style-7 .call-to-action-content p {
margin-bottom: 20px;
} .counter-style .appear,
.counter-style .wpb_appear {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
} .counter-style1 {
padding: 11% 20px;
border: 3px solid transparent;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.counter-style1:hover {
border: 3px solid #f57250
}
.counter-style1 i,
.counter-style1 .icon-image {
color: #808080;
margin-bottom: 15px;
}
.counter-style1 .timer {
font-size: 26px;
line-height: 30px;
font-weight: 600;
color: #3e3e3e;
margin: 0;
}
.counter-style1 span {
font-size: 13px;
display: block;
} .counter-style2 {
display: table;
}
.counter-style2 a.counter-icon-link,
.counter-style2 i,
.counter-style2 .icon-image {
color: #808080;
padding-right: 25px;
display: table-cell;
vertical-align: middle;
position: relative
}
.counter-style2 a.counter-icon-link>i,
.counter-style2 a.counter-icon-link>.icon-image {
padding-right: 0;
}
.counter-style2 .icon-image {
margin-right: 25px;
padding: 0;
}
.counter-style2 i~.feature-content,
.counter-style2 .icon-image~.feature-content,
.counter-style2 a~.feature-content {
padding-left: 25px;
}
.counter-style2 i~.feature-content:after,
.counter-style2 .icon-image~.feature-content:after,
.counter-style2 a~.feature-content:after {
content: "";
background-color: rgba(0, 0, 0, .2);
left: 0;
position: absolute;
top: 51%;
width: 1px;
height: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.counter-style2:hover i {
color: #f57250;
}
.counter-style2 .feature-content {
display: table-cell;
vertical-align: middle;
position: relative
}
.counter-style2 .timer {
font-size: 22px;
line-height: 28px;
font-weight: 500;
color: #232323;
margin: 0;
}
.counter-style2 span {
font-size: 12px;
display: block;
line-height: 14px;
} .counter-style3 {
padding: 0;
position: relative;
}
.counter-style3:before {
content: "";
position: absolute;
width: 1px;
height: 40px;
background-color: rgba(0, 0, 0, 0.20);
right: -15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.counter-style3 .timer {
font-size: 70px;
line-height: 70px;
font-weight: 400;
color: rgba(0, 0, 0, 0.20);
margin: 0;
width: 100%;
}
.counter-style3 .counter-title {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
color: #232323;
font-weight: 500;
}  .progess-bar-style1 .skillbar {
position: relative;
display: inline-block;
margin: 35px 0 8px;
background: #c6c6c6;
height: 4px;
width: 100%;
text-align: left;
}
.progess-bar-style1 .skillbar-bar {
height: 4px;
width: 0px;
background: #232323;
display: inline-block;
position: absolute;
top: 0;
margin-bottom: 0px;
}
.progess-bar-style1 .skill-bar-percent {
position: absolute;
top: -26px;
right: 0;
font-size: 11px
}
.progess-bar-style1 .skill-bar-text {
top: -26px;
position: absolute;
font-size: 12px;
} .progess-bar-style2 .skillbar {
position: relative;
display: inline-block;
margin: 35px 0 10px;
background: transparent;
border: 1px solid #f57250;
height: 6px;
width: 93%;
text-align: left;
}
.progess-bar-style2 .skillbar-bar {
height: 6px;
width: 0px;
background: #f57250;
display: inline-block;
position: absolute;
top: -1px;
margin: 0;
}
.progess-bar-style2 .skill-bar-percent {
position: absolute;
top: -9px;
right: -39px;
color: #232323;
font-size: 11px
}
.progess-bar-style2 .skill-bar-text {
top: -29px;
position: absolute;
font-size: 11px;
color: #232323;
}  .hongo-timer-style-1.counter-event .counter-box {
display: inline-block;
margin: 0;
padding: 0 10% 0 0;
position: relative;
text-align: center
}
.hongo-timer-style-1.counter-event .counter-box:last-child {
padding-right: 0;
}
.hongo-timer-style-1.counter-event .counter-box .number {
font-size: 36px;
color: #232323;
line-height: 38px;
font-weight: 500;
letter-spacing: -1px
}
.hongo-timer-style-1.counter-event .counter-box span {
font-size: 12px;
line-height: normal;
} .hongo-timer-style-2.counter-event .counter-box {
display: inline-block;
margin: 0;
padding: 0 20px;
position: relative;
min-width: 18%;
text-align: center;
}
.hongo-timer-style-2.counter-event .counter-box:after {
content: "";
height: 25px;
float: right;
border-right: 1px solid rgba(255, 255, 255, .40);
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.hongo-timer-style-2.counter-event .counter-box.last:after {
display: none;
}
.hongo-timer-style-2.counter-event .counter-box .number {
display: inline-block;
font-size: 45px;
color: #232323;
line-height: 50px;
font-weight: 500;
vertical-align: middle;
padding-top: 2px;
}
.hongo-timer-style-2.counter-event .counter-box span {
font-size: 12px;
line-height: 48px;
color: #939393;
padding-left: 10px;
display: inline-block;
}
@-moz-document url-prefix() {
.hongo-timer-style-2.counter-event .counter-box .number {
padding-top: 0px;
}
} .hongo-timer-style-3.counter-event .counter-box {
display: inline-block;
margin: 0;
padding: 0 20px;
position: relative;
min-width: 14%;
text-align: center;
}
.hongo-timer-style-3.counter-event .counter-box .number {
position: relative;
width: 100%;
}
.hongo-timer-style-3.counter-event .counter-box .number:before {
content: ":";
font-family: 'Source Sans Pro', sans-serif;
color: #232323;
float: right;
position: absolute;
right: -21px;
top: 50%;
font-size: 30px;
margin-top: -4px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 600;
}
.hongo-timer-style-3.counter-event .counter-box.last .number:before {
display: none;
}
.hongo-timer-style-3.counter-event .counter-box .number {
font-size: 45px;
color: #232323;
line-height: 45px;
font-weight: 500;
letter-spacing: -2px
}
.hongo-timer-style-3.counter-event .counter-box span {
font-size: 12px;
line-height: normal;
padding-left: 0;
}  .team-slider-style-1 .team-image {
position: relative
}
.team-slider-style-1 .team-image img {
margin-left: auto;
margin-right: auto;
display: block;
}
.team-slider-style-1 .swiper-slide .hongo-overlay {
opacity: 0;
background: #f57250;
}
.team-slider-style-1 .swiper-slide .hongo-overlay,
.team-slider-style-1 .swiper-slide .overlay-content {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
height: 100%;
overflow: hidden;
width: 100%;
z-index: 4;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.team-slider-style-1 .swiper-slide:hover .overlay-content,
.team-slider-style-1 .swiper-slide:hover .hongo-overlay {
height: 100%;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.team-slider-style-1 .swiper-slide:hover .hongo-overlay {
opacity: .9;
}
.team-slider-style-1 .swiper-slide .team-social-link {
position: absolute;
padding-right: 15px;
padding-left: 15px;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.team-slider-style-1 .overlay-content .team-social-icon:first-child {
margin-left: 0;
}
.team-slider-style-1 .overlay-content .team-social-icon:last-child {
margin-left: 0;
}
.team-slider-style-1 .swiper-slide .team-social-link a {
color: #fff;
font-size: 13px;
margin: 0 10px;
}
.team-slider-style-1 .swiper-slide figcaption {
background-color: #fff;
padding: 25px 10px 0
}
.team-slider-style-1 .swiper-slide figcaption .team-title,
.team-slider-style-1 .swiper-slide figcaption .team-title a {
font-size: 12px;
color: #232323;
line-height: 17px;
font-weight: 500
}
.team-slider-style-1 .swiper-slide figcaption .team-title a:hover {
color: #f57250;
}
.team-slider-style-1 .swiper-slide figcaption .team-subtitle {
font-size: 11px;
line-height: 18px;
} .team-slider-style-3 .team-style-2 figure figcaption {
width: 100%;
padding-bottom: 0;
}  .icon-text-style-4 {
padding-left: 50px;
position: relative;
}
.icon-text-style-4 .hongo-featurebox-img {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-text-style-4 .hongo-featurebox-text,
.icon-text-style-4 .hongo-featurebox-text a {
font-weight: 500;
color: #232323;
line-height: normal;
font-size: 12px;
}
.icon-text-style-4 .hongo-featurebox-text a:hover {
color: #f57250;
}
.icon-text-style-4 .sub-title {
font-size: 12px;
line-height: normal
}
.text-center .icon-text-style-4 {
display: inline-block;
} .icon-text-style-5 {
position: relative;
border: 1px solid #e8e8e8;
padding: 19% 14%;
border-radius: 5px;
}
.icon-text-style-5 .hongo-featurebox-img {
display: inline-block;
margin-bottom: 20px;
}
.icon-text-style-5 .hongo-featurebox-img i {
color: #fff;
border-radius: 100%;
height: 80px;
width: 80px;
margin: 0 auto;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.icon-text-style-5 .hongo-featurebox-text {
margin-bottom: 5px;
}
.icon-text-style-5 .hongo-featurebox-text,
.icon-text-style-5 .hongo-featurebox-text a {
font-weight: 500;
color: #232323;
line-height: normal;
font-size: 13px;
}
.icon-text-style-5 .hongo-featurebox-text a:hover {
color: #f57250;
}
.icon-text-style-5 .sub-title {
font-size: 12px;
line-height: normal
}
.icon-text-style-5 .content p:last-child {
margin-bottom: 0;
} .icon-text-style-6 {
position: relative;
padding: 0 12%;
}
.icon-text-style-6 .hongo-featurebox-img {
margin: 0 auto 20px;
position: relative;
}
.icon-text-style-6 .hongo-featurebox-text {
margin-bottom: 5px;
}
.icon-text-style-6 .hongo-featurebox-text,
.icon-text-style-6 .hongo-featurebox-text a {
font-weight: 500;
line-height: normal;
color: #232323;
font-size: 13px;
}
.icon-text-style-6 .hongo-featurebox-text a:hover {
color: #f57250;
}
.icon-text-style-6 .sub-title {
font-size: 12px;
line-height: normal
}
.icon-text-style-6 .btn-link {
display: inline-block;
clear: both;
}
.icon-text-style-6 .btn-link,
.icon-text-style-6 .btn {
margin-top: 15px;
} .icon-text-style-7 {
padding-left: 65px;
position: relative;
}
.icon-text-style-7 .hongo-featurebox-img {
color: #818181;
position: absolute;
top: 0;
left: 0
}
.icon-text-style-7 .hongo-featurebox-text {
margin-bottom: 4px;
}
.icon-text-style-7 .hongo-featurebox-text,
.icon-text-style-7 .hongo-featurebox-text a {
font-weight: 500;
color: #232323;
line-height: normal;
font-size: 13px;
}
.icon-text-style-7 .hongo-featurebox-text a:hover {
color: #f57250;
}
.icon-text-style-7 .content {
width: 90%
} .icon-text-style-8 {
background-color: #232323;
border: 1px solid #232323;
padding: 13%;
}
.icon-text-style-8 .hongo-featurebox-inner-wrap {
padding-left: 53px;
padding-bottom: 20px;
margin-bottom: 17px;
position: relative;
border-bottom: 1px solid #454545;
}
.icon-text-style-8 .hongo-featurebox-img {
position: absolute;
top: 5px;
left: 0;
}
.icon-text-style-8 .hongo-featurebox-img img {
width: 35px;
top: -1px;
position: relative
}
.icon-text-style-8 .sub-title,
.icon-text-style-8 .sub-title a {
font-weight: 500;
color: #808080;
line-height: normal;
font-size: 12px;
}
.icon-text-style-8 .sub-title a:hover {
color: #fff;
}
.icon-text-style-8 .title,
.icon-text-style-8 .title a {
font-size: 13px;
line-height: normal;
color: #fff;
font-weight: 500;
}
.icon-text-style-8 .title a:hover a:hover {
color: #808080;
} .icon-text-style-10 {
background-color: #fff;
padding: 30px 10%;
border-radius: 6px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
box-shadow: 0 0 10px rgba(0, 0, 0, .05);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.icon-text-style-10:hover {
background-color: #fff;
padding: 30px 10%;
border-radius: 6px;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
.icon-text-style-10 .hongo-featurebox-wrapper {
display: table;
vertical-align: middle
}
.icon-text-style-10 .hongo-featurebox-content-wrap,
.icon-text-style-10 .hongo-featurebox-img {
display: table-cell;
vertical-align: middle
}
.icon-text-style-10 .hongo-featurebox-text {
font-size: 13px;
line-height: 18px;
font-weight: 500;
color: #232323;
margin-bottom: 5px;
}
.icon-text-style-10 .sub-title {
font-size: 12px;
line-height: 18px;
}
.icon-text-style-10 .hongo-featurebox-content-wrap {
padding-left: 20px;
}
.icon-text-style-10 .hongo-featurebox-img img {
max-width: 50px;
} .icon-text-style-11 {
background-color: #fff;
padding: 25px 10%;
border-radius: 6px;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .06);
box-shadow: 0 0 6px rgba(0, 0, 0, .06);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.icon-text-style-11 .hongo-featurebox-text {
font-size: 13px;
line-height: 20px;
font-weight: 500;
color: #232323;
margin-bottom: 6px;
}
.icon-text-style-11 .sub-title {
font-size: 13px;
line-height: 18px;
}
.icon-text-style-11 .hongo-featurebox-img {
margin-bottom: 18px;
}
.icon-text-style-11 .hongo-featurebox-wrapper .content {
font-size: 12px;
line-height: 18px;
}
.icon-text-style-11:hover {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .09);
box-shadow: 0 0 20px rgba(0, 0, 0, .09)
} .custom-icon-text-style-1 {
position: relative;
top: 0;
background-color: #fff;
border: 1px solid #eeeded;
padding: 23% 5% 23%;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.custom-icon-text-style-1:hover {
box-shadow: 0px 0px 10px rgba(210, 210, 210, 0.8);
-moz-box-shadow: 0px 0px 10px rgba(210, 210, 210, 0.8);
-webkit-box-shadow: 0px 0px 10px rgba(210, 210, 210, 0.8);
top: -8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.custom-icon-text-style-1 .hongo-featurebox-img {
margin-bottom: 17px;
}
.custom-icon-text-style-1 .hongo-featurebox-text,
.custom-icon-text-style-1 .hongo-featurebox-text a {
color: #232323;
line-height: normal;
font-size: 12px;
}
.custom-icon-text-style-1 .hongo-featurebox-text a:hover {
color: #f57250;
}  .fancy-text-box-style-1 {
display: table;
}
.fancy-text-box-style-1 .hongo-featurebox-inner-wrap {
display: table-cell;
vertical-align: middle;
word-break: break-word;
}
.fancy-text-box-style-1 span {
display: table-cell;
padding-right: 30px;
position: relative;
vertical-align: middle;
font-size: 30px;
font-weight: 500;
}
.fancy-text-box-style-1 span:before {
background-color: #e2e2e2;
content: "";
height: 23px;
width: 1px;
position: absolute;
right: 15px;
top: 47%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.fancy-text-box-style-1 .hongo-featurebox-text {
margin-bottom: -2px;
}
.fancy-text-box-style-1 .hongo-featurebox-text,
.fancy-text-box-style-1 .hongo-featurebox-text a {
font-size: 13px;
color: #232323;
font-weight: 500;
line-height: normal;
}
.fancy-text-box-style-1 .hongo-featurebox-text a:hover {
color: #f57250;
}
.fancy-text-box-style-1 .sub-title {
font-size: 12px;
color: #808080;
line-height: normal;
}
.fancy-text-box-style-1 .content {
margin-top: 17px;
} .fancy-text-box-style-2 {
padding: 20px 70px;
position: relative;
word-break: break-word;
}
.fancy-text-box-style-2 .hongo-featurebox-text,
.fancy-text-box-style-2 .content {
width: 100%;
}
.fancy-text-box-style-2:before {
content: "";
position: absolute;
left: 20px;
z-index: 1;
width: 80%;
padding: 0;
height: calc(100% + 10px);
background-color: #fff;
top: -5px;
transform: scale(0, 0);
-moz-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
box-shadow: 0px 0px 10px rgba(210, 210, 210, 0.6);
-moz-box-shadow: 0px 0px 10px rgba(210, 210, 210, 0.6);
-webkit-box-shadow: 0px 0px 10px rgba(210, 210, 210, 0.6);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.fancy-text-box-style-2:hover:before {
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
}
.fancy-text-box-style-2 .hongo-featurebox-text,
.fancy-text-box-style-2 span,
.fancy-text-box-style-2 .content,
.fancy-text-box-style-2 .sub-title {
z-index: 2;
position: relative
}
.fancy-text-box-style-2 .hongo-featurebox-img {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.fancy-text-box-style-2 .hongo-featurebox-text {
display: inline-block;
margin-bottom: 3px;
}
.fancy-text-box-style-2 .hongo-featurebox-text,
.fancy-text-box-style-2 .hongo-featurebox-text a {
font-weight: 500;
color: #232323;
line-height: normal;
font-size: 13px;
}
.fancy-text-box-style-2 .hongo-featurebox-text a:hover {
color: #f57250;
} .fancy-text-box-style-3 {
background: #fff;
padding: 15% 12%;
position: relative;
overflow: hidden;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.fancy-text-box-style-3:before {
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
width: 100%;
z-index: 1;
background: #232323;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.fancy-text-box-style-3:hover:before {
opacity: 1;
}
.fancy-text-box-style-3 .hongo-featurebox-img {
margin-bottom: 10px;
}
.fancy-text-box-style-3 .hongo-featurebox-text,
.fancy-text-box-style-3 .hongo-featurebox-text a {
color: #232323;
font-size: 12px;
font-weight: 500;
}
.fancy-text-box-style-3 .content-hover {
width: 76%;
position: absolute;
left: 0;
right: 0;
bottom: -150%;
margin: 0 auto;
z-index: 2;
height: auto;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.fancy-text-box-style-3 .content-hover .hongo-featurebox-text {
margin-bottom: 5px;
}
.fancy-text-box-style-3 .content-hover .hongo-featurebox-text,
.fancy-text-box-style-3 .content-hover .hongo-featurebox-text a {
color: #fff;
}
.fancy-text-box-style-3 .content-hover .content {
color: #fff;
}
.fancy-text-box-style-3:hover .content {
opacity: .80
}
.fancy-text-box-style-3:hover .content-hover {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
} .fancy-text-box-style-4 {
padding: 15% 12%;
position: relative;
overflow: hidden;
position: relative;
}
.fancy-text-box-style-4 * {
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.fancy-text-box-style-4:before {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f57250;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.fancy-text-box-style-4:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.fancy-text-box-style-4 .hongo-featurebox-wrapper {
position: relative;
}
.fancy-text-box-style-4 .hongo-featurebox-img,
.fancy-text-box-style-4 .hongo-featurebox-img a {
margin-bottom: 16px;
color: #808080;
}
.fancy-text-box-style-4 .hongo-featurebox-text,
.fancy-text-box-style-4 .hongo-featurebox-text a {
color: #232323;
font-size: 13px;
font-weight: 500;
}
.fancy-text-box-style-4 .sub-title {
font-size: 12px;
margin-top: -3px;
}
.fancy-text-box-style-4 .sub-title a {
color: #808080;
}
.fancy-text-box-style-4:hover .sub-title,
.fancy-text-box-style-4:hover .sub-title a {
color: #ffffff;
opacity: .50;
} .fancy-text-box-style-5 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #232323;
padding: 11% 11%;
}
.fancy-text-box-style-5 .hongo-featurebox-inner-wrap {
display: table-cell;
vertical-align: middle;
word-break: break-word;
}
.fancy-text-box-style-5 .hongo-featurebox-img {
display: table-cell;
padding-right: 42px;
position: relative;
vertical-align: middle;
}
.fancy-text-box-style-5 .hongo-featurebox-img,
.fancy-text-box-style-5 .hongo-featurebox-img a {
color: #ffffff;
font-size: 30px;
font-weight: 500;
}
.fancy-text-box-style-5 .hongo-featurebox-img:before {
border-right: 1px solid #4d4d4d;
content: "";
height: 25px;
width: 1px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.fancy-text-box-style-5 .hongo-featurebox-text {
margin-bottom: -2px;
}
.fancy-text-box-style-5 .hongo-featurebox-text,
.fancy-text-box-style-5 .hongo-featurebox-text a {
color: #ffffff;
font-weight: 500;
line-height: normal;
}
.fancy-text-box-style-5 .sub-title {
font-size: 13px;
line-height: normal;
}
.fancy-text-box-style-5:before {
content: "";
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
left: -100%;
top: 0;
background: #f57250;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.fancy-text-box-style-5:hover:before {
left: 0;
}
.fancy-text-box-style-5 .content {
color: #ffffff;
position: absolute;
text-align: center;
left: -100%;
right: 100%;
margin: 0 auto;
width: 75%;
top: 50%;
z-index: 2;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.fancy-text-box-style-5:hover .content {
left: 0;
right: 0;
} .fancy-text-box-style-6 {
position: relative;
border: 1px solid #ededed;
background-color: #ffffff;
padding: 17% 17%;
}
.fancy-text-box-style-6 span {
font-size: 40px;
line-height: normal;
display: block;
margin-bottom: 5px
}
.fancy-text-box-style-6 .hongo-featurebox-text {
margin-bottom: 5px;
}
.fancy-text-box-style-6 .hongo-featurebox-text,
.fancy-text-box-style-6 .hongo-featurebox-text a {
font-weight: 500;
color: #292929;
line-height: normal;
font-size: 13px
}
.fancy-text-box-style-6 .hongo-featurebox-text a:hover {
color: #f57250;
}  .masonry-gallery .grid-item figure {
margin: 0;
position: relative;
overflow: hidden;
}
.masonry-gallery .grid-item figcaption {
bottom: 0;
right: 0;
opacity: 0;
position: absolute;
width: 0;
height: 0;
padding: 0;
z-index: 1;
text-align: center;
background-color: rgba(255, 255, 255, 1);
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.masonry-gallery .grid-item figcaption .gallery-hover-main {
transform: none;
display: table;
height: 100%;
top: 0;
width: 100%;
}
.masonry-gallery .grid-item figcaption .gallery-hover-box {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.masonry-gallery .grid-item .gallery-hover-content {
top: 2px;
font-size: 20px;
line-height: normal;
position: relative;
color: #282828;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.masonry-gallery .grid-item figure:hover figcaption {
opacity: 1;
width: 50px;
height: 50px;
}
.masonry-gallery .grid-item figure img {
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.masonry-gallery .grid-item figure img.lazyloaded,
.masonry-gallery .grid-item figure img.lazy.loaded {
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.masonry-gallery .grid-item figure:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
} .grid-gallery .grid-item figure {
margin: 0;
position: relative;
overflow: hidden;
}
.grid-gallery .grid-item figcaption {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
padding: 30px;
z-index: 1;
text-align: center;
background-color: rgba(23, 23, 23, .80);
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.grid-gallery .grid-item figcaption .gallery-hover-main {
transform: none;
display: table;
height: 100%;
top: 0;
width: 100%;
}
.grid-gallery .grid-item figcaption .gallery-hover-box {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.grid-gallery .grid-item .gallery-hover-content {
position: relative;
font-size: 22px;
color: #fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.grid-gallery .grid-item figure:hover figcaption {
opacity: 1;
}
.grid-gallery .grid-item figure img {
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.grid-gallery .grid-item figure img.lazyloaded,
.grid-gallery .grid-item figure img.lazy.loaded {
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.grid-gallery .grid-item figure:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
} .hongo-shop-grid .hongo-grid-item figure {
margin: 0;
position: relative;
overflow: hidden;
}
.hongo-shop-grid .hongo-grid-item figcaption {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
padding: 30px;
z-index: 1;
text-align: center;
background-color: rgba(23, 23, 23, .80);
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.hongo-shop-grid .hongo-grid-item figcaption .gallery-hover-main {
transform: none;
display: table;
height: 100%;
top: 0;
width: 100%;
}
.hongo-shop-grid .hongo-grid-item figcaption .gallery-hover-box {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.hongo-shop-grid .hongo-grid-item .gallery-hover-content {
position: relative;
font-size: 20px;
color: #fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.hongo-shop-grid .hongo-grid-item figure:hover figcaption {
opacity: 1;
}
.hongo-shop-grid .hongo-grid-item figure img {
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.hongo-shop-grid .hongo-grid-item figure img.lazyloaded,
.hongo-shop-grid .hongo-grid-item figure img.lazy.loaded {
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.hongo-shop-grid .hongo-grid-item figure:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
} .image-carousel-style-1 ul {
margin: 0;
padding: 0;
list-style: none;
}
.image-carousel-style-1 ul li figure {
margin: 0;
position: relative;
overflow: hidden;
}
.image-carousel-style-1 ul li figure .gallery-img img {
width: 100%;
}
.image-carousel-style-1 ul li .hongo-overlay {
background-color: #f57250;
}
.image-carousel-style-1 ul li figure:hover .hongo-overlay {
opacity: .8;
}
.image-carousel-style-1 ul li figcaption,
.image-carousel-style-1 ul li .hongo-overlay {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
padding: 30px;
z-index: 1;
text-align: center;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.image-carousel-style-1 ul li figcaption .gallery-hover-main {
transform: none;
display: table;
height: 100%;
top: 0;
width: 100%;
}
.image-carousel-style-1 ul li figcaption .gallery-hover-box {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
.image-carousel-style-1 ul li .gallery-hover-content {
position: relative;
color: #fff;
font-size: 20px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.image-carousel-style-1 ul li figure:hover figcaption {
opacity: 1;
}
.image-carousel-style-1 ul li .gallery-hover-content i {
font-size: 21px;
}
.image-carousel-style-1 ul li .gallery-hover-content span {
font-size: 12px;
display: block;
margin-top: 5px;
}
.image-carousel-style-1 .swiper-button-next {
right: 10px;
}
.image-carousel-style-1 .swiper-button-prev {
left: 10px;
}  .team-style-1 figure {
position: relative;
overflow: hidden;
}
.team-style-1 figure .team-image {
position: relative;
overflow: hidden;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.65) 100%);
}
.team-style-1 figure .team-image:before {
content: "";
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
left: 0;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.80) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.80) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.team-style-1 .hongo-overlay {
display: block;
position: absolute;
z-index: 0;
overflow: hidden;
bottom: 0;
left: 0;
right: 0;
width: 100%;
top: inherit;
height: 0;
background-color: #f57250;
opacity: .9;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-1 figure:hover .hongo-overlay {
height: 100%;
}
.team-style-1 figure figcaption {
width: 100%;
position: absolute;
bottom: 15px;
left: 0;
padding-left: 15px;
padding-right: 15px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-1 figure:hover figcaption {
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.team-style-1 figure .overlay-content-box {
opacity: 0;
position: absolute;
height: auto;
width: 100%;
padding: 0 15px;
bottom: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.team-style-1 figure .overlay-content-box .team-social-icon:first-child {
margin-left: 0;
}
.team-style-1 figure .overlay-content-box .team-social-icon:last-child {
margin-right: 0;
}
.team-style-1 figure:hover .overlay-content-box {
opacity: 1;
z-index: 99;
bottom: 48px;
}
.team-style-1 figure .overlay-content-wrapper {
display: table;
height: 100%;
width: 100%;
}
.team-style-1 figure .overlay-content {
display: table-cell;
vertical-align: bottom;
}
.team-style-1 figure .overlay-content a {
margin: 0 12px;
color: #fff;
}
.team-style-1 figure figcaption .team-member-position {
position: relative;
top: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-1 figure figcaption .team-name,
.team-style-1 figure figcaption .team-name a {
color: #fff;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.team-style-1 figure figcaption .team-designation {
color: #fff;
font-size: 11px;
opacity: 0;
line-height: normal;
}
.team-style-1 figure:hover figcaption .team-designation {
opacity: .70;
} .team-style-2 figure {
position: relative;
}
.team-style-2 figure .team-image {
position: relative;
overflow: hidden;
}
.team-style-2 .hongo-overlay {
display: block;
position: absolute;
z-index: 0;
top: inherit;
background-color: #f57250;
opacity: .9;
overflow: hidden;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-2 figure:hover .hongo-overlay {
height: 100%;
}
.team-style-2 figure .overlay-content {
position: absolute;
opacity: 0;
overflow: hidden;
bottom: 0;
left: 0;
right: 0;
padding-left: 15px;
padding-right: 15px;
width: 100%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-2 figure .overlay-content .team-social-icon:first-child {
margin-left: 0;
}
.team-style-2 figure .overlay-content .team-social-icon:last-child {
margin-right: 0;
}
.team-style-2 figure:hover .overlay-content {
opacity: 1;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.team-style-2 figure .overlay-content a {
margin: 0 12px;
color: #fff;
}
.team-style-2 figure figcaption {
width: 100%;
padding: 25px 0 25px 0;
}
.team-style-2 figure figcaption .team-member-position {
position: relative;
top: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-2 figure figcaption .team-name,
.team-style-2 figure figcaption .team-name a {
color: #232323;
font-size: 12px;
font-weight: 500;
line-height: 15px;
}
.team-style-2 figure figcaption .team-designation {
font-size: 11px;
line-height: 19px;
} .team-style-3 figure {
position: relative;
overflow: hidden;
background: #232323
}
.team-style-3 .hongo-overlay {
position: absolute;
height: 100%;
z-index: 0;
width: 100%;
opacity: 0;
top: 0;
display: block;
background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-3 figure:hover .hongo-overlay {
opacity: 1;
}
.team-style-3 figure figcaption {
width: 100%;
position: absolute;
bottom: 20px;
left: 0;
opacity: 0;
padding: 0 15px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-style-3 figure:hover figcaption {
opacity: 1;
bottom: 45px;
}
.team-style-3 figure:hover img {
opacity: .8
}
.team-style-3 figure .overlay-content .team-social-icon:first-child {
margin-left: 0;
}
.team-style-3 figure .overlay-content .team-social-icon:last-child {
margin-right: 0;
}
.team-style-3 figure .overlay-content {
width: 100%;
}
.team-style-3 figure .overlay-content a {
margin: 0 12px;
color: #fff;
}
.team-style-3 figure figcaption .team-member-position {
position: relative;
top: 0;
}
.team-style-3 figure figcaption .team-name,
.team-style-3 figure figcaption .team-name a {
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.team-style-3 figure figcaption .team-designation {
color: #fff;
font-size: 11px;
opacity: .60;
margin-bottom: 18px;
line-height: 20px;
}
.team-style-3 figure figcaption .separator-line-horizontal-full {
height: 1px;
background-color: #424242;
width: 60%;
margin: 0 0 15px;
display: inline-block;
}  ul.list-style-1 {
text-align: left
}
ul.list-style-1 li {
margin-bottom: 15px;
}
ul.list-style-1 li:last-child {
margin-bottom: 0
} ul.list-style-2 {
list-style: none;
padding: 0;
}
ul.list-style-2 li {
margin-bottom: 13px;
border-bottom: 1px solid #ededed;
padding-bottom: 15px;
}
ul.list-style-2 li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}
ul.list-style-2 li .list-lable-number {
min-width: 32px;
padding-right: 7px;
display: table-cell;
font-weight: 600;
}
ul.list-style-2 li span {
display: table-cell;
} ul.list-style-3 {
list-style: none;
padding: 0;
text-align: left
}
ul.list-style-3 li {
margin-bottom: 13px;
border-bottom: 1px solid #ededed;
padding-bottom: 15px;
}
ul.list-style-3 li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}
ul.list-style-3 li i {
padding-right: 12px;
display: table-cell;
font-size: 12px;
}
ul.list-style-3 li span {
display: table-cell;
} ul.list-style-4 {
list-style: none;
padding: 0;
text-align: left
}
ul.list-style-4 li {
border: 1px solid #ededed;
border-bottom: 0;
padding: 12px 20px 13px;
margin: 0;
}
ul.list-style-4 li:last-child {
border-bottom: 1px solid #ededed;
}
ul.list-style-4 li i {
color: #7b7b7b;
padding-right: 12px;
display: table-cell;
font-size: 12px;
}
ul.list-style-4 li span {
display: table-cell;
} ul.list-style-5 {
list-style: none;
padding: 0;
text-align: left
}
ul.list-style-5 li {
margin-bottom: 15px;
}
ul.list-style-5 li:last-child {
margin-bottom: 0;
}
ul.list-style-5 li i {
padding-right: 12px;
display: table-cell;
font-size: 10px;
}
ul.list-style-5 li span {
display: table-cell;
} ul.list-style-6 {
list-style: none;
padding: 0;
text-align: left
}
ul.list-style-6 li {
padding: 12px 20px 13px;
}
ul.list-style-6 li:nth-child(odd) {
background-color: #fff;
}
ul.list-style-6 li i {
padding-right: 12px;
display: table-cell;
font-size: 12px;
}
ul.list-style-6 li span {
display: table-cell;
} ul.list-style-7 {
list-style: none;
padding: 0;
text-align: left
}
ul.list-style-7 li {
margin-bottom: 10px;
border-bottom: 1px solid #ededed;
padding-bottom: 13px;
}
ul.list-style-7 li:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
ul.list-style-7 li span {
display: table-cell;
} ul.list-style-8 {
list-style: none;
padding: 0;
text-align: left
}
ul.list-style-8 li {
margin-bottom: 13px;
border-bottom: 1px solid #ededed;
padding-bottom: 15px;
}
ul.list-style-8 li:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
ul.list-style-8 li i {
padding-right: 12px;
display: table-cell;
font-size: 12px;
}
ul.list-style-8 li span {
display: table-cell;
} ul.list-style-9 {
list-style: none;
padding: 0;
text-align: left
}
ul.list-style-9 li {
margin-bottom: 25px;
border-bottom: 1px solid #ededed;
padding-bottom: 25px;
line-height: 22px;
}
ul.list-style-9 li div {
font-weight: 500;
color: #232323;
padding-bottom: 5px;
font-size: 13px;
}
ul.list-style-9 li p:last-child {
margin-bottom: 0;
}
ul.list-style-9 li:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
ul.list-style-9 li i {
padding-right: 12px;
display: table-cell;
font-size: 12px;
}
ul.list-style-9 li span {
display: table-cell;
}  .pricing-style-1 {
background-color: #ffffff;
padding: 70px 45px;
box-shadow: 0px 0px 6px rgba(23, 23, 23, 0.05);
}
.pricing-style-1 .pricing-icon {
margin-bottom: 25px;
}
.pricing-style-1 .pricing-icon i {
color: #232323
}
.pricing-style-1 .pricing-price {
font-size: 38px;
font-weight: 500;
margin: 0 0 7px 0;
letter-spacing: -2px
}
.pricing-style-1 .pricing-month {
font-size: 13px;
margin-bottom: 25px;
}
.pricing-style-1 .pricing-title {
color: #fff;
margin-bottom: 25px;
display: block;
padding: 10px;
background: #232323
}
.pricing-style-1 .pricing-features ul {
padding: 0;
margin: 0;
list-style: none;
}
.pricing-style-1 .pricing-features ul li {
border-bottom: 1px solid #eaeaea;
padding-bottom: 14px;
margin-bottom: 11px;
}
.pricing-style-1 .pricing-features ul li:last-child {
border-bottom: 0;
}
.pricing-style-1 .pricing-action {
margin-top: 22px;
display: block;
}  .table-style-1 {
margin-bottom: 0;
width: 100%;
border: 0;
}
.table-style-1 tr th {
border-right-width: 1px;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 0;
font-size: 13px;
font-weight: 500;
}
.table-style-1 td,
.table-style-1 th {
padding: 12px 10px;
text-align: center;
font-size: 13px;
font-weight: 400;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 0;
}
.table-style-1 tr:last-child td {
border-bottom-width: 1px;
}
.table-style-1 tr td:first-child {
font-weight: 500
}
.table-style-1 tr:nth-child(even) td {
border-right-width: 0;
}
.table-style-1 tr:nth-child(even) td:first-child {
border-left-width: 0;
}
.table-style-1 tr:nth-child(odd) td {
border-right-width: 0;
}
.table-style-1 tr:nth-child(odd) td:first-child {
border-left-width: 0;
}
.table-style-1 tr th:first-child,
.table-style-1 tr td:first-child {
text-align: left;
padding-left: 20px;
border-left-width: 0;
} .table-style-2 {
margin-bottom: 0;
width: 100%;
border: 0;
}
.table-style-2 th {
border-right-width: 1px;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 0;
font-size: 13px;
font-weight: 500;
}
.table-style-2 td,
.table-style-2 th {
padding: 14px 10px;
text-align: center;
font-size: 13px;
font-weight: 500;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 0;
}
.table-style-2 tr:last-child td {
border-bottom-width: 1px;
}
.table-style-2 tr td:first-child {
font-weight: 500
}
.table-style-2 tr:nth-child(even) td {
border-right-width: 1px;
}
.table-style-2 tr:nth-child(even) td:first-child {
border-left-width: 1px;
}
.table-style-2 tr:nth-child(odd) td {
border-right-width: 1px;
}
.table-style-2 tr:nth-child(odd) td:first-child {
border-left-width: 1px;
}
.table-style-2 tr th:first-child,
.table-style-2 tr td:first-child {
text-align: left;
padding-left: 20px;
border-left-width: 1px;
border-right: 0;
}  .text-box-style-1 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #f7f7f7;
padding: 8% 18%;
word-break: break-word;
}
.text-box-style-1:before {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: 0;
bottom: 0;
width: 0;
height: 100%;
background: #1c1c1c;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.text-box-style-1:hover:before {
width: 100%;
}
.text-box-style-1 .hongo-textbox-wrapper {
padding-left: 0;
position: relative;
display: table;
vertical-align: middle;
}
.text-box-style-1 .hongo-featurebox-img {
display: table-cell;
vertical-align: middle;
padding-right: 30px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.text-box-style-1 .hongo-featurebox-img img {
max-width: 50px;
}
.text-box-style-1 .hongo-textbox-title,
.text-box-style-1 .hongo-textbox-title a {
margin-bottom: 4px;
color: #232323;
font-weight: 500;
line-height: normal;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.text-box-style-1:hover .hongo-featurebox-img,
.text-box-style-1:hover .hongo-featurebox-img a {
color: #f57250;
}
.text-box-style-1:hover .hongo-textbox-title,
.text-box-style-1:hover .hongo-textbox-title a {
color: #ffffff;
} .text-box-style-2 {
background-color: #ffffff;
padding: 17% 12%;
position: relative;
overflow: hidden;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}
.text-box-style-2:before {
content: "";
position: absolute;
left: 0;
bottom: -100%;
height: 100%;
overflow: hidden;
width: 100%;
z-index: 1;
background: #f57250;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.text-box-style-2:hover:before {
bottom: 0;
}
.text-box-style-2 .hongo-featurebox-img {
margin-bottom: 15px;
}
.text-box-style-2 .hongo-textbox-title,
.text-box-style-2 .hongo-textbox-title a {
color: #232323;
font-weight: 500;
}
.text-box-style-2 .hongo-textbox-content-hover {
width: 76%;
position: absolute;
left: 0;
right: 0;
bottom: -150%;
margin: 0 auto;
z-index: 2;
height: auto;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.text-box-style-2 .hongo-textbox-content-hover .hongo-featurebox-img,
.text-box-style-2 .hongo-textbox-content-hover .hongo-featurebox-img a {
color: #fff;
}
.text-box-style-2 .hongo-textbox-content-hover .hongo-textbox-title {
margin-bottom: 3px;
}
.text-box-style-2 .hongo-textbox-content-hover .hongo-textbox-title,
.text-box-style-2 .hongo-textbox-content-hover .hongo-textbox-title a {
color: #fff;
}
.text-box-style-2 .hongo-textbox-content-hover .hongo-textbox-content {
color: #fff;
opacity: .80;
width: 80%;
display: inline-block;
}
.text-box-style-2:hover .hongo-textbox-content-hover {
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
} .text-box-style-3 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #ffffff;
padding: 12% 17%;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-property: color;
transition-property: color;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.text-box-style-3 .hongo-textbox-content-hover {
position: absolute;
z-index: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #232323;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.text-box-style-3 .hongo-textbox-content-hover .hongo-textbox-content-wrapper {
display: table;
height: 100%;
width: 100%;
}
.text-box-style-3:hover .hongo-textbox-content-hover {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.text-box-style-3 .hongo-textbox-content-middle {
display: table-cell;
vertical-align: middle;
padding: 0 20%;
}
.text-box-style-3 .hongo-textbox-wrapper {
width: 100%;
word-break: break-word;
}
.text-box-style-3 .hongo-featurebox-img {
margin-bottom: 10px;
}
.text-box-style-3 .hongo-featurebox-img a {
color: #f57250;
}
.text-box-style-3 .hongo-textbox-title,
.text-box-style-3 .hongo-textbox-title a {
color: #232323;
font-weight: 500;
line-height: normal;
}
.text-box-style-3 .hongo-textbox-content-middle .hongo-featurebox-img {
color: #ffffff;
}
.text-box-style-3 .hongo-textbox-content-middle .hongo-textbox-title {
margin-bottom: 5px;
}
.text-box-style-3 .hongo-textbox-content-middle .hongo-textbox-title,
.text-box-style-3 .hongo-textbox-content-middle .hongo-textbox-title a {
color: #ffffff;
}
.text-box-style-3 .hongo-textbox-content-middle .hongo-textbox-content {
color: #808080;
} .text-box-style-4 {
background-color: #1c1c1c;
padding: 15% 12%;
position: relative;
overflow: hidden;
}
.text-box-style-4 span {
border-radius: 100%;
display: inline-block;
height: 60px;
width: 60px;
margin-bottom: 15px;
border: 2px solid #f57250;
text-align: center;
font-size: 21px;
color: #fff;
font-weight: 500;
line-height: 60px;
}
.text-box-style-4 .hongo-textbox-title,
.text-box-style-4 .hongo-textbox-title a {
color: #ffffff;
font-weight: 500;
}
.text-box-style-4 .hongo-textbox-content-hover {
position: absolute;
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
height: 100%;
width: 100%;
opacity: 0;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.text-box-style-4:hover .hongo-textbox-content-hover {
opacity: 1;
}
.text-box-style-4 .hongo-textbox-content-middle {
opacity: 0;
width: 76%;
position: absolute;
left: 0;
right: 0;
bottom: -100%;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
margin: 0 auto;
z-index: 2;
height: auto;
}
.text-box-style-4:hover .hongo-textbox-content-middle {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
opacity: 1;
bottom: 50%
}
.text-box-style-4 .hongo-textbox-content-hover span {
background-color: #f57250;
}
.text-box-style-4 .hongo-textbox-content-hover .hongo-textbox-title {
margin-bottom: 3px;
}
.text-box-style-4 .hongo-textbox-content-hover .hongo-textbox-title,
.text-box-style-4 .hongo-textbox-content-hover .hongo-textbox-title a {
color: #232323;
}
.text-box-style-4 .hongo-textbox-content-hover .hongo-textbox-title a:hover {
color: #f57250
}
.text-box-style-4 .hongo-textbox-content-hover .hongo-textbox-content {
width: 80%;
display: inline-block;
}  .separator-style-1 {
display: inline-block;
}  .rotate-box-style-1 .hongo-rotatebox-wrapper {
position: relative;
overflow: hidden;
}
.rotate-box-style-1 .hongo-rotatebox-wrap .hongo-rotatebox-title {
position: absolute;
bottom: 45px;
width: 100%;
padding: 0 15px;
}
.rotate-box-style-1 .hongo-rotatebox-title,
.rotate-box-style-1 .hongo-rotatebox-title a {
color: #fff;
font-weight: 500;
position: relative;
}
.rotate-box-style-1 .hongo-rotatebox-title:before {
content: "";
background: #fff;
height: 15px;
position: absolute;
width: 1px;
left: 50%;
top: -25px;
opacity: .5
}
.rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-title,
.rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-title a {
color: #ffffff;
margin: 8px 0;
}
.rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-content {
color: rgba(255, 255, 255, .80);
padding: 0 11%;
}
.text-left .rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-content,
.text-right .rotate-box-style-1 .hongo-rotatebox-content-hover .hongo-rotatebox-content {
padding-left: 0;
padding-right: 0;
}
.rotate-box-style-1 .hongo-rotatebox-wrap,
.rotate-box-style-1 .hongo-rotatebox-content-hover {
backface-visibility: hidden;
transform-style: preserve-3d;
transform: rotateY(0deg);
transition: ease-in-out 0.4s;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(0deg);
-webkit-transition: ease-in-out 0.4s;
-moz-transform-style: preserve-3d;
-moz-transform: rotateY(0deg);
-moz-transition: ease-in-out 0.4s;
-ms-transform-style: preserve-3d;
-ms-transform: rotateY(0deg);
-ms-transition: ease-in-out 0.4s;
-o-transform-style: preserve-3d;
-o-transform: rotateY(0deg);
-o-transition: ease-in-out 0.4s;
}
.rotate-box-style-1 .hongo-rotatebox-content-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 15px;
backface-visibility: hidden;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
background: #f57250;
opacity: 0;
}
.rotate-box-style-1 .hongo-rotatebox-content-middle {
top: 50%;
left: 0;
padding: 0 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
width: 100%;
}
.rotate-box-style-1:hover .hongo-rotatebox-wrap {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 0;
}
.rotate-box-style-1:hover .hongo-rotatebox-content-hover {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
} .rotate-box-style-2 {
position: relative;
overflow: hidden;
}
.rotate-box-style-2 .hongo-featurebox-img {
margin-bottom: 15px;
}
.rotate-box-style-2 .hongo-rotatebox-title {
margin-bottom: 2px;
}
.rotate-box-style-2 .hongo-rotatebox-title,
.rotate-box-style-2 .hongo-rotatebox-title a {
color: #232323;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.rotate-box-style-2 .hongo-rotatebox-wrap {
padding: 20% 12%;
background-color: #ffffff;
backface-visibility: hidden;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s
}
.rotate-box-style-2:hover .hongo-rotatebox-wrap {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.rotate-box-style-2 .hongo-rotatebox-content-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
opacity: 0;
}
.rotate-box-style-2:hover .hongo-rotatebox-content-hover {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
} .rotate-box-style-3 .hongo-rotatebox-wrapper {
position: relative;
overflow: hidden;
}
.rotate-box-style-3 .hongo-featurebox-img {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #000000;
width: 40px;
height: 40px;
line-height: 45px;
color: #fff;
}
.rotate-box-style-3 .hongo-rotatebox-wrap .hongo-rotatebox-title {
position: absolute;
bottom: 0;
margin: 0;
right: 0;
width: auto;
background-color: #fff;
color: #232323;
padding: 5px 20px;
font-size: 12px;
}
.rotate-box-style-3 .hongo-rotatebox-title {
width: 100%;
margin-bottom: 7px;
}
.rotate-box-style-3 .hongo-rotatebox-title,
.rotate-box-style-3 .hongo-rotatebox-title a {
color: #ffffff;
font-weight: 500;
}
.rotate-box-style-3 .hongo-rotatebox-content-hover .hongo-rotatebox-content {
color: rgba(255, 255, 255, .80);
padding-bottom: 6%;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.rotate-box-style-3 .hongo-rotatebox-content-middle {
top: 50%;
left: 0;
padding: 0 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
width: 100%;
}
.rotate-box-style-3 .hongo-rotatebox-wrap {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
backface-visibility: hidden;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s
}
.rotate-box-style-3:hover .hongo-rotatebox-wrap {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.rotate-box-style-3 .hongo-rotatebox-content-hover {
background-color: #f57250;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
opacity: 0;
}
.rotate-box-style-3:hover .hongo-rotatebox-content-hover {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
.text-right .rotate-box-style-3 .hongo-rotatebox-content {
margin-left: auto;
margin-right: 0;
}
.text-left .rotate-box-style-3 .hongo-rotatebox-content {
margin-left: 0;
margin-right: auto;
}  .process-step-style-1 .number-wrapper {
display: inline-block;
margin-bottom: 25px;
}
.process-step-style-1 .number {
display: table-cell;
font-size: 25px;
height: 90px;
margin: 0 auto;
text-align: center;
vertical-align: middle;
width: 90px;
position: relative;
border: 2px solid #f57250;
border-radius: 100%;
color: #232323;
font-weight: 500;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s
}
.process-step-style-1:hover .number {
background-color: #f57250;
color: #fff
}
.process-step-style-1.number-border:before {
position: absolute;
content: "";
height: 1px;
background: #e2e2e2;
top: 45px;
z-index: 1;
width: calc(100% - 150px);
right: 15px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.process-step-style-1 .hongo-process-title {
margin-bottom: 3px;
width: 100%;
}
.process-step-style-1 .hongo-process-title,
.process-step-style-1 .hongo-process-title a {
color: #232323;
font-weight: 500;
}
.process-step-style-1 .hongo-process-title a:hover {
color: #f57250;
}
.process-step-style-1 .hongo-process-content {
display: inline-block;
width: 75%;
}
.text-center .process-step-style-1.number-border:before {
width: 50%;
right: -50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.text-right .process-step-style-1.number-border:before {
width: calc(100% - 150px);
left: 15px;
right: initial;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
} .process-step-style-2 .hongo-featurebox-img {
display: inline-block;
margin-bottom: 30px;
}
.process-step-style-2 .hongo-featurebox-img a i {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.process-step-style-2 .hongo-featurebox-img span {
display: table-cell;
height: 128px;
width: 128px;
margin: 0 auto;
text-align: center;
vertical-align: middle;
position: relative;
background-color: #fff;
border-radius: 100%;
color: #f57250;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s
}
.process-step-style-2:hover .hongo-featurebox-img span {
box-shadow: 0px 0px 13px rgba(23, 23, 23, .15)
}
.process-step-style-2 .hongo-featurebox-img-border:before {
content: "";
display: block;
width: calc(100% - 188px);
height: 1px;
background: #dbdbdb;
position: absolute;
right: 15px;
top: 65px;
text-align: center;
}
.process-step-style-2 .hongo-process-title {
margin-bottom: 5px;
width: 100%;
}
.process-step-style-2 .hongo-process-title,
.process-step-style-2 .hongo-process-title a {
color: #232323;
font-weight: 500;
}
.process-step-style-2 .hongo-process-title a:hover {
color: #f57250;
}
.process-step-style-2 .hongo-process-content {
display: inline-block;
width: 75%;
}
.text-center .process-step-style-2 .hongo-featurebox-img-border:before {
width: 30%;
right: -15%;
}
.text-right .process-step-style-2 .hongo-featurebox-img-border:before {
width: calc(100% - 188px);
left: 15px;
right: initial;
} .process-step-style-3 .hongo-process-wrapper {
overflow: hidden;
}
.process-step-style-3 .number-wrapper {
margin-bottom: 35px;
}
.process-step-style-3 .number {
display: inline-block;
line-height: 35px;
height: 35px;
width: 35px;
margin: 0;
text-align: center;
vertical-align: middle;
position: relative;
border-radius: 6px;
background-color: #ededed;
font-weight: 500;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s
}
.process-step-style-3 .number,
.process-step-style-3 .number a {
color: #232323;
}
.process-step-style-3 .number:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #ededed;
border-width: 5px;
margin-left: -5px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s
}
.process-step-style-3:hover .number {
background-color: #f57250;
color: #fff;
}
.process-step-style-3:hover .number a {
color: #fff;
}
.process-step-style-3:hover .number:after {
border-top-color: #f57250;
}
.process-step-style-3 .number-border:before {
width: 1000%;
position: absolute;
content: "";
height: 1px;
border-bottom: 1px dashed #dbdbdb;
top: 16px;
z-index: -1;
left: 63px
}
.process-step-style-3 .hongo-process-title {
margin-bottom: 3px;
width: 100%;
}
.process-step-style-3 .hongo-process-title,
.process-step-style-3 .hongo-process-title a {
color: #232323;
font-size: 13px;
font-weight: 500;
}
.process-step-style-3 .hongo-process-title a:hover {
color: #f57250;
}
.process-step-style-3 .hongo-process-content {
display: inline-block;
width: 80%;
}
.text-right .process-step-style-3 .number-border:before {
left: initial;
right: 63px
}
.text-center .process-step-style-3 .number-border:before {
width: 1000%;
right: -55%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}  .tab-style1 .nav-tabs {
border: 0;
}
.tab-style1 .nav-tabs li {
border: 1px solid #ebebeb;
border-bottom: none;
border-radius: 0;
margin-bottom: 0;
display: inline-block;
float: none;
margin-right: 10px
}
.tab-style1 .nav-tabs li:last-child {
margin-right: 0;
}
.tab-style1 .nav-tabs li a {
background-color: #ffffff;
border: 0;
color: #808080;
line-height: 40px;
margin: 0!important;
padding: 0 25px;
border-radius: 0;
font-size: 12px;
}
.tab-style1 .nav-tabs li a i {
color: #848484;
position: relative;
top: 1px
}
.tab-style1 .nav-tabs li a img {
width: 30px;
}
.tab-style1 .nav-tabs li a span:first-child {
margin-right: 8px;
}
.tab-style1 .nav-tabs li a span:last-child {
margin-right: 0;
font-weight: 500
}
.tab-style1 .nav-tabs>li.active>a {
border-color: transparent;
border: none;
border-radius: 0;
background: #fff;
top: 0;
z-index: 9;
color: #232323;
}
.tab-style1 .nav-tabs>li.active>a i {
color: #232323;
}
.tab-style1 .tab-content {
padding: 70px 0 0;
border-top: 1px solid #ebebeb;
margin-top: -1px;
min-height: 5px;
position: relative
}
.tab-style1 .tab-content .btn {
margin-top: 25px;
} .tab-style2 .tab-content {
padding: 0 0 0 75px;
border-left: 1px solid #ebebeb;
}
.tab-style2 .nav-tabs {
border: 0;
}
.tab-style2 .nav-tabs li {
border: 1px solid #ebebeb;
border-bottom-width: 0;
border-right: none;
border-radius: 0;
margin-bottom: 0;
display: block;
float: left;
width: 100%;
left: 1px;
}
.tab-style2 .nav-tabs li:last-child {
border-bottom-width: 1px;
}
.tab-style2 .nav-tabs li.active {
z-index: 1;
}
.tab-style2 .nav-tabs li a {
background: #f8f8f8;
border: none;
color: #575757;
font-weight: 500;
font-size: 11px;
line-height: normal;
margin: 0 !important;
padding: 14px 25px 13px;
border-radius: 0;
}
.tab-style2 .nav-tabs li:last-child a {
top: 0
}
.tab-style2 .nav-tabs>li.active>a {
border-color: transparent;
border: none;
border-radius: 0;
background-color: #ffffff;
}
.tab-style2 .nav-tabs>li a img {
width: 30px;
}
.tab-style2 .nav-tabs>li a i {
position: relative;
top: 1px;
}
.tab-style2 .nav-tabs>li a span {
display: inline-block;
vertical-align: middle;
}
.tab-style2 .nav-tabs>li a span:first-child {
margin-right: 7px;
}
.tab-style2 .nav-tabs>li a span:last-child {
margin-right: 0;
}
.tab-style2 .tab-content .btn {
margin-top: 25px;
} .tab-style3 .nav-tabs {
border-bottom: 1px solid transparent
}
.tab-style3 .nav-tabs li {
float: none;
display: inline-block;
vertical-align: middle;
margin: 0 25px;
padding: 0;
border-bottom: 1px solid transparent;
}
.tab-style3 .nav-tabs li.active {
border-bottom: 1px solid #232323
}
.tab-style3 .nav-tabs>li>a,
.tab-style3 .nav-tabs>li>a:focus,
.tab-style3 .nav-tabs>li.active>a:hover,
.tab-style3 .nav-tabs>li>a:hover {
background-color: transparent;
font-weight: 500;
font-size: 12px;
border: none;
border-bottom: 0;
padding: 0;
color: #808080;
margin: 0;
border-radius: 0;
}
.tab-style3 .nav-tabs li.active a,
.tab-style3 .nav-tabs li.active a:hover {
color: #232323;
}
.tab-style3 .tab-content {
padding: 70px 0 0;
}
.tab-style3 .tab-style3-right {
list-style: none;
padding: 0;
margin: 0;
}
.tab-style3 .tab-style3-right .con-title {
font-weight: 500;
margin-bottom: 3px;
}
.tab-style3 .tab-style3-right li {
margin-bottom: 30px;
}
.tab-style3 .tab-style3-right li:last-child {
margin-bottom: 0;
}
.tab-style3 .tab-style3-right li p:last-child {
margin-bottom: 0;
}
.tab-style3 .tab-style3-right li:last-child {
margin-bottom: 0;
}
.tab-style3 .nav-tabs>li a img {
width: 30px;
}
.tab-style3 .nav-tabs>li a span {
vertical-align: middle;
}
.tab-style3 .nav-tabs>li a span:first-child {
margin-right: 10px;
vertical-align: middle;
display: inline-block;
line-height: normal;
}
.tab-style3 .nav-tabs>li a span:last-child {
margin-right: 0;
}
.tab-style3 .tab-content .btn {
margin-top: 30px;
} .hongo-blog-filter-wrap {
padding-left: 0;
margin-bottom: 70px;
list-style: none;
text-align: center;
}
.hongo-blog-filter-wrap li {
float: none;
display: inline-block;
vertical-align: middle;
margin: 0 25px;
padding: 0;
border-bottom: 1px solid transparent;
}
.hongo-blog-filter-wrap li:first-child {
margin-left: 0;
}
.hongo-blog-filter-wrap li:last-child {
margin-right: 0;
}
.hongo-blog-filter-wrap li.active {
border-bottom: 1px solid #232323
}
.hongo-blog-filter-wrap>li>a,
.hongo-blog-filter-wrap>li>a:focus,
.hongo-blog-filter-wrap>li.active>a:hover,
.hongo-blog-filter-wrap>li>a:hover {
background-color: transparent;
font-weight: 500;
font-size: 13px;
border: none;
border-bottom: 0;
padding: 0;
color: #808080;
margin: 0;
border-radius: 0;
}
.hongo-blog-filter-wrap li.active a,
.hongo-blog-filter-wrap>li>a:focus {
color: #232323;
}  .info-banner-style-1 {
border: 1px solid #ededed;
background-color: #fff;
}
.info-banner-style-1 .hongo-info-content-box {
padding: 45px;
display: inline-table;
}
.info-banner-style-1 .hongo-info-wrapper img {
width: 100%;
height: 100%;
}
.info-banner-style-1 .hongo-info-content-box .hongo-info-title {
font-weight: 500;
color: #232323;
margin-bottom: 8px;
line-height: 21px
}
.info-banner-style-1 .hongo-info-content-box .btn {
margin-top: 25px;
} .info-banner-style-2 {
position: relative;
overflow: hidden;
float: left;
width: 100%;
}
.info-banner-style-2 .hongo-info-wrapper img {
display: block;
margin-left: auto;
margin-right: auto;
}
.info-banner-style-2 .hongo-info-content-hover {
background-color: #fff;
border: 1px solid #eae8e8;
width: 100%;
padding: 20px 45px;
position: absolute;
height: 100%;
bottom: -100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.info-banner-style-2 .hongo-info-content-hover .hongo-info-content-wrap {
display: table;
height: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.info-banner-style-2:hover .hongo-info-content-hover {
bottom: 0;
}
.info-banner-style-2 .hongo-info-content-hover .hongo-rotatebox-content-middle {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.info-banner-style-2 .hongo-info-content-hover .hongo-info-title {
font-weight: 500;
color: #232323;
margin-bottom: 10px;
}
.info-banner-style-2 .hongo-info-content-hover .btn {
margin-top: 22px;
} .info-banner-style-3 {
position: relative;
overflow: hidden;
}
.info-banner-style-3 .hongo-info-wrapper {
height: 100%;
}
.info-banner-style-3 .hongo-info-wrapper>div,
.hongo-info-image {
width: 100%;
height: 400px;
}
.info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap {
display: table;
}
.info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap {
display: table-cell;
vertical-align: middle;
background-color: #232323;
padding: 20px 70px;
}
.info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap .hongo-info-subtitle {
font-size: 12px;
font-weight: 500;
padding: 0;
width: 100%;
display: inline-block;
position: relative;
}
.info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap .hongo-info-title {
font-weight: 500;
font-size: 23px;
line-height: 36px;
color: #232323;
margin-bottom: 15px;
}
.info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap .hongo-info-content span {
width: 75%;
display: inline-block;
}
.info-banner-style-3 .hongo-info-wrapper .hongo-info-box-wrap>div.hongo-info-wrap .btn {
margin-top: 30px;
} .info-banner-style-4 .hongo-info-content-box .hongo-featurebox-text {
font-size: 12px;
font-weight: 500;
margin-bottom: 15px;
color: #232323;
}
.info-banner-style-4 .hongo-info-content-box .hongo-featurebox-text img {
max-width: 26px;
margin-right: 10px;
position: relative;
top: -1px;
}
.info-banner-style-4 .hongo-info-content-box .hongo-info-content {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #efefef;
line-height: 21px;
}
.info-banner-style-4 .hongo-info-content-box span {
font-size: 12px;
line-height: 22px;
display: table;
width: 100%;
}
.info-banner-style-4 .hongo-info-content-box span>img {
max-width: 26px;
margin-right: 10px;
position: relative;
top: -1px;
}
.info-banner-style-4 .hongo-info-content-box span strong {
font-weight: 500;
color: #232323
}
.info-banner-style-4 .hongo-info-content-box i {
margin-right: 10px;
font-size: 11px;
color: #232323;
}
.info-banner-style-4 .hongo-info-content-box {
padding: 45px;
background-color: #fff;
} .info-banner-style-5 {
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.info-banner-style-5 .info-banner-highlight {
background-color: #f57250;
padding: 2px 15px 1px;
color: #fff;
font-weight: 500;
display: inline-block;
font-size: 11px;
margin-bottom: 35px
}
.info-banner-style-5 .hongo-info-title {
font-size: 28px;
line-height: 32px;
font-weight: 400;
text-transform: none;
color: #232323;
margin-bottom: 15px;
}
.info-banner-style-5 .info-banner-content p:last-child {
margin-bottom: 0;
}
.info-banner-style-5 .hongo-info-banner-img {
padding: 0;
}
.info-banner-style-5 .hongo-info-banner-img img {
width: 100%;
}
.info-banner-style-5 .btn {
margin-top: 25px;
}
.info-banner-style-5 .text-middle {
padding: 22% 16%;
} .info-banner-style-6 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.info-banner-style-6.right-side-product .hongo-info-wrapper {
float: right;
}
.info-banner-style-6.center-side-product .hongo-info-wrapper {
float: none;
margin-left: auto;
margin-right: auto;
}
.info-banner-style-6 .hongo-info-wrapper {
padding: 6%;
margin: 8%;
background: rgba(23, 23, 23, 0.9);
max-width: 450px;
}
.info-banner-style-6 .hongo-info-wrapper .hongo-info-subtitle {
color: #fff;
margin-bottom: 7px;
font-size: 12px;
font-weight: 500;
}
.info-banner-style-6 .hongo-info-wrapper .hongo-info-title {
color: #fff;
font-size: 28px;
line-height: 34px;
font-weight: 400;
margin-bottom: 25px;
}
.info-banner-style-6 .hongo-info-wrapper .hongo-info-content p {
margin-bottom: 18px;
}
.info-banner-style-6 .hongo-info-wrapper .btn-link {
color: #fff;
font-weight: 600;
border-color: #fff
} blockquote p:last-of-type {
margin-bottom: 0;
} blockquote {
border-left: 2px solid #f57250;
padding: 3px 0 3px 40px;
margin: 32px 0;
width: 90%;
font-size: inherit;
line-height: 22px;
font-weight: 300;
}
blockquote h6 {
margin-bottom: 0;
}
blockquote footer {
background-color: transparent;
font-size: 11px;
color: #232323;
font-weight: 500;
margin-top: 15px;
text-transform: uppercase;
}
blockquote footer:before {
content: '-';
margin-right: 2px;
} .blockquote-style-1 {
margin: 0;
} .blockquote-style-2 {
padding: 0;
margin: 0;
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #808080;
}
.blockquote-style-2 i {
margin-bottom: 15px;
}
.blockquote-style-2 .author {
background-color: transparent;
font-size: 12px;
color: #808080;
font-weight: 500;
margin-top: 15px;
}
.blockquote-style-2 .author:before {
content: '-';
margin-right: 2px;
} .blockquote-style-3 i {
float: left;
line-height: 48px;
margin-right: 25px;
position: relative;
top: -7px
}
.blockquote-style-3 .blockquote-content {
color: #232323;
font-size: 16px;
line-height: 22px;
font-weight: 400;
margin: 0;
display: table;
}
.blockquote-style-3 .blockquote-content .author {
font-size: 11px;
color: #808080;
font-weight: 500;
margin-top: 13px;
}
.blockquote-style-3 .blockquote-content .author strong {
color: #232323;
}
.blockquote-style-3 .author:before {
content: '-';
margin-right: 2px;
} .first-letter {
float: left;
font-size: 46px;
margin: 0 20px 0 0;
text-align: center;
padding: 0;
font-weight: 600;
line-height: 42px;
}
.first-letter-medium {
float: left;
font-size: 40px;
margin: 0 7px 0 0;
text-align: center;
padding: 0;
line-height: 2px;
font-weight: 400;
}
.first-letter-big {
float: left;
font-size: 110px;
line-height: 110px;
margin: 0 20px 0 0;
padding: 0 8px;
text-align: center;
font-weight: 600;
position: relative;
}
.first-letter-big:before {
position: absolute;
border-bottom: 1px solid;
content: "";
display: block;
width: 100%;
top: 55%;
left: 0
}
.first-letter-block {
font-size: 32px;
height: 55px;
line-height: 24px;
padding: 15px 0;
width: 55px;
font-weight: 600;
margin-top: 5px;
}
.first-letter-block-round {
border-radius: 6px;
border: 1px solid #e2e2e2;
}
.first-letter-round {
border-radius: 50%;
font-size: 35px;
padding: 15px;
width: 65px;
height: 65px;
line-height: 32px;
}  .testimonial-style-1 .testimonial-image {
text-align: center;
margin-bottom: 30px;
}
.testimonial-style-1 .testimonial-image img {
border-radius: 100%;
width: 95px;
}
.testimonial-style-1 .testimonial-content-wrap {
border-radius: 8px;
position: relative;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
background-color: #fff;
padding: 35px 30px;
}
.testimonial-style-1 .testimonial-content-wrap:after {
top: -24px;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(245, 245, 245, 0);
border-bottom-color: #fff;
border-width: 12px;
margin-left: -15px;
z-index: 9;
}
.testimonial-style-1 .testimonial-content {
font-weight: 500;
line-height: 21px;
margin-bottom: 12px;
}
.testimonial-style-1 .testimonial-content p:last-child {
margin-bottom: 0;
}
.testimonial-style-1 .testimonial-meta {
width: 100%;
}
.testimonial-style-1 .testimonial-meta,
.testimonial-style-1 .testimonial-name,
.testimonial-style-1 .testimonial-designation {
font-size: 12px;
color: #232323;
line-height: 16px;
font-weight: 500;
display: inline-block;
margin-bottom: 0;
}
.testimonial-style-1 .testimonial-meta>span {
margin: 0 6px;
color: #a4a4a4;
font-size: 9px;
} .testimonial-style-2 .testimonial-icon {
float: left;
}
.testimonial-style-2 .testimonial-icon i {
margin-top: 5px;
}
.testimonial-style-2 .testimonial-content-wrap {
padding-left: 43px;
}
.testimonial-style-2 .testimonial-content {
color: #808080;
line-height: 23px;
margin-bottom: 15px;
width: 90%
}
.testimonial-style-2 .testimonial-content p:last-child {
margin-bottom: 0;
}
.testimonial-style-2 .testimonial-meta,
.testimonial-style-2 .testimonial-name,
.testimonial-style-2 .testimonial-designation {
color: #232323;
font-weight: 500;
font-size: 12px;
line-height: 16px;
display: inline-block;
margin-bottom: 0;
} .testimonial-style-3 .testimonial-icon {
margin-bottom: 10px;
}
.testimonial-style-3 .testimonial-icon i {
margin-top: 5px;
}
.testimonial-style-3 .testimonial-content-title {
color: #757575;
font-size: 22px;
font-weight: 500;
margin-bottom: 10px;
}
.testimonial-style-3 .testimonial-content {
color: #8c8c8c;
font-size: 21px;
font-weight: 300;
line-height: 25px;
margin-bottom: 25px;
}
.testimonial-style-3 .testimonial-content p:last-child {
margin-bottom: 0;
}
.testimonial-style-3 .testimonial-meta {
width: 100%;
}
.testimonial-style-3 .testimonial-meta,
.testimonial-style-3 .testimonial-name,
.testimonial-style-3 .testimonial-designation,
.testimonial-style-3 .testimonial-meta>span {
font-size: 13px;
color: #757575;
line-height: 20px;
font-weight: 300;
display: inline-block;
margin-bottom: 0;
}
.testimonial-style-3 .testimonial-meta>span {
margin: 0 6px;
}  .testimonial-slider-style-1 .testimonial-content-wrap {
width: 100%;
}
.testimonial-slider-style-1 .testimonial-content-wrap .testimonial-content-box {
position: relative;
background-color: #f7f7f7;
padding: 35px 45px;
border-radius: 7px;
}
.testimonial-slider-style-1 .testimonial-content-wrap .testimonial-content-box:after {
top: 100%;
left: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(245, 245, 245, 0);
border-top-color: #f7f7f7;
border-width: 12px;
margin-left: 48px;
z-index: 9;
}
.testimonial-slider-style-1 .testimonial-icon {
float: left;
}
.testimonial-slider-style-1 .content-title {
color: #232323;
font-size: 12px;
font-weight: 500;
margin-bottom: 0;
line-height: 20px;
}
.testimonial-slider-style-1 .testimonial-content {
line-height: 23px;
margin-top: 4px;
}
.testimonial-slider-style-1 .testimonial-content p:last-child {
margin-bottom: 0;
clear: both;
}
.testimonial-slider-style-1 .testimonial-box {
clear: both;
padding: 25px 40px 0 40px;
display: table;
width: 100%;
}
.testimonial-slider-style-1 .testimonial-image {
float: left;
}
.testimonial-slider-style-1 .testimonial-image img {
border-radius: 100%;
width: 50px;
}
.testimonial-slider-style-1 .testimonial-meta {
padding: 8px 0 5px 70px;
}
.testimonial-slider-style-1 .testimonial-meta,
.testimonial-slider-style-1 .testimonial-name {
font-size: 12px;
color: #232323;
line-height: 18px;
font-weight: 500;
margin-bottom: 0;
}
.testimonial-slider-style-1 .testimonial-designation {
font-size: 12px;
color: #808080;
font-weight: 400;
line-height: 18px;
margin-bottom: 0;
} .testimonial-slider-style-2 .swiper-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.testimonial-slider-style-2 .testimonial-content-wrap {
-webkit-transform: scale(0.95);
-moz-transform: scale(1);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
position: relative;
background-color: #fff;
padding: 50px 40px;
border-radius: 6px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.testimonial-slider-style-2 .swiper-slide-active .testimonial-content-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.testimonial-slider-style-2 .testimonial-image {
margin-bottom: 25px;
}
.testimonial-slider-style-2 .testimonial-image img {
border-radius: 100%;
width: 103px;
}
.testimonial-slider-style-2 .testimonial-content {
line-height: 22px;
margin-bottom: 20px;
}
.testimonial-slider-style-2 .testimonial-content p:last-child {
margin-bottom: 0;
clear: both;
}
.testimonial-slider-style-2 .testimonial-meta {
padding: 0;
}
.testimonial-slider-style-2 .testimonial-meta,
.testimonial-slider-style-2 .testimonial-meta .testimonial-name,
.testimonial-slider-style-2 .testimonial-meta .testimonial-designation {
font-size: 12px;
line-height: 18px;
font-weight: 500;
margin-bottom: 0;
}
.testimonial-slider-style-2 .testimonial-meta .testimonial-designation {
color: #626262;
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
}
.testimonial-slider-style-2 .swiper-wrapper.equalize .swiper-slide>div {
height: 100%;
}
.testimonial-slider-style-2 .swiper-wrapper.equalize .swiper-slide>div .testimonial-content-wrap {
height: 100%;
}
.testimonial-slider-style-2 .testimonial-meta .testimonial-rating i {
color: #fc6e49;
font-size: 9px;
margin: 0 1px;
} .testimonial-slider-style-3 .testimonial-content-wrap {
position: relative;
background-color: #232323;
padding: 50px 60px;
display: table;
width: 100%;
border-radius: 8px;
}
.testimonial-slider-style-3 .testimonial-content {
line-height: 24px;
margin-bottom: 10px;
}
.testimonial-slider-style-3 .testimonial-content p:last-child {
margin-bottom: 0;
clear: both;
}
.testimonial-slider-style-3 .testimonial-box {
display: table-cell;
}
.testimonial-slider-style-3 .testimonial-image {
display: table-cell;
vertical-align: middle;
width: 140px;
}
.testimonial-slider-style-3 .testimonial-image img {
border-radius: 100%;
width: 100px;
}
.testimonial-slider-style-3 .testimonial-meta {
width: 100%;
}
.testimonial-slider-style-3 .testimonial-meta,
.testimonial-slider-style-3 .testimonial-name,
.testimonial-slider-style-3 .testimonial-designation {
font-size: 12px;
color: #fff;
line-height: 18px;
font-weight: 500;
display: inline-block;
margin-bottom: 0;
}
.testimonial-slider-style-3 .testimonial-designation {
font-weight: 400;
}
.testimonial-slider-style-3 .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.testimonial-slider-style-3 .swiper-button-next {
right: 160px;
}
.testimonial-slider-style-3 .swiper-button-prev {
left: 160px;
}
.testimonial-slider-style-3 .swiper-wrapper.equalize .swiper-slide>div {
height: 100%;
}
.testimonial-slider-style-3 .swiper-wrapper.equalize .swiper-slide>div .testimonial-content-wrap {
height: 100%;
}  .wpcf7 form .wpcf7-response-output {
clear: both;
margin-left: 0;
margin-right: 0;
}
.wpcf7 .wpcf7-form p label input,
.wpcf7 .wpcf7-form p label textarea {
margin-top: 12px;
}
.wpcf7-spinner {
top: 8px;
} .hongo-contact-form-style-1 .wpcf7-radio,
.hongo-contact-form-style-1 .wpcf7-checkbox {
margin-bottom: 15px;
display: inline-block;
text-align: left;
width: 100%;
}
.hongo-contact-form-style-1 .wpcf7-radio span.wpcf7-list-item,
.hongo-contact-form-style-1 .wpcf7-checkbox span.wpcf7-list-item {
margin: 0 20px 0 0
}
.hongo-contact-form-style-1 .wpcf7-radio span.wpcf7-list-item input[type="radio"],
.hongo-contact-form-style-1 .wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"] {
margin: 5px 5px 0 0
}
.wpcf7 .hongo-contact-form-style-1 .ajax-loader.is-active {
margin-top: 0;
}
.hongo-contact-form-style-1 .wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
} .hongo-contact-form-style-2 .wpcf7-text,
.hongo-contact-form-style-2 .wpcf7-textarea,
.hongo-contact-form-style-2 .wpcf7-select {
border: 0;
border-bottom: 1px solid #484848;
padding: 0 0 10px 0;
background-color: transparent;
margin-bottom: 30px;
color: #808080;
}
.hongo-contact-form-style-2 input:focus,
.hongo-contact-form-style-2 textarea:focus,
.hongo-contact-form-style-2 .wpcf7-select:focus {
border-color: #c7c7c7;
}
.hongo-contact-form-style-2 ::-webkit-input-placeholder {
color: #808080;
text-overflow: ellipsis;
}
.hongo-contact-form-style-2 ::-moz-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
.hongo-contact-form-style-2 :-ms-input-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
.hongo-contact-form-style-2 .wpcf7-radio,
.hongo-contact-form-style-2 .wpcf7-checkbox {
margin-bottom: 15px;
display: inline-block;
text-align: left;
width: 100%;
}
.hongo-contact-form-style-2 .wpcf7-radio span.wpcf7-list-item,
.hongo-contact-form-style-2 .wpcf7-checkbox span.wpcf7-list-item {
margin: 0 20px 0 0
}
.hongo-contact-form-style-2 .wpcf7-radio span.wpcf7-list-item input[type="radio"],
.hongo-contact-form-style-2 .wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"] {
margin: 5px 5px 0 0
}
.wpcf7 .hongo-contact-form-style-2 .ajax-loader.is-active {
margin-top: 0;
}
.hongo-contact-form-style-2 .wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
} .hongo-contact-form-style-3 {
display: inline-block;
}
.hongo-contact-form-style-3 .wpcf7-text,
.hongo-contact-form-style-3 .wpcf7-textarea,
.hongo-contact-form-style-3 .wpcf7-select {
line-height: normal;
border: 1px solid #e5e5e5;
background-color: #fafafa;
color: #808080;
border-radius: 4px;
padding: 15px 20px 16px;
}
.hongo-contact-form-style-3 .wpcf7-select {
padding: 14px 16px 15px;
color: #808080;
}
.hongo-contact-form-style-3 input:focus,
.hongo-contact-form-style-3 textarea:focus,
.hongo-contact-form-style-3 .wpcf7-select:focus {
border-color: #c7c7c7;
}
.hongo-contact-form-style-3 ::-webkit-input-placeholder {
color: #808080;
text-overflow: ellipsis;
}
.hongo-contact-form-style-3 ::-moz-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
.hongo-contact-form-style-3 :-ms-input-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
.hongo-contact-form-style-3 .btn {
margin-top: 20px;
}
.hongo-contact-form-style-3 .wpcf7-radio,
.hongo-contact-form-style-3 .wpcf7-checkbox {
margin-bottom: 15px;
display: inline-block;
text-align: left;
width: 100%;
}
.hongo-contact-form-style-3 .wpcf7-radio span.wpcf7-list-item,
.hongo-contact-form-style-3 .wpcf7-checkbox span.wpcf7-list-item {
margin: 0 20px 0 0
}
.hongo-contact-form-style-3 .wpcf7-radio span.wpcf7-list-item input[type="radio"],
.hongo-contact-form-style-3 .wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"] {
margin: 5px 5px 0 0
}
.hongo-contact-form-style-3 .wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
}
.hongo-contact-form-style-3 .wpcf7-spinner {
top: 18px;
} .hongo-contact-form-style-4 {
display: inline-block;
}
.hongo-contact-form-style-4 .wpcf7-text,
.hongo-contact-form-style-4 .wpcf7-textarea,
.hongo-contact-form-style-4 .wpcf7-select {
border: 1px solid rgba(255, 255, 255, .2);
background-color: transparent;
color: #808080;
border-radius: 5px;
padding: 12px 20px 13px;
}
.hongo-contact-form-style-4 .wpcf7-select {
padding: 14px 16px 15px;
color: #808080;
}
.hongo-contact-form-style-4 input:focus,
.hongo-contact-form-style-4 textarea:focus,
.hongo-contact-form-style-4 .wpcf7-select:focus {
border-color: #c7c7c7;
}
.hongo-contact-form-style-4 ::-webkit-input-placeholder {
color: #808080;
text-overflow: ellipsis;
}
.hongo-contact-form-style-4 ::-moz-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
.hongo-contact-form-style-4 :-ms-input-placeholder {
color: #808080;
text-overflow: ellipsis;
opacity: 1;
}
.hongo-contact-form-style-4 .btn {
margin-top: 20px;
}
.hongo-contact-form-style-4 .wpcf7-radio,
.hongo-contact-form-style-4 .wpcf7-checkbox {
margin-bottom: 15px;
display: inline-block;
text-align: left;
width: 100%;
}
.hongo-contact-form-style-4 .wpcf7-radio span.wpcf7-list-item,
.hongo-contact-form-style-4 .wpcf7-checkbox span.wpcf7-list-item {
margin: 0 20px 0 0
}
.hongo-contact-form-style-4 .wpcf7-radio span.wpcf7-list-item input[type="radio"],
.hongo-contact-form-style-4 .wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"] {
margin: 5px 5px 0 0
}
.hongo-contact-form-style-4 .wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
}
.hongo-contact-form-style-4 .wpcf7-spinner {
top: 18px;
}  .interactive-banner-style-1 {
position: relative;
overflow: hidden
}
.interactive-banner-style-1 .interactive-featurebox-image img {
display: block;
margin-left: auto;
margin-right: auto;
transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
}
.interactive-banner-style-1:hover .interactive-featurebox-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.interactive-banner-style-1>.hongo-featurebox-text,
.interactive-banner-style-1 .hongo-featurebox-hover {
position: absolute;
width: calc(100% - 40px);
left: 20px;
bottom: 20px;
background-color: #fff;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.interactive-banner-style-1>.hongo-featurebox-text {
font-size: 12px;
color: #232323;
font-weight: 500;
padding: 10px 25px 9px;
}
.interactive-banner-style-1>.hongo-featurebox-text i {
color: #808080;
margin: 0 0 0 9px;
position: relative;
top: 0;
font-size: 10px
}
.interactive-banner-style-1 .hongo-featurebox-hover {
border: 50px solid transparent;
opacity: 0;
height: 0;
overflow: hidden;
bottom: -100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.interactive-banner-style-1:hover>.hongo-featurebox-text {
opacity: 0;
}
.interactive-banner-style-1:hover .hongo-featurebox-hover {
height: calc(100% - 40px);
opacity: 1;
bottom: 20px;
}
.interactive-banner-style-1 .hongo-featurebox-hover .hongo-featurebox-text {
color: #232323;
font-weight: 500;
margin-bottom: 10px;
}
.interactive-banner-style-1 .content {
margin-bottom: 25px;
}
.interactive-banner-style-1 .hongo-interative-banner-content-wrap {
display: table;
height: 100%;
}
.interactive-banner-style-1 .hongo-interative-banner-content-middle {
display: table-cell;
vertical-align: middle;
} .interactive-banner-style-2 * {
transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
}
.interactive-banner-style-2 .interactive-featurebox-image img {
display: block;
margin-left: auto;
margin-right: auto;
}
.interactive-banner-style-2 {
position: relative;
overflow: hidden
}
.interactive-banner-style-2 .hongo-featurebox-text {
position: absolute;
bottom: 0;
left: 0;
padding: 60px 80px 60px 50px;
height: 40px;
width: 100%;
font-size: 15px;
font-weight: 500;
}
.interactive-banner-style-2:hover .hongo-featurebox-text {
height: 100%;
}
.interactive-banner-style-2 .hongo-textbox-content-wrapper {
height: 100%;
display: table;
}
.interactive-banner-style-2 .hongo-textbox-content-middle {
display: table-cell;
vertical-align: middle;
}
.interactive-banner-style-2 .interactive-title {
margin-bottom: 7px;
color: #fff
}
.interactive-banner-style-2 .content {
opacity: 0;
visibility: hidden;
font-size: inherit;
line-height: 24px;
font-weight: 400;
width: 90%;
color: #878787;
}
.interactive-banner-style-2:hover .content {
opacity: 1;
visibility: visible;
}
.interactive-banner-style-2 .hongo-overlay {
z-index: 0;
opacity: .7;
color: #232323
}
.interactive-banner-style-2:hover .hongo-overlay {
opacity: .90;
background: #121212;
}
.interactive-banner-style-2>.hongo-featurebox-text i {
color: #000;
font-size: 15px;
margin: 0;
position: absolute;
bottom: 38px;
right: 50px;
;
float: right;
width: 24px;
height: 24px;
background-color: #fff;
border-radius: 100%;
text-align: center;
line-height: 24px;
padding-left: 1px;
}
.interactive-banner-style-2>.hongo-featurebox-text img {
margin: 0;
position: absolute;
bottom: 38px;
right: 50px;
;
float: right;
border-radius: 100%;
max-width: 24px;
}
.text-right .interactive-banner-style-2 .content {
width: 100%;
}
.text-center .interactive-banner-style-2 .content {
width: 100%;
} .interactive-banner-style-3 {
position: relative;
overflow: hidden
}
.interactive-banner-style-3 .interactive-featurebox-image img {
display: block;
margin-left: auto;
margin-right: auto;
}
.interactive-banner-style-3>.hongo-featurebox-text {
padding: 0 15px;
opacity: 1;
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.interactive-banner-style-3:hover>.hongo-featurebox-text {
top: -100%;
opacity: 0;
}
.interactive-banner-style-3 .hongo-featurebox-text {
font-size: 13px;
color: #ffffff;
font-weight: 500;
letter-spacing: 1px
}
.interactive-banner-style-3 .hongo-overlay {
z-index: 0;
opacity: .65;
background: #232323;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.interactive-banner-style-3:hover .hongo-overlay {
opacity: .80;
background: #000
}
.interactive-banner-style-3:hover img {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.interactive-banner-style-3 .hongo-featurebox-hover .hongo-featurebox-text {
margin-bottom: 5px;
}
.interactive-banner-style-3 .hongo-featurebox-hover .content {
width: 80%;
padding: 0;
display: inline-block;
clear: both;
color: rgba(255, 255, 255, .66);
margin-bottom: 22px;
}
.text-right .interactive-banner-style-3 .hongo-featurebox-hover .content,
.text-left .interactive-banner-style-3 .hongo-featurebox-hover .content {
width: 100%;
}
.interactive-banner-style-3 .hongo-featurebox-hover {
padding: 0 15px;
position: absolute;
opacity: 0;
width: 100%;
left: 0;
bottom: -100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.interactive-banner-style-3:hover .hongo-featurebox-hover {
bottom: 50%;
opacity: 1;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
} .interactive-banner-style-4 {
position: relative;
overflow: hidden
}
.interactive-banner-style-4 .interactive-featurebox-image img {
display: block;
margin-left: auto;
margin-right: auto;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.interactive-banner-style-4:hover .interactive-featurebox-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.interactive-banner-style-4 .hongo-featurebox-text {
font-size: 16px;
color: #ffffff;
font-weight: 500;
margin-bottom: 8px;
}
.interactive-banner-style-4 .hongo-overlay {
z-index: 0;
opacity: 0;
background-color: #232323;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.interactive-banner-style-4:hover .hongo-overlay {
opacity: .95;
}
.interactive-banner-style-4 .hongo-featurebox-hover .content {
width: 80%;
padding: 0;
display: inline-block;
clear: both;
color: rgba(255, 255, 255, .50);
margin-bottom: 25px;
}
.interactive-banner-style-4 .hongo-featurebox-hover {
padding: 0 15px;
opacity: 0;
position: absolute;
width: 100%;
left: 0;
bottom: -60%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.text-right .interactive-banner-style-4 .hongo-featurebox-hover .content,
.text-left .interactive-banner-style-4 .hongo-featurebox-hover .content {
width: 100%;
}
.interactive-banner-style-4:hover .hongo-featurebox-hover {
opacity: 1;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
}
.interactive-banner-style-4 .btn {
border-radius: 4px;
} .interactive-banner-style-5 .hongo-featurebox-text {
padding: 30px;
background: #232323;
width: 100%;
}
.interactive-banner-style-5 .hongo-featurebox-text .hongo-textbox-content-wrapper {
display: table;
}
.interactive-banner-style-5 .hongo-featurebox-text .interactive-number {
font-size: 36px;
font-weight: 300;
color: rgba(255, 255, 255, .25);
display: table-cell;
vertical-align: middle;
padding-right: 20px;
}
.interactive-banner-style-5 .hongo-featurebox-text .interactive-title {
display: table-cell;
width: 100%;
vertical-align: middle;
font-size: 12px;
font-weight: 500;
color: #fff;
line-height: normal;
word-break: break-word;
}
.interactive-banner-style-5 .hongo-featurebox-text .interactive-title span {
display: block;
color: #808080;
font-weight: 500;
} .interactive-banner-style-6 {
position: relative;
overflow: hidden;
background-color: #fff;
padding: 13px;
}
.interactive-banner-style-6 .interactive-featurebox-image {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.interactive-banner-style-6 .interactive-featurebox-image img {
display: block;
margin-left: auto;
margin-right: auto;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.interactive-banner-style-6:hover .interactive-featurebox-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.interactive-banner-style-6 .hongo-featurebox-text {
font-size: 13px;
line-height: 18px;
color: #232323;
font-weight: 500;
}
.interactive-banner-style-6 .hongo-overlay {
z-index: 0;
opacity: 0;
background-color: #232323;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.interactive-banner-style-6:hover .hongo-overlay {
opacity: .95;
}
.interactive-banner-style-6 .hongo-subtitle {
font-size: 11px;
color: #808080;
line-height: 24px;
font-weight: 500;
margin-bottom: 6px;
}
.interactive-banner-style-6 .hongo-featurebox-hover {
padding: 0 15px;
opacity: 0;
position: absolute;
width: 100%;
left: 0;
bottom: -60%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.interactive-banner-style-6:hover .hongo-featurebox-hover {
opacity: 1;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%)
} .special-content-block-1 .block-img img,
.special-content-block-2 .block-img img,
.special-content-block-3 .block-img img {
width: 100%;
} .special-content-block-1 {
position: relative;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.special-content-block-1 .block-img {
width: 74%;
}
.special-content-block-1 .block-content {
width: 50%;
padding: 45px 0 45px 45px;
background: #fff;
margin-left: -100px;
position: relative;
}
.special-content-block-1 .block-content ul {
padding: 0 0 0 17px;
margin: 0;
}
.special-content-block-1 .block-content ul li {
margin: 0 0 10px 0;
}
.special-content-block-1 .block-content ul li:last-child {
margin-bottom: 0;
} .special-content-block-2 {
display: table;
position: relative;
width: 100%;
height: 100%;
padding: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 3px 1px rgba(134, 134, 134, 0.1);
box-shadow: 0 0 3px 1px rgba(134, 134, 134, 0.1);
overflow: hidden;
border-radius: 7px;
}
.text-right .special-content-block-2 .hongo-separator {
margin-left: auto;
margin-right: 0;
}
.text-center .special-content-block-2 .hongo-separator {
margin-left: auto;
margin-right: auto;
}
.special-content-block-2 .block-content {
display: table-cell;
vertical-align: middle;
padding: 20px 12%;
width: 50%;
}
.special-content-block-2 .block-img {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.special-content-block-2 .block-content img {
margin-bottom: 34px;
}
.special-content-block-2 .block-content .content-block-title {
font-size: 24px;
line-height: 26px;
color: #232323;
font-weight: 300;
margin-bottom: 65px;
}
.special-content-block-2 .block-content .content-block-title strong {
font-weight: 600;
font-size: 28px;
word-break: break-word;
}
.special-content-block-2 .offer {
display: inline-block;
border: 1px dashed #f57250;
padding: 4px 20px 3px;
font-size: 12px;
color: #f57250;
font-weight: 600;
} .special-content-block-3 a {
display: block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.special-content-block-3 a:hover {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.special-content-block-3 .content-block-title {
color: #232323;
font-weight: 500;
margin-top: 25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.special-content-block-3 a:hover .content-block-title {
color: #232323;
}
.special-content-block-3 .block-img {
box-shadow: 0 3px 10px rgba(0, 0, 0, .06);
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .06);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.special-content-block-3:hover .block-img {
box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .hongo-gmap-style-2 iframe {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-ms-filter: grayscale(100%) invert(100%);
filter: grayscale(100%) invert(100%);
-webkit-backface-visibility: hidden;
margin-top: 3px;
}
.hongo-gmap-style-3 iframe {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(99%);
-webkit-backface-visibility: hidden;
}
.hongo-gmap-full-height iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
}  .woocommerce table.shop_table {
border: 0;
border-radius: 0;
margin-bottom: 0;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
padding: 25px 10px;
border-right: 0
}
.woocommerce table.shop_table th:first-child {
padding-left: 0;
}
.woocommerce table.shop_table th:last-child {
padding-right: 0;
}
.woocommerce table.shop_table td:first-child {
padding-left: 0;
padding-right: 5px;
}
.woocommerce table.shop_table td:last-child {
padding-right: 0;
}
.woocommerce table.shop_table th {
border-bottom: 1px solid #e8e8e8;
border-top: none;
color: #232323;
font-size: 12px;
font-weight: 500;
}
.woocommerce table.shop_table th:last-child,
.woocommerce table.shop_table td:last-child {
text-align: left;
}
.woocommerce table.shop_table td,
.hongo-wishlist-page table.table td {
border-bottom: 1px solid #e8e8e8;
border-top: none;
}
.woocommerce table.shop_table tr:last-child td,
.woocommerce table.shop_table tfoot tr:last-child th {
border-bottom: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
margin: 0;
background-color: #f7f7f7;
padding: 20px 35px;
width: 25%;
font-size: 12px
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
list-style: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #e8e8e8;
padding: 16px 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
color: #f57250;
}
.woocommerce-account .woocommerce-MyAccount-content a {
text-decoration: underline;
color: #232323
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message a {
color: #fff;
}
.woocommerce-account .woocommerce table.my_account_orders .button,
.woocommerce-account .woocommerce a.button {
padding: 3px 20px 2px;
font-size: 10px;
margin: 2px;
line-height: 20px;
text-decoration: none;
color: #fff
}
.woocommerce-account .woocommerce table.my_account_orders .button:hover,
.woocommerce-account .woocommerce a.button:hover {
color: #232323
}
.woocommerce-account .woocommerce table.my_account_orders {
font-size: inherit;
line-height: 22px;
margin-bottom: 0
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
padding-left: 13px;
}
.woocommerce-account .woocommerce .both-content-center .woocommerce-MyAccount-content {
padding-left: 19px;
}
.woocommerce-account .woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
margin-bottom: 50px;
}
.woocommerce-account .woocommerce .woocommerce-customer-details {
margin-bottom: 0;
}
.woocommerce-account .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
margin-bottom: 0;
}
.woocommerce-account .woocommerce-page h3#order_review_heading {
border-bottom: 0;
}
.woocommerce-account .woocommerce .woocommerce-customer-details address {
border: 0;
border-radius: 0;
padding: 0;
}
.woocommerce-account address,
.woocommerce-column--billing-address address {
line-height: 24px;
margin-bottom: 0
}
.woocommerce-account .woocommerce-password-strength {
font-size: 13px;
color: #232323;
}
.woocommerce-account .woocommerce-page form .form-row textarea {
height: 5em;
}
.woocommerce-account .woocommerce-page header.title h3 {
margin-bottom: 0;
border-bottom: 0 solid #e7e7e7;
padding-bottom: 0;
}
.woocommerce-account .woocommerce-page header h3 {
font-size: 18px;
line-height: 26px;
color: #232323;
font-weight: 600;
margin-bottom: 15px;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 10px;
}
.woocommerce-account .woocommerce-page header.title {
margin-bottom: 15px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
float: left;
}
.woocommerce-account .woocommerce-account .addresses .title .edit {
margin-top: 8px;
font-size: 12px;
}
.woocommerce-account .woocommerce-page legend {
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 15px;
color: #232323;
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.woocommerce-account .woocommerce-page fieldset {
margin-top: 30px;
margin-bottom: 15px;
}
.woocommerce-account .woocommerce-page mark.order-number,
.woocommerce-page mark.order-date,
.woocommerce-page mark.order-status {
padding: 0;
background-color: transparent;
}
.woocommerce-account .woocommerce-address-fields .woocommerce-address-fields__field-wrapper {
margin-bottom: 15px;
width: 100%;
float: left;
}
.woocommerce-account .woocommerce-address-fields>p {
clear: both
}
.woocommerce-account .woocommerce-page .col2-set form.login input.button,
.woocommerce-page .col2-set form.register input.button {
padding: 8px 21px 7px;
}
.woocommerce-account #add_payment_method table.cart img,
.woocommerce-checkout table.cart img {
border: 1px solid #f7f7f7;
width: 70px;
}
.woocommerce-account #select2-billing_state-container,
#select2-shipping_state-container {
min-height: 41px;
}
.woocommerce-account .hongo-my-account-full .btn,
.hongo-my-account-full .button,
.hongo-wishlist-page .button {
text-transform: uppercase
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #232323
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:before,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li i {
font-family: 'themify';
font-size: 16px;
padding-right: 15px
}
.woocommerce-account .woocommerce table.shop_table th,
.woocommerce-account .woocommerce table.shop_table td,
.woocommerce-order-details table.shop_table tfoot tr th,
.woocommerce-order-details table.shop_table tfoot tr td,
.woocommerce-order-pay table.shop_table th,
.woocommerce-order-pay table.shop_table td {
padding: 13px 10px;
}
.woocommerce-account .woocommerce table.shop_table td:first-child,
.woocommerce-account .woocommerce table.shop_table th:first-child {
padding-left: 0
}
.woocommerce-account .woocommerce .woocommerce-pagination--without-numbers {
border-top: 2px solid #232323;
margin-top: 25px;
padding: 20px 0;
}
.woocommerce-account .woocommerce .woocommerce-pagination a {
font-size: 12px;
border: none;
background-color: transparent;
padding: 0;
color: #232323;
position: relative;
}
.woocommerce-account .woocommerce .woocommerce-pagination a.woocommerce-button--next {
text-align: right;
display: inherit;
padding-right: 12px
}
.woocommerce-account .woocommerce .woocommerce-pagination a.woocommerce-button--previous {
text-align: left;
display: inherit;
padding-left: 12px
}
.woocommerce-account .woocommerce .woocommerce-pagination a.woocommerce-button--next:after {
font-family: "Font Awesome 5 Free";
content: "\f105";
position: absolute;
right: 0;
font-weight: 900;
font-size: 14px;
}
.woocommerce-account .woocommerce .woocommerce-pagination a.woocommerce-button--previous:before {
font-family: "Font Awesome 5 Free";
content: "\f104";
position: absolute;
left: 0;
font-weight: 900;
font-size: 14px;
top: -1px
}
.woocommerce-account .woocommerce-Address header,
.woocommerce-account form.edit-account fieldset legend {
border-bottom: 1px solid #e7e7e7;
padding: 0 0 12px 0;
margin: 0 0 18px 0;
}
.woocommerce-account .woocommerce-Address header h3,
.woocommerce-account form.edit-account fieldset legend {
margin: 0;
font-size: 16px
}
.woocommerce-account form.edit-account fieldset legend {
margin-bottom: 30px;
margin-top: 30px;
font-weight: 600;
} .woocommerce form .form-row label,
label {
font-weight: 500;
line-height: normal;
margin-bottom: 12px;
color: #232323
}
.woocommerce form .form-row input.input-text {
line-height: inherit;
}
.woocommerce form .form-row {
padding: 0;
margin: 0 0 25px;
}
.woocommerce form .form-row label.inline {
display: block;
clear: both;
}
.woocommerce form .form-row .input-checkbox {
margin: 5px 8px 0 0;
}
.woocommerce form .form-row .required {
font-weight: 500;
color: #ed3737
}
.woocommerce form .form-row em {
margin-top: 10px;
display: block;
font-style: normal
} #customer_login {
width: 85%;
margin: 0 auto;
}
.woocommerce form.login,
.woocommerce form.register {
border: 0px;
border-radius: 0;
padding: 55px;
margin: 35px 0 0;
text-align: left;
border: 1px solid #e8e8e8
}
.woocommerce form .woocommerce-privacy-policy-text {
line-height: 20px;
font-size: 13px;
}
.woocommerce-account #customer_login.col2-set {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce-account #customer_login.col2-set .u-column1,
.woocommerce-account #customer_login.col2-set .u-column2 {
width: 100%;
}
.woocommerce-account #customer_login.col2-set .u-column1.col-1 {
margin-right: 7%;
}
.woocommerce form.lost_reset_password,
.woocommerce form.lost_reset_password {
width: 50%;
margin: 0 auto;
padding: 5%;
border: 1px solid #e8e8e8
}
.woocommerce form.login label.inline {
margin: 12px 0 0 0;
}
.woocommerce form.login .lost_password {
margin: 0;
text-align: right;
}
.woocommerce-privacy-policy-text a {
text-decoration: underline;
}
.woocommerce form.lost_reset_password .form-row-first {
width: 100%;
}
.woocommerce-form-login {
background-color: #f7f7f7;
border: none !important
}
.woocommerce-form-register>p:last-child,
.woocommerce-ResetPassword>p:last-of-type {
margin-bottom: 0
}
.hongo-myaccount-without-register {
width: 40%;
margin: 0 auto
}
.hongo-my-account-full table.shop_table.cart .actions .coupon {
width: 50%;
}
.hongo-my-account-full table.shop_table.cart .actions .coupon .input-text {
width: 62%;
}
.hongo-my-account-full table.shop_table.cart .actions .coupon .button {
margin-left: 0;
}
.hongo-my-account-full table.shop_table.cart .actions .btn,
.hongo-my-account-full table.shop_table.cart .actions .button {
float: right;
margin-left: 10px
}
.woocommerce-checkout .woocommerce #customer_login .col-1 form.login {
width: 100%;
padding: 55px;
margin: 35px 0 0;
background-color: #f7f7f7;
} .woocommerce ul.order_details {
margin: 0 0 65px 0;
list-style: none;
padding: 0;
}
.woocommerce ul.order_details li,
.woocommerce ul.order_details li:last-of-type {
font-size: 12px;
border-right: 1px solid #e8e8e8;
margin-right: 3%;
padding-right: 3%;
margin-bottom: 15px;
}
.woocommerce ul.order_details li:last-child,
.woocommerce ul.order_details li:last-child {
border-right: none
}
.woocommerce ul.order_details li strong {
font-size: 13px;
font-weight: 500;
padding-top: 5px;
color: #232323;
}
.woocommerce table.shop_table.order_details tfoot td p {
padding: 0;
margin: 0;
}
.woocommerce table.shop_table.order_details tfoot td a {
text-decoration: underline
}
.woocommerce table.shop_table.order_details tfoot td a:hover {
text-decoration: none
}
.woocommerce-thankyou-order-received {
font-size: 24px;
color: #232323;
margin-bottom: 40px;
padding-bottom: 35px;
border-bottom: 1px solid #e8e8e8;
font-weight: 500
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th,
.woocommerce-account .woocommerce .woocommerce-table--order-details tfoot tr th,
.woocommerce-order-details table.shop_table tfoot tr th,
.woocommerce-order-pay table.shop_table tfoot tr th {
padding-left: 53% !important;
width: 75%;
font-size: 13px
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr td,
.woocommerce-account .woocommerce .woocommerce-table--order-details tfoot tr td,
.woocommerce-order-details table.shop_table tfoot tr td,
.woocommerce-order-pay table.shop_table tfoot tr td {
font-size: 13px
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details th,
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td {
padding: 20px 10px;
}
.woocommerce-order-downloads,
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-columns--addresses {
padding: 0;
}
.woocommerce-order-downloads h2,
.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-columns--addresses h2 {
border-bottom: 1px solid #e7e7e7;
padding: 0 0 12px 0;
margin: 0 0 18px 0;
font-size: 16px
}
.woocommerce-order>section:last-child {
margin-bottom: 0;
margin-top: 80px
}
.woocommerce-page .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-order-downloads h2 {
border-bottom: 0;
padding-bottom: 0 !important;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead tr th:first-child {
width: auto;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td a,
.restore-item {
text-decoration: underline
}
.woocommerce-checkout .woocommerce table.shop_table tfoot td a.woocommerce-remove-coupon {
float: right
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td a:hover,
.restore-item:hover {
text-decoration: none
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
border-top: 0;
border-color: #e8e8e8;
}
.woocommerce table.shop_table tfoot td {
color: #232323;
}
.woocommerce-order-details tr.woocommerce-table__line-item td ul {
padding-left: 0
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address,
.woocommerce-account .woocommerce-Address {
padding: 30px;
border: 1px solid #e8e8e8
}
.woocommerce .woocommerce-columns--addresses,
.woocommerce-account .woocommerce-Addresses {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.woocommerce .woocommerce-columns--addresses .woocommerce-column,
.woocommerce-account .woocommerce-Address {
margin-right: 30px
}
.woocommerce .woocommerce-customer-details address {
padding: 0;
border: none
}
.woocommerce-checkout.woocommerce-order-pay #payment ul.payment_methods {
border: 1px solid #e8e8e8
} .woocommerce table.shop_table thead th {
padding: 15px 10px
}
.woocommerce table.shop_table .product-quantity .quantity {
margin: 0 !important;
display: inline-block;
}
.woocommerce a.remove,
.hongo-page-remove-wish {
font-size: 18px;
color: #232323 !important;
font-weight: 500;
}
.woocommerce a.remove:hover {
background-color: transparent;
color: #f57250 !important;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
border: 1px solid #e8e8e8;
padding: 3px 6px 5px;
line-height: 20px;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 120px;
}
.woocommerce-page .cart-collaterals .cart_totals h4 {
margin-bottom: 10px;
font-size: 18px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
vertical-align: inherit;
width: 120px;
font-weight: 500;
font-size: 12px
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th small {
font-weight: 400
}
.woocommerce-cart .cart-collaterals .cart_totals table {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount,
.woocommerce-cart .cart-collaterals .cart_totals table tr.tax-rate {
color: #232323
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount a {
text-transform: uppercase;
font-size: 12px;
float: right;
text-decoration: underline;
margin-left: 10px;
margin-top: -1px;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount a:hover {
text-decoration: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
border: 0;
border-bottom: 1px solid #e8e8e8;
}
.woocommerce-checkout .checkout-sidebar table.shop_table tr.cart_item:last-child td {
border-bottom: 1px solid #e8e8e8;
}
.woocommerce-cart .cart-collaterals .cart-subtotal td {
color: #232323
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button {
margin-top: 0;
font-size: 12px;
color: #232323;
font-weight: 500;
display: block;
position: relative;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button:before {
font-family: 'themify';
content: "\e64b";
position: absolute;
right: 5px;
font-weight: 700;
font-size: 10px
}
.woocommerce ul#shipping_method li {
line-height: 22px
}
.woocommerce ul#shipping_method li input {
margin: 5px 10px 0 0
}
.woocommerce ul#shipping_method .amount {
font-weight: 600
}
.woocommerce ul#shipping_method li label {
color: #808080
}
.woocommerce ul#shipping_method li label small {
display: block;
margin-left: 23px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
text-transform: capitalize;
color: #808080
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th,
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td,
.woocommerce-checkout .checkout-sidebar table.shop_table th,
.woocommerce-checkout .checkout-sidebar table.shop_table td {
padding-top: 20px;
padding-bottom: 20px
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td,
.woocommerce-checkout .checkout-sidebar .order-total span,
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td span {
font-size: 24px;
font-weight: 600;
color: #232323;
line-height: 23px;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td .includes_tax span {
font-size: 11px;
}
.woocommerce-checkout .checkout-sidebar .order-total small {
display: block
}
.woocommerce-checkout .checkout-sidebar .order-total small span {
font-size: 11px;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr:last-child th {
border: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table td p {
margin: 0 0 5px 0;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals table td .woocommerce-shipping-calculator>p {
text-align: right;
}
.woocommerce-cart .cart-collaterals .cart_totals table td .shipping-calculator-button i {
margin: 0 0 0 5px;
position: relative;
top: 2px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td .woocommerce-shipping-calculator p .button {
margin-top: 5px;
width: 100%;
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cart_totals table td section {
padding: 0;
}
.shipping-calculator-form {
display: none;
}
.woocommerce-cart .wc-proceed-to-checkout {
margin: 0;
padding: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
text-transform: uppercase;
margin-top: 20px;
width: 100%;
margin-bottom: 0
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
display: none;
}
.checkout-content-left {
padding-right: 70px;
padding-left: 0;
}
.checkout-sidebar {
padding: 50px;
background: #f7f7f7;
}
.checkout-sidebar .zoid-outlet {
width: 100% !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-cart table.cart td.actions {
padding-top: 60px;
}
.woocommerce-cart table.cart td.actions .coupon {
width: 50%;
position: relative;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 100%;
padding: 12px 130px 12px 35px;
background: url(//fotohandeldelfshaven.com/wp-content/themes/hongo/assets/images/coupon-code-icon.png) no-repeat;
background-size: 14px;
background-position: center left 5px;
border: none;
border-bottom: 1px solid #e8e8e8
}
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart table.cart td.actions .btn {
float: right;
font-size: 12px;
color: #232323;
text-transform: capitalize;
border: none;
border-bottom: 2px solid #232323;
padding: 0;
margin-left: 30px;
background-color: transparent !important;
position: relative;
top: 10px
}
.woocommerce-cart .woocommerce .woocommerce-cart-form tr:not(.cart_item) td.actions .coupon button {
padding: 0 10px 0 0;
text-transform: capitalize;
width: auto;
position: absolute;
outline: none;
border: none;
color: #232323;
background-color: transparent;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-remove {
width: 25px
}
.woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item img {
width: 75px
}
.woocommerce-cart .woocommerce .woocommerce-cart-form tr.cart_item .product-thumbnail {
width: 110px
}
.woocommerce td.product-name dl.variation dt {
font-weight: 400
}
.woocommerce table.shop_table td small {
display: block;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form table.cart td.actions .coupon label {
display: none;
} .display-none-form {
display: none;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background-color: transparent;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border: none;
background: #fff;
padding: 30px;
margin-bottom: 40px;
margin-top: 20px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 3px 10px 0 0;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 20px;
}
#add_payment_method #payment ul.payment_methods li.woocommerce-info > .woocommerce-info,
.woocommerce-cart #payment ul.payment_methods li.woocommerce-info > .woocommerce-info,
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-info > .woocommerce-info {
padding: 0;
margin: 0;
}
#add_payment_method #payment ul.payment_methods li.woocommerce-info > .woocommerce-info:before,
.woocommerce-cart #payment ul.payment_methods li.woocommerce-info > .woocommerce-info:before,
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-info > .woocommerce-info:before {
display: none;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal input[type="radio"] {
margin-top: 17px;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #f7f7f7;
padding: 20px 25px
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid #f7f7f7;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label {
margin: 0;
line-height: 18px;
font-size: 14px
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
margin: -2px .5em 0;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background-color: transparent;
color: #000;
}
.woocommerce-checkout h4 {
margin-bottom: 30px;
font-size: 18px;
}
.woocommerce-checkout .checkout-sidebar h4 {
margin-bottom: 20px
}
.woocommerce-checkout .woocommerce-shipping-fields input[type="checkbox"] {
margin-left: 0;
position: relative
}
.woocommerce-checkout .create-account .form-row.woocommerce-invalid label {
color: #232323
}
.woocommerce-checkout .woocommerce table.woocommerce-checkout-review-order-table tbody td,
.woocommerce-order-details tr.woocommerce-table__line-item td {
padding-top: 12px;
padding-bottom: 12px
}
.woocommerce-checkout .woocommerce table.woocommerce-checkout-review-order-table td strong,
.woocommerce-checkout .woocommerce table.woocommerce-checkout-review-order-table th strong,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-order-details tr.woocommerce-table__line-item td strong {
font-weight: 500
}
.woocommerce-checkout .woocommerce tr.woocommerce-shipping-totals th,
.woocommerce-cart .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th {
vertical-align: top;
}
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info {
border: none;
font-size: 13px;
color: #232323;
background: transparent;
text-align: center;
margin: 0;
padding-bottom: 12px !important;
padding: 0;
}
.woocommerce-checkout .woocommerce form.checkout {
margin-top: 90px;
float:left; 
width:100%;
}
.woocommerce-checkout .woocommerce form.login,
.woocommerce form.checkout_coupon {
background: transparent;
width: 30%;
margin: 0 auto;
padding: 0;
border: none;
}
.woocommerce form.checkout_coupon {
text-align: center;
display: none;
}
.woocommerce-checkout .woocommerce form.login p:first-child,
.woocommerce-checkout .woocommerce form.checkout_coupon p:first-child {
line-height: 22px;
margin-top: 15px;
}
.woocommerce-checkout .woocommerce form.login .lost_password a {
margin-bottom: 50px;
display: inline-block;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
margin-bottom: 25px
}
.woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: #232323;
text-decoration: underline;
}
.woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
text-decoration: none;
}
.woocommerce-form-login-toggle .woocommerce-info:before,
.woocommerce-form-coupon-toggle .woocommerce-info:before {
display: none;
}
.woocommerce-form-login-toggle .woocommerce-info i,
.woocommerce-form-coupon-toggle .woocommerce-info i {
margin-right: 10px;
font-size: 16px;
vertical-align: text-top;
}
.woocommerce .checkout-content-left .col2-set .col-1,
.woocommerce .checkout-content-left .col2-set .col-2 {
width: 100%;
padding: 0;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a {
text-decoration: underline;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text {
font-size: 13px;
color: #808080
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
margin-bottom: 0
}
.woocommerce-form-login-toggle p,
.woocommerce-form-coupon p {
width: 100% !important
}
.checkout-content-left .cross-sells {
width: 100%;
}
.woocommerce-cart .cross-sells>h2 {
font-size: 14px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
margin-bottom: 20px;
margin-bottom: 0;
}
.woocommerce-cart .checkout-content-left,
.woocommerce-cart .checkout-sidebar {
margin-bottom: 50px;
}
.woocommerce-cart .cross-sells {
padding-left: 0;
padding-right: 0;
}
.woocommerce-cart .cross-sells .swiper-container {
padding-bottom: 0;
}
.woocommerce-cart .checkout-sidebar .hongo-loader {
background-color: #f00;
}
.woocommerce-cart .checkout-sidebar .blockUI.blockOverlay,
.woocommerce-cart .checkout-sidebar .blockUI.blockOverlay,
.woocommerce-checkout .checkout-sidebar .blockUI.blockOverlay,
.woocommerce-checkout .checkout-sidebar .blockUI.blockOverlay {
background-color: #F7F7F7 !important;
z-index: 0 !important;
} .cart-empty,
.no-product-wishlist {
text-align: center;
font-size: 18px;
color: #232323;
font-weight: 500;
margin-bottom: 20px;
}
.cart-empty i,
.no-product-wishlist i {
font-size: 50px;
display: block;
margin-bottom: 35px;
}
.return-to-shop {
text-align: center;
}
.return-to-shop a {
text-transform: uppercase;
} .track_order {
background: #f7f7f7;
padding: 55px;
width: 50%;
margin: 0 auto
}
.track_order p {
width: 100% !important
}
.track_order button.button {
padding: 7px 20px;
text-transform: uppercase;
font-size: 12px;
}
.track_order p:last-of-type {
margin-bottom: 0
} .hongo-wishlist-page table.table {
border: 0;
}
.hongo-wishlist-page table.table th {
border-bottom: 1px solid #e8e8e8;
border-right: 0;
border-top: none;
padding: 15px 10px;
vertical-align: middle;
}
.hongo-wishlist-page table.table td {
padding: 25px 10px;
vertical-align: middle;
border-right: 0;
}
.hongo-wishlist-page table.table tr:last-child td {
border-bottom: 0;
padding-left: 0;
padding-right: 0
}
.hongo-wishlist-page table.table tr td:last-child a {
float: right
}
.hongo-wishlist-page table.table td .attachment-woocommerce_thumbnail,
.hongo-wishlist-page table.table td .woocommerce-placeholder {
width: 75px;
}
.hongo-wishlist-page table.table .hongo-empty-wishlist {
float: right
}
.hongo-wishlist-page table.table td del {
margin-right: 6px;
}
.hongo-wishlist-page table.table .btn {
text-transform: uppercase;
}
.hongo-wishlist-page .wishlistlink th.product-remove,
.hongo-wishlist-page .wishlistlink th.product-check,
.hongo-wishlist-page .wishlistlink table.table td:first-child {
width: 25px;
}
.hongo-wishlist-page .wishlistlink th.product-remove.product-thumbnail {
width: 100px
}
.hongo-wishlist-page table.table th {
color: #232323;
font-size: 12px;
font-weight: 500;
}
.hongo-wishlist-page table.table td .button i {
display: none;
}
.hongo-wishlist-page table.table td .button {
min-width: 135px
}
.hongo-wishlist-page .wishlistlink th.product-add-to-cart {
width: 100px
}
.hongo-remove-wishlist-selected {
float: left;
margin: 0;
top: 0
}
.hongo-empty-wishlist {
top: 0;
margin: 0;
} .woocommerce .woocs_price_info {
margin-left: 7px;
top: 3px;
}
.woocommerce .woocs_price_info_list {
min-width: 1px !important;
padding: 6px 15px 7px !important;
border-radius: 4px !important;
margin: 0 0 1.2em !important;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce .woocs_price_info_list li {
width: auto !important;
height: auto !important;
padding: 0 !important;
} .hongo-myaccount-navigation-links {
list-style: none;
padding: 0;
margin: 50px -15px 0;
clear: both;
}
.hongo-myaccount-navigation-links li {
float: left;
text-align: center;
width: calc(33.333%);
margin-bottom: 30px;
padding: 0 15px;
}
.hongo-myaccount-navigation-links li a {
text-decoration: none !important;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
display: block;
padding: 35px 15px;
border: 1px solid #e8e8e8;
}
.hongo-myaccount-navigation-links li a:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.hongo-myaccount-navigation-links li a:hover i {
color: #f57250;
}
.hongo-myaccount-navigation-links li i {
display: block;
font-size: 26px;
margin-bottom: 10px;
}  .footer-default-wrapper {
background-color: #1e1e1e;
}
.footer-default-wrapper .hongo-footer-middle {
padding: 60px 15px;
}
.footer-default-wrapper .hongo-footer-bottom {
padding: 30px 15px;
text-align: center;
background-color: #232323;
}
.footer-default-wrapper .footer-sidebar .widget_media_image {
margin-bottom: 14px;
}
.footer-default-wrapper .footer-sidebar .widget_hongo_custom_text_widget {
width: 82%;
} .footer-light-style.footer-main-wrapper section {
background-color: #fff;
}
footer.footer-light-style a:hover {
color: #232323
}
footer.footer-light-style .hongo-footer-top .widget .widget-title {
color: #232323;
}
footer.footer-light-style .hongo-footer-middle .widget .widget-title,
footer.footer-light-style .hongo-footer-middle .hongo-link-menu li.menu-title,
footer.footer-light-style .hongo-footer-middle .hongo-link-menu li.menu-title a {
color: #232323;
}
footer.footer-light-style .social-icon-style-1 a {
color: #232323;
}
footer.footer-light-style .hongo-contact-info-wrap>div i {
color: #232323;
}
footer.footer-light-style .hongo-footer-bottom .hongo-contact-info-wrap>div:before {
background-color: #232323;
}
footer.footer-light-style .hongo-footer-bottom .widget_nav_menu ul li a:hover {
color: #232323;
}
footer.footer-light-style .newsletter-style-1 input,
footer.footer-light-style .newsletter-style-1 input:focus {
border: 1px solid #DEDEDE;
background-color: #fff;
color: #DEDEDE;
}
footer.footer-light-style .newsletter-style-1 .btn,
footer.footer-light-style .newsletter-style-1 .btn:active:focus,
footer.footer-light-style .newsletter-style-1 .btn:active {
background-color: #fff;
color: #232323;
}
footer.footer-light-style .newsletter-style-1 .btn:hover {
color: #000000;
}
.footer-main-wrapper section {
padding: 60px 0;
background-color: #1e1e1e;
}
footer {
clear: both;
overflow: hidden;
position: relative;
}
footer ul {
list-style: none;
padding: 0;
margin: 0;
}
footer,
footer a {
line-height: 22px;
font-weight: 400;
}
footer a:hover {
color: #b5b5b5
} footer .hongo-footer-top .widget .widget-title {
margin: 0 20px 0 0;
font-size: 12px;
font-weight: 500;
color: #B7B7B7;
}
footer .hongo-footer-top .widget>div {
display: inline-block;
vertical-align: middle
} footer .hongo-footer-middle .widget .widget-title,
footer .hongo-footer-middle .hongo-link-menu.navigation-link-vertical li.menu-title,
footer .hongo-footer-middle .hongo-link-menu.navigation-link-vertical li.menu-title a{
font-size: 13px;
font-weight: 500;
color: #B7B7B7;
display: block;
}
footer .hongo-footer-middle .hongo-link-menu.navigation-link-vertical li.menu-title .left-icon {
margin-right: 8px;
vertical-align: middle
}
footer .hongo-footer-middle .hongo-link-menu.navigation-link-vertical li.menu-title .right-icon {
margin-left: 8px;
vertical-align: middle
}
footer .hongo-footer-middle .hongo-link-menu.navigation-link-vertical li.menu-title,
footer .hongo-footer-middle .widget .widget-title{
margin-bottom: 13px;
}
footer .hongo-footer-middle .widget.widget_hongo_instagram_widget .widget-title {
position: relative;
top: -1px;
clear: both;
} footer .widget_hongo_newsletter p {
margin-bottom: 20px;
} footer .hongo-footer-middle .social-icon-style-15 ul li {
min-width: 130px;
}
footer .hongo-footer-middle .social-icon-style-15 ul {
margin-left: 0;
margin-right: 0;
}
footer .hongo-footer-middle .social-icon-style-15 ul li {
padding-left: 0;
padding-right: 0;
}
footer .social-icon-style-1 a {
color: #B7B7B7;
}
footer .hongo-footer-middle .social-icon-style-15 ul.one-column li {
min-width: 100%;
display: block;
}
footer .social-icon-style-14 .very-small-icon a,
footer .social-icon-style-15 .very-small-icon a {
font-size: 12px;
line-height: 22px;
color: #8a8a8a;
} .hongo-footer-middle .newsletter-style-1.textwidget {
width: 100%;
} .widget_nav_menu ul,
.hongo-link-menu {
padding: 0;
margin: 0;
list-style: none
}
.widget_nav_menu ul li,
.hongo-link-menu li {
position: relative;
padding: 0;
margin: 0 0 3px 0;
}
.widget_nav_menu ul li:last-child,
.hongo-link-menu li:last-child {
margin-bottom: 0;
} footer .hongo-footer-bottom .hongo-contact-info-wrap>div {
padding: 0 16px;
margin: 0;
position: relative;
display: inline-block;
}
footer .hongo-footer-bottom .hongo-contact-info-wrap>div:last-child {
padding-right: 0;
}
footer .hongo-footer-bottom .hongo-contact-info-wrap>div:first-child {
padding-left: 0;
}
footer .hongo-contact-info-wrap>div {
margin-bottom: 4px;
}
footer .hongo-contact-info-wrap>div i {
font-size: 12px;
color: #6b6b6b;
margin-right: 12px;
vertical-align: middle;
margin-top: -1px;
min-width: 12px;
text-align: center;
}
footer .hongo-contact-info-wrap>div i.fa-phone {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
footer .hongo-footer-bottom .hongo-contact-info-wrap>div:before {
content: "";
margin-top: -1px;
background-color: #6f6f6f;
width: 5px;
height: 5px;
border-radius: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: -3px;
top: 50%;
}
footer .hongo-footer-bottom .hongo-contact-info-wrap>div:last-child:before {
display: none;
} footer .navigation-link-horizontal {
padding: 0;
margin: 0;
list-style: none;
vertical-align: middle
}
footer .navigation-link-horizontal li {
position: relative;
padding: 0 10px 0 0;
margin: 0 10px 0 0;
float: none;
display: inline-block;
}
footer .navigation-link-horizontal li .left-icon {
margin: 0 8px 0 0;
vertical-align: middle;
}
footer .navigation-link-horizontal li .right-icon {
margin: 0 0 0 8px;
vertical-align: middle;
}
footer .navigation-link-horizontal li:last-child {
padding-right: 0;
margin-right: 0;
}
footer .navigation-link-horizontal.navigation-link-separator li {
padding: 0 15px 0 0;
margin: 0 15px 0 0;
}
footer .navigation-link-horizontal.navigation-link-separator li:last-child {
padding-right: 0;
margin-right: 0;
}
footer .navigation-link-horizontal.navigation-link-separator li:last-child:after {
display: none
}
footer .navigation-link-horizontal.navigation-link-separator li:after {
content: "";
width: 1px;
height: 10px;
position: absolute;
background-color: rgba(159, 159, 159, 0.2);
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
float: right;
} footer .widget_nav_menu ul {
padding: 0;
margin: 0;
list-style: none
}
footer .widget_nav_menu ul li {
position: relative;
padding: 0;
margin: 0;
}
footer .widget_nav_menu ul li a {
vertical-align: middle;
}
footer .widget_nav_menu ul li a:hover {
color: #b5b5b5;
}
footer .widget_nav_menu .widget-title {
display: none;
} footer .hongo-latest-blog-widget .latest-blog-meta-date,
footer .hongo-latest-blog-widget .latest-blog-meta-author {
display: inline-block;
}
footer .latest-post.hongo-latest-blog-widget .hongo-latest-blog-widget {
text-align: left;
}
footer .latest-post.hongo-latest-blog-widget li figure {
display: block;
} .latest-post.hongo-latest-blog-widget {
padding-top: 6px !important;
}
.latest-post.hongo-latest-blog-widget li {
display: table;
padding: 0 0 10px;
margin: 0 0 11px 0;
width: 100%;
}
.latest-post.hongo-latest-blog-widget li:last-child {
margin: 0;
padding: 0;
border: 0;
}
.latest-post.hongo-latest-blog-widget li figure {
display: table;
vertical-align: top;
width: 60px;
float: left;
padding: 0;
margin: 1px 18px 0 0;
}
.latest-post.hongo-latest-blog-widget .hongo-latest-blog-widget {
display: table;
vertical-align: top;
position: relative;
top: -3px;
}
.latest-post.hongo-latest-blog-widget li .hongo-latest-blog-widget a.latest-blog-title {
margin-bottom: 5px;
line-height: normal;
display: inline-block;
width: 90%
}
.latest-post.hongo-latest-blog-widget li .hongo-latest-blog-widget .content {
margin-bottom: 1px;
display: block;
} .footer-sticky-content {
background-color: #ffffff;
position: relative;
z-index: 2;
overflow: visible;
}
.footer-sticky {
position: sticky;
position: -webkit-sticky;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.footer-sticky .wow {
visibility: visible !important;
}
.hongo-filter-sidebar-wrap .footer-sticky-content {
z-index: 9999;
}
.hongo-contain-footer-sticky .hongo-main-title-wrap {
z-index: 1;
}
.hongo-contain-footer-sticky .hongo-main-content-wrap {
z-index: 1;
}
.hongo-contain-footer-sticky .hongo-page-breadcrumb,
.hongo-contain-footer-sticky .hongo-product-archive-breadcrumb {
z-index: 1;
position: relative;
}
.hongo-contain-footer-sticky.hongo-filter-sidebar-wrap .hongo-main-content-wrap {
z-index: 99999;
}
.hongo-contain-footer-sticky header.site-header.header-sticky {
z-index: 99998;
} footer .simple-dropdown .simple-menu {
position: inherit;
width: 100%;
height: auto;
display: block;
visibility: visible;
overflow: visible;
opacity: 1;
}
footer .simple-dropdown ul.sub-menu {
width: 100%;
background-color: rgba(28, 28, 28, 0);
padding: 7px 0 8px;
margin: 0;
}
footer .simple-dropdown>i {
margin-left: 5px;
display: none
}
footer .simple-dropdown a {
color: #808080;
line-height: 21px;
font-weight: 400;
}
footer .simple-dropdown a:hover {
color: #fff;
}
footer .simple-dropdown a>i {
margin-right: 7px;
min-width: 16px;
vertical-align: middle;
}
footer .simple-dropdown a>i.right-icon {
float: right;
margin-right: 0;
margin-left: 7px;
position: relative;
top: 4px;
}
footer .simple-dropdown ul.sub-menu li a {
padding: 5px 15px;
color: #808080;
}
footer .simple-dropdown ul.sub-menu li a:hover {
color: #fff;
} .elements-list ul {
list-style: none;
padding: 0;
}
.elements-list ul li:first-child {
border: 0;
}
.elements-list ul li:first-child.menu-title a,
.elements-list ul li:first-child.menu-title {
font-weight: 600;
color: #232323;
}
.elements-list ul li {
width: 100%;
padding: 0 0 9px 0;
margin-bottom: 8px;
border-bottom: 1px solid #e8e8e8
}
.elements-list ul li:last-child {
border-bottom: 0;
margin-bottom: 25px;
}
.elements-list ul li a i {
margin-right: 10px;
position: relative;
top: 1px;
}  header .logo {
width: auto !important;
max-height: 24px;
vertical-align: text-bottom;
}
header a.logo-dark {
display: none;
}
header .sticky-appear a.logo-light {
display: none;
}
header .sticky-appear a.logo-dark {
display: inline-block;
}
header h1 {
font-size: inherit !important;
line-height: normal !important;
margin: 0 !important;
padding: 0 !important;
}
header .site-title a {
color: #121212;
font-size: 24px;
font-weight: 600;
} .header-default-wrapper.navbar-default {
background-color: #fff;
border-radius: 0;
border: 0;
margin: 0;
display: table;
width: 100%;
display: table
}
.header-default-wrapper.navbar-default .nav-header-container {
display: table-cell;
vertical-align: middle;
position: relative;
}
.header-default-wrapper.navbar-default .nav-header-container .row {
align-items: center;
display: -ms-flex;
display: -webkit-flex;
display: flex;
height: auto;
padding: 0;
}
.header-default-wrapper.navbar-default .nav-header-container .row>div:first-child {
flex: 1 1 auto;
}
.header-default-wrapper .navbar-collapse.collapse {
display: inline-block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
padding: 0;
vertical-align: middle;
}
.header-default-wrapper.navbar-default .navbar-nav>li {
position: relative;
}
.header-default-wrapper.navbar-default .navbar-nav>li>a {
color: #232323;
padding: 25px 18px;
font-weight: 500;
margin: 0;
font-size: 13px;
position: relative;
background-color: transparent !important;
display: block;
}
.header-default-wrapper.navbar-default .navbar-nav>li>a:hover,
.header-default-wrapper.navbar-default .navbar-nav>li:hover>a,
.header-default-wrapper.navbar-default .navbar-nav>li>a.active,
.header-default-wrapper.navbar-default .navbar-nav>li.urrent-menu-ancestor>a,
.header-default-wrapper.navbar-default .navbar-nav>li.current_page_ancestor>a,
.header-default-wrapper.navbar-default .navbar-nav>li.current-menu-item>a {
color: #808080;
}
.header-default-wrapper .simple-dropdown ul.sub-menu {
display: none;
position: absolute;
left: 0;
padding: 15px 0;
margin: 0;
width: 180px;
background-color: #1c1c1c;
z-index: 99;
list-style: none;
}
.header-default-wrapper .simple-dropdown ul.sub-menu li a {
padding: 10px 25px;
color: #8d8d8d;
font-size: 12px;
font-weight: 400;
line-height: 14px;
display: block;
position: relative;
}
.header-default-wrapper .simple-dropdown ul.sub-menu li:hover > a,
.header-default-wrapper .simple-dropdown ul.sub-menu li a:hover,
.header-default-wrapper .simple-dropdown ul.sub-menu li.current-menu-item>a,
.header-default-wrapper .simple-dropdown ul.sub-menu li.current_page_ancestor>a {
color: #fff;
}
.header-default-wrapper .simple-dropdown ul.sub-menu li.menu-item {
position: relative;
}
.header-default-wrapper .simple-dropdown ul.sub-menu li.menu-item>ul {
top: -15px;
left: 181px;
display: none;
visibility: visible;
opacity: 1;
}
.header-default-wrapper .simple-dropdown ul.sub-menu li.menu-item:hover>ul {
display: block;
visibility: visible;
opacity: 1;
overflow: visible
}
.header-default-wrapper .simple-dropdown ul.sub-menu li.menu-item-has-children:before {
content: "\e649";
font-family: 'themify';
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 15px;
top: 50%;
font-size: 10px;
}
.header-default-wrapper .simple-dropdown li:hover>ul.sub-menu {
display: block;
visibility: visible;
opacity: 1;
}
.header-default-wrapper .simple-dropdown ul.sub-menu li.menu-item-has-children:hover:before {
color: #fff;
}
.text-center .hongo-vc-equal-height,
.text-right .hongo-vc-equal-height,
.text-left .hongo-vc-equal-height {
text-align: left;
}
header .display-inline-block {
display: inline-block
}
.header-default-wrapper .navbar-toggle {
top: -3px;
}
.header-default-wrapper .navbar-toggle .sr-only {
display: none;
}
.header-default-wrapper .navbar-toggle .icon-bar {
background-color: #232323;
} header.header-default-wrapper .nav>li {
display: inline-block;
position: inherit;
margin: 0;
outline: none;
}
header.header-default-wrapper .nav>li:first-child>a {
padding-left: 0;
}
header.header-default-wrapper .nav>li:last-child>a {
padding-right: 0;
}
header.header-default-wrapper .nav>li>a {
padding: 25px 18px;
font-weight: 500;
margin: 0;
color: #232323;
font-size: 13px;
position: relative;
background-color: transparent !important;
display: block;
}
header.header-default-wrapper .nav>li>a:hover {
background-color: transparent;
color: #000;
}
header.header-default-wrapper .nav>li>a .menu-hover-line {
position: relative;
}
header.header-default-wrapper .nav>li>a .menu-hover-line:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
-o-transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
background-color: #000;
}
header.header-default-wrapper .nav>li.on>a .menu-hover-line:after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
header.header-default-wrapper .nav>li>a.active .menu-hover-line:after,
header.header-default-wrapper .nav>li.active>a .menu-hover-line:after,
header.header-default-wrapper .nav>li.current-menu-ancestor>a .menu-hover-line:after,
header.header-default-wrapper .nav>li.current-menu-item>a .menu-hover-line:after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
header.header-default-wrapper .nav>li>a>i {
margin-right: 7px;
position: relative;
top: 5px;
font-size: 12px;
margin-bottom: 5px;
float: left;
min-width: 16px;
font-weight: 900;
}
header.header-default-wrapper .nav>li i.dropdown-toggle {
display: none;
}
header.header-default-wrapper .nav>li:hover>a,
header.header-default-wrapper .nav>li>a.active,
header.header-default-wrapper .nav>li.active>a,
header.header-default-wrapper .nav>li.current-menu-ancestor>a,
header.header-default-wrapper .nav>li.current-menu-item>a,
header.header-default-wrapper .nav>li.current-menu-item>a {
color: #000;
}  header.header-sticky .landing-header {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
header.header-sticky .landing-header .btn-dark-gray {
background-color: #f57250;
border-color: #f57250;
}
header.header-sticky .landing-header .btn-dark-gray:hover {
background-color: #fff;
border-color: #fff;
color: #232323
} .hongo-section-product-featurebox-2 .hongo-section-product-featurebox {
height: 100%;
display: table-cell;
vertical-align: top;
width: 100%;
}
.hongo-section-product-featurebox-2 .wpb_wrapper {
height: 100%;
display: table;
width: 100%;
}
.hongo-section-product-featurebox-2 {
padding-left: 65px;
position: relative;
}
.hongo-section-product-featurebox-2 .hongo-featurebox-img {
position: absolute;
left: 0;
}
.hongo-section-product-featurebox-2 .hongo-featurebox-text,
.hongo-section-product-featurebox-2 .hongo-featurebox-text a {
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #232323;
line-height: normal;
font-size: 13px;
line-height: 20px;
margin-bottom: 4px;
}
.hongo-section-product-featurebox-2 .content {
font-size: 12px;
line-height: 18px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
margin-bottom: 17px;
}
.hongo-section-product-featurebox-2 .hongo-featurebox-text a:hover {
color: #f57250;
}
.hongo-section-product-featurebox-2 .sub-title {
font-size: 12px;
line-height: normal
}
.text-center .hongo-section-product-featurebox-2 {
display: inline-block;
} .image-carousel-style-3 .image-carousel-title {
color: #3e3c3c;
font-size: 13px;
margin-top: 20px;
font-weight: 500;
}
.image-carousel-style-3 .swiper-slide {
padding-top: 20px;
padding-bottom: 20px;
}
.image-carousel-style-3 img {
width: 100%;
}
.hongo-image-box-shadow {
box-shadow: 0 0 8px rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .08);
} @media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
nav.navbar.hongo-header-common-menu .mega-menu-full .textwidget .menu-banner-image img {
width: 100%;
}
.vc_row-o-equal-height.vc_row-o-content-middle .wpb_wrapper .hongo-product-featurebox img {
width: 100%;
}
.vc_row-o-equal-height.vc_row-o-content-middle .wpb_wrapper .hongo-product-featurebox.icon-text-style-6 img {
width: auto;
}
.special-content-block-2 {
display: block !important
}
.special-content-block-2 .block-img img {
width: 100%;
}
.fancy-text-box-style-1 span:before {
top: 17px !important;
}
.woocommerce ul.hongo-shop-minimalist.products li.product .product-thumb-wrap {
display: block;
}
.woocommerce ul.products.hongo-shop-minimalist li.product .product-buttons-wrap .loading:after {
position: absolute !important;
right: -2px !important;
left: inherit !important;
margin: 0 !important;
padding: 0 !important;
top: 2px !important
}
.woocommerce ul.products.hongo-shop-metro li.product .product-thumb-wrap,
.woocommerce ul.products.hongo-shop-metro li.product.product-category img {
display: block;
}
.header-main-wrapper section>div,
.header-main-wrapper section>div>.vc_column-inner {
position: static;
}
.woocommerce a.reset_variations {
display: inline-block !important;
}
.woocommerce ul.products.hongo-shop-flat li.product .product-buttons-wrap {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.woocommerce ul.products.hongo-shop-metro li.product .product-buttons-wrap {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.woocommerce ul.hongo-shop-flat.products li.product .product-thumb-wrap {
display: block;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap .swiper-thumb-next {
bottom: inherit;
top: 100%;
}
.sidebar .newsletter-style-4 input {
padding-top: 4px;
}
input,
textarea,
select,
.form-control {
padding: 6px 15px 13px
}
.hongo-hamburger-menu .hongo-hamburger-menu-bg {
overflow-y: auto;
}
.hongo-hamburger-menu .hongo-hamburger-menu-bg .menu-content-inner-wrap {
overflow: inherit;
max-height: inherit;
}
.footer-sticky {
position: fixed;
position: -webkit-fixed;
z-index: 0;
}
.woocommerce a.reset_variations {
display: table !important;
}
.woocommerce .single-product-modern div.product div.images .hongo-single-product-thumb-wrap ol {
overflow: hidden;
}
.hongo-main-content-wrap {
overflow: visible;
}
.parallax {
background-attachment: inherit;
background-size: 115%;
background-position-x: center !important
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter label input {
vertical-align: sub;
}
} .hongo-stretch-content,
.vc_row-o-full-height,
.hongo-main-title-wrap {
visibility: hidden;
opacity: 0;
}
body.hongo-ready .hongo-stretch-content,
body.hongo-ready .vc_row-o-full-height,
body.hongo-ready .hongo-main-title-wrap {
visibility: visible !important;
opacity: 1;
} .post-password-form label input[type="password"] {
margin: 5px 0 0;
}
.post-password-form input[type="submit"] {
margin: 5px 0 0 5px;
background-color: #000;
color: #fff;
border: 2px solid #000;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.post-password-form input[type="submit"]:hover {
background-color: transparent;
color: #000;
} .vc_row-o-equal-height.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper,
.vc_row-o-equal-height.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper .hongo-product-featurebox {
height: 100%;
}
.vc_row-o-equal-height.vc_row-o-content-middle.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper {
height: 100%;
display: table;
width: 100%
}
.vc_row-o-equal-height.vc_row-o-content-middle.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper>div {
height: 100%;
display: table-cell;
vertical-align: middle;
width: 100%
}
.vc_row-o-equal-height.vc_row.vc_row-o-content-middle.hongo-vc-equal-height .vc_column_container .vc_column-inner.hongo-vc-equal-height-column-inner {
-webkit-box-pack: inherit;
-webkit-justify-content: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
}
.vc_row-o-equal-height.vc_row-o-content-middle.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper .vc_hongo_feature_box {
height: 100%;
display: table;
width: 100%
}
.vc_row-o-equal-height.vc_row-o-content-top.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper {
height: 100%;
display: table;
width: 100%
}
.vc_row-o-equal-height.vc_row-o-content-top.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper .hongo-product-featurebox {
height: 100%;
display: table-cell;
vertical-align: top;
width: 100%
}
.vc_row-o-equal-height.vc_row.vc_row-o-content-top.hongo-vc-equal-height .vc_column_container .vc_column-inner.hongo-vc-equal-height-column-inner {
-webkit-box-pack: inherit;
-webkit-justify-content: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
}
.vc_row-o-equal-height.vc_row-o-content-top.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper .vc_hongo_feature_box {
height: 100%;
display: table;
width: 100%
}
.vc_row-o-equal-height.vc_row-o-content-bottom.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper {
height: 100%;
display: table;
width: 100%
}
.vc_row-o-equal-height.vc_row-o-content-bottom.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper .hongo-product-featurebox {
height: 100%;
display: table-cell;
vertical-align: bottom;
width: 100%
}
.vc_row-o-equal-height.vc_row.vc_row-o-content-bottom.hongo-vc-equal-height .vc_column_container .vc_column-inner.hongo-vc-equal-height-column-inner {
-webkit-box-pack: inherit;
-webkit-justify-content: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
}
.vc_row-o-equal-height.vc_row-o-content-bottom.hongo-vc-equal-height .hongo-vc-equal-height-column-inner .wpb_wrapper .vc_hongo_feature_box {
height: 100%;
display: table;
width: 100%
}
.equal_height_disable {
height: auto !important;
display: block !important;
} .compose-mode .vc_controls>.vc_controls-bc {
margin-bottom: 20px;
}
.entry-content .vc_col-has-fill>.vc_column-inner,
.entry-content .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.entry-content .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.entry-content .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.entry-content .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.entry-content .vc_row-has-fill>.vc_column_container>.vc_column-inner,
.entry-content .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.entry-content .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.entry-content .vc_section.vc_section-has-fill,
.entry-content .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.entry-content .vc_section.vc_section-has-fill+.vc_section {
padding-top: 0;
}
.vc_element.vc_hongo_button {
display: inline-block !important;
}
.vc_column-inner.no-column-padding {
padding-left: 0;
padding-right: 0;
}
.page .wpb_content_element,
ul.wpb_thumbnails-fluid>li {
margin-bottom: 0;
}
.compose-mode .vc-main-sortable-container>.vc_empty-placeholder {
margin-bottom: 0;
}
.vc_element .blog-post-gallery-grid .grid-sizer,
.vc_element .blog-grid .grid-sizer,
.vc_element .post-grid .grid-sizer {
padding: 0 !important;
width: auto
}
.compose-mode .vc_vc_row section.vc_row {
padding-top: 130px
}
.wpb_gmaps_widget .wpb_wrapper {
background-color: inherit;
padding: 0;
}
.vc_element.vc_hongo_portfolio_slider {
position: inherit;
}
.hongo-video-wrapper {
position: relative;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before {
font-weight: 900;
}
.vc_vc_single_image~.vc_empty-shortcode-element.vc_hongo_popup {
min-height: initial;
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.compose-mode .vc_controls>.vc_controls-out-tl {
top: 0 !important
}
.vc_hongo_popup.vc_empty-shortcode-element {
position: inherit !important;
}
.vc_message_box-icon>* {
font-weight: 900;
} .wp-block-pullquote {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
margin-bottom: 35px;
margin-top: 30px;
color: #808080;
border-left: 0px;
}
.wp-block-pullquote cite {
color: inherit;
}
:root .wp-block-pullquote .has-very-dark-gray-color {
color: inherit;
}
.wp-block-table td,
.wp-block-table th {
border-color: #ededed;
}
pre.wp-block-verse {
margin-bottom: 30px;
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments li article {
display: table
}
.wp-block-latest-comments li article footer,
.wp-block-latest-comments li article .wp-block-latest-comments__comment-excerpt {
margin-left: 0 !important
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
margin-bottom: 10px;
line-height: 1.2;
}
ul.aligncenter {
display: table;
}
.editor-block-list__layout a:hover,
.editor-block-list__layout a:focus {
text-decoration: none;
}
.wp-block-media-text,
.wp-block-code,
.wp-block-preformatted {
margin-bottom: 28px;
margin-top: 28px;
}
.wp-block-pullquote p,
.wp-block-pullquote p:last-of-type {
line-height: 1.6;
margin-bottom: 28px;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 28px;
}
.alignwide {
position: relative;
margin-left: auto;
margin-right: auto;
}
.wp-block-cover p.has-text-color a {
text-decoration: none;
}
.wp-block-button a {
text-decoration: none;
}
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.wp-block-audio,
.wp-block-cover,
.wp-block-image {
margin-bottom: 28px;
margin-top: 28px;
}
.wp-block-table.is-style-stripes {
border: 1px solid #e8e8e8;
border-right: 0;
margin-bottom: 25px;
}
.wp-block-table.is-style-stripes table {
margin-bottom: 0;
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-right: 1px solid #e8e8e8;
}
.gallery-columns-5 {
float: left;
width: 100%;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 0 20px 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
margin-right: 16px;
text-align: center;
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 {
float: left;
width: 100%;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 0 20px 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
margin-right: 16px;
text-align: center;
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 {
float: left;
width: 100%;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 0 20px 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
margin-right: 16px;
text-align: center;
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 {
float: left;
width: 100%;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 0 20px 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
margin-right: 16px;
text-align: center;
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 {
float: left;
width: 100%;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 0 20px 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
margin-right: 16px;
text-align: center;
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.wp-block-preformatted,
.wp-block-verse {
border-color: #ededed;
}
.wp-block-latest-posts a {
text-decoration: none;
}
.wp-block-cover .wp-block-cover-text {
font-size: 16px;
}
.wp-block-video {
margin: 28px 0;
}
.wp-block-categories-list ul ul {
list-style-type: circle;
}
.single-format-audio .wp-audio-shortcode {
margin-bottom: 50px;
}
.wp-block-button {
margin-bottom: 20px;
}
.wp-block-search {
margin-bottom: 28px;
margin-top: 28px;
}
.wp-block-search .wp-block-search__label {
color: #808080;
}
.wp-block-search .wp-block-search__input {
width: auto;
border-radius: 4px;
margin: auto;
padding: 6px 0;
color: rgba(14, 28, 46, .62);
font-size: 13px;
line-height: inherit;
}
.wp-block-search .wp-block-search__button {
color: #808080;
padding: 6px 10px;
background: #f7f7f7;
border: 1px solid #ccc;
box-shadow: inset 0 -1px 0 #ccc;
border-radius: 4px;
outline: 0;
font-size: 13px;
}
.wp-block-calendar table caption,
.wp-block-calendar table th {
text-align: center;
}
.wp-block-calendar table {
border: 0
}
.wp-block-quote {
width: 100%;
}
.wp-block-quote cite { 
display: inline-block;
}
.wp-block-quote.has-text-align-left cite { 
text-align: left;
}
.wp-block-quote.has-text-align-center cite { 
text-align: center;
} .wp-block-button__link {
color: #fff;
}
.entry-content .wp-block-video.alignwide {
width: 100%;
max-width: 100%;
}
.container.hongo_layout_no_sidebar_single .entry-content *.alignfull,
body .container .entry-content *.alignfull {
position: relative;
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
left: calc((1140px - 100vw)/2);
width: 100vw;
max-width: 100vw;
}
.wp-block-button.alignright, .wp-block-button.alignleft {
margin-top: 28px;
margin-bottom: 28px;
}
.wp-block-button.alignright {
margin-left: 2em;
}
.wp-block-button.alignleft {
margin-right: 2em;
}
.wp-block-cover p:not(.has-text-color) {
color: #fff;
} .is-style-large {
border: 0;
}
.wp-block-pullquote blockquote {
border: 0;
margin: 1em;
padding: 0;
width: auto;
}
.wp-block-pullquote p,
blockquote.wp-block-quote p {
width: 100%;
}
.wp-block-image .alignleft {
margin-right: 2em;
margin-top: 28px;
margin-bottom: 28px;
}
.wp-block-image .alignright {
margin-left: 2em;
margin-top: 28px;
margin-bottom: 28px;
}
.wp-block-cover .wp-block-cover-text {
padding-left: 50px;
padding-right: 50px;
}
.wp-block-cover.has-parallax.alignfull .wp-block-cover-text {
padding-left: 14px;
padding-right: 14px;
}
hr.wp-block-separator {
margin-top: 28px;
margin-bottom: 28px;
}
.wp-block-file .wp-block-file__button {
padding: 0.7em 1em;
line-height: 1.8;
}
.wp-block-tag-cloud {
line-height: 24px;
}
.wp-block-tag-cloud a {
text-decoration: underline;
}
.wp-block-tag-cloud a:hover {
text-decoration: none;
}
.wp-block-image .aligncenter {
clear: both;
} .wp-block-image.size-full {
clear: both;
}
.has-small-font-size {
font-size: 12px;
}
.has-normal-font-size,
.has-medium-font-size {
font-size: 13px;
}
.has-large-font-size {
font-size: 16px;
}
.has-huge-font-size {
font-size: 23px;
line-height: 31px;
}
.is-style-outline .wp-block-button__link {
color: #232323;
}
.is-style-outline .wp-block-button__link:hover {
color: #f57250;
} .has-primary-background-color,
:root .has-primary-background-color {
background-color: #6f6f6f;
}
.has-secondary-background-color,
:root .has-secondary-background-color {
background-color: #f57250;
}
.has-dark-gray-background-color,
:root .has-dark-gray-background-color {
background-color: #232323;
}
.has-light-gray-background-color,
:root .has-light-gray-background-color {
background-color: #f1f1f1;
}
.has-white-background-color,
:root .has-white-background-color {
background-color: #ffffff;
} .has-primary-color,
.wp-block-cover p.has-primary-color a,
.wp-block-cover p.has-primary-color {
color: #808080;
}
.has-secondary-color,
.wp-block-cover p.has-secondary-color a,
.wp-block-cover p.has-secondary-color {
color: #f57250;
}
.has-dark-gray-color,
.wp-block-cover p.has-dark-gray-color a,
.wp-block-cover p.has-dark-gray-color {
color: #232323;
}
.has-light-gray-color,
.wp-block-cover p.has-light-gray-color a,
.wp-block-cover p.has-light-gray-color {
color: #f1f1f1;
}
.has-white-color,
.wp-block-cover p.has-white-color a,
.wp-block-cover p.has-white-color {
color: #ffffff;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
margin-top: 10px;
}
.wp-block-gallery {
margin-bottom: 28px;
}
.wp-block-preformatted pre,
.wp-block-verse pre {
padding: .8em 1em;
}
.container.hongo_layout_no_sidebar_single .entry-content *.alignfull .wp-block-column{
padding-left: 15px;
padding-right: 15px;
}
.wp-block-button a { 
line-height: 1.8;
}
.wp-block-tag-cloud a {
margin-right: 5px;
}
.wp-block-latest-comments a {
text-decoration: none;
}
.wc-block-product-search .wc-block-product-search__field {
margin-bottom: 0;
} .lazyload,
.lazyloading,
.lazy {
background: url(//fotohandeldelfshaven.com/wp-content/themes/hongo/assets/images/loading-black-small.svg) center center no-repeat #fff !important;
position: relative;
border-color: transparent !important;
opacity: 1 !important;
transition: all 0s ease-in-out !important;
-moz-transition: all 0s ease-in-out !important;
-webkit-transition: all 0s ease-in-out !important;
-ms-transition: all 0s ease-in-out !important;
-o-transition: all 0s ease-in-out !important;
} .sidebar .wpml-ls-legacy-dropdown {
width: 100%;
}
.sidebar .wpml-ls-legacy-dropdown a {
color: #808080;
font-weight: 400;
padding: 7px 15px 9px;
text-transform: none;
background-color: #fff;
border-color: #d6d6d6;
transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
}
.sidebar .wpml-ls-legacy-dropdown a:hover,
.sidebar .wpml-ls-legacy-dropdown .wpml-ls-item:hover a {
background-color: #fff;
color: #808080;
}
.sidebar .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border: 5px solid transparent;
border-top: 5px solid;
color: #888;
}
.sidebar .wpml-ls-legacy-dropdown .wpml-ls-item:hover a.wpml-ls-item-toggle:after {
top: calc(50% - .555em);
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border: 0;
}
.sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {
background-color: #fff;
}
.sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
padding: 7px 10px;
color: #808080;
font-weight: 400;
line-height: 24px;
font-size: inherit;
border-bottom: 0;
}
.sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:last-child a {
border-bottom: 1px solid #d6d6d6;
}
.sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover {
background-color: #232323;
color: #b1b1b1;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom: 0;
}
.wpml-ls-statics-footer .wpml-ls-current-language > a {
color: #000000;
background-color: #eeeeee;
}
header .widget_hongo_search_widget .widget-title, 
header .widget_hongo_account_menu_widget span, 
header .widget_hongo_account_menu_widget .ti-angle-down, 
header .widget_hongo_wishlist_link_widget span { 
display: none;
}
header .widget_hongo_wishlist_link_widget .hongo-wishlist-counter-wrap {
margin-right: 10px;
}
header .widget_hongo_wishlist_link_widget .hongo-wishlist-counter-wrap span {
display: inline;
position: absolute;
top: -8px;
right: -12px;
font-weight: 500;
background-color: #232323;
width: 16px;
height: 16px;
text-align: center;
font-size: 10px;
color: #fff;
line-height: 16px;
border-radius: 100%;
}
header .mini-header-main-wrapper .widget_hongo_wishlist_link_widget .hongo-wishlist-counter-wrap a.wishlist-link {
padding-right: 24px;
}
header .mini-header-main-wrapper .widget_hongo_wishlist_link_widget .hongo-wishlist-counter-wrap a.wishlist-link span {
top: 8px;
right: 12px;
width: 15px;
height: 15px;
line-height: 16px;
}
header .mini-header-main-wrapper .widget_hongo_wishlist_link_widget .hongo-wishlist-counter-wrap {
margin-right: 0;
}
header .nav>li.wpml-ls-current-language>a .menu-hover-line:after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
} @supports (-ms-ime-align:auto) {
.footer-sticky {
position: fixed;
position: -webkit-fixed;
}
.woocommerce a.reset_variations {
display: table !important;
}
.hongo-hamburger-menu .hongo-hamburger-menu-bg {
overflow-y: auto;
}
.hongo-hamburger-menu .hongo-hamburger-menu-bg .menu-content-inner-wrap {
overflow: inherit;
max-height: inherit;
}
header .nav>li>a .menu-hover-line {
display: block;
}
.hongo-promo-popup-wrap .hongo-promo-popup-newsletter label input {
vertical-align: sub;
}
}