@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Bodoni+Moda:wght@400;500;600;700;800;900&family=Roboto:wght@300;400&display=swap");
img {
filter: none!important;
transition: none !important;
}
img:hover {
filter: none !important;
}
img:before {
filter: none !important;
}
[class^="wc_payment_method payment_method_tpay"] label:not(.tpay-item) {
display: inline-flex !important;
align-items: center;
}
.grecaptcha-badge{
display: none !important;
}
@media (min-width: 1201px){
.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
row-gap: 15px !important;
display: grid;
grid-template-columns: repeat(6, minmax(0, 100%)) !important;
gap: 0px !important;
}
}
@media (max-width: 1200px) {
.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
grid-template-columns: repeat(5, 1fr) !important; gap: 0px !important;
}
}
@media (max-width: 768px) {
.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
grid-template-columns: repeat(4, minmax(0, 100%)) !important; gap: 0px !important;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option label, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label {
font-size: 8px !important;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
font-size: 8px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
.wapo-addon-description {
font-size: 10px !important;
margin-top: 2px !important;
}
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container {
margin-top: -35px;
width: 400%;
}
.mizumi-table {
border-collapse: collapse;
width: 100%;
}
.mizumi-table td,
.mizumi-table th {
border: 1px solid #000;
padding: 8px;
}
.mizumi-table tr:first-child td {
font-weight: 600;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
font-size: 13px;
word-break: break-word;
padding-left: 10px;
padding-right: 10px;
text-align: center;
font-style: italic;
line-height: 1;
}
.bapf_sfilter .bapf_body .mCSB_container>ul, .bapf_sfilter .bapf_body>ul {
margin-left: 10px !important;
margin-top: 10px !important;
margin-bottom: 15px !important;
padding-left: 10px !important;
}
.bapf_sfilter ul li {
list-style: none !important;
margin: 10px !important;
padding: 0 !important;
max-width: 100%;
text-align: center !important;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option label, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label {
word-break: normal;
margin: 0;
cursor: pointer;
color: black;
}
@media (max-width: 768px) {
#wapo-total-order-price {
display: block !important; }
}
@media (max-width: 768px) {
#wapo-total-price-table {
display: block !important;
}
#wapo-total-price-table table th{
display:none !important;
}
}
@media (max-width: 768px) {
.yith-wapo-option {
display: block !important; }
}
.yith-wapo-label {
display: flex;
flex-direction: column; }
.option-price {
font-size: 95%;
display: flow;
margin-top: 3px;
}  .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option input {
display: none;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option div.label {
border: 1px solid transparent;
padding: 4px;
display: block !important;
align-items: center;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option div.label.selected {
border: 1px solid #000000 !important;
background-color: #50b6a857;
} }
.yith-wapo-option .selection-single label {
display: inline; font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: break-spaces;
vertical-align: baseline;
border-radius: .25em
}
.wp-full-overlay {
background: 0 0;
z-index: 500000;
position: none;
overflow: visible;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
min-width: 0;
}
.vc_images_carousel .vc_carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
border-radius: 4px;
}
.woocommerce td.product-name dl.variation:last-child {
margin-bottom: 5px;
background: #5f9ea01f;
font-size: 10px;
margin-top: revert-layer; }
.ylp-product-wrap.ylp-product-slider .ylp-product-style_1:hover .ylp-product-item-inner .ylp-product-info span.price {
opacity: 100 !important;
}
.ylp-product-wrap .ylp-product-inner .ylp-product-item-wrap .ylp-product-item-inner .ylp-product-thumb {
overflow: hidden;
position: relative;
}
.ylp-product-wrap .ylp-product-inner .ylp-product-item-wrap {
float: none;
}
.mobile-image-product-description-size{
width: 90% !important;
}
.mobile-text-blok-size{
font-size: 11px !important;
}
.mobile-text-blok-size-additional-parameters{
font-size: 11px !important;
}
.mobile-text-blok-size-additional-parameters h2{
display:none;
}
.reviews-desktop-title-hidden h2{
display:none;
}
.first-word-title {
font-family: "Bodoni Moda";
border-bottom: 0.75px solid;
}
.remaining-words-title {
font-family: "Lato";
font-weight: 300;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woocommerce div.product p.price,.woocommerce div.product span.price {
color: #000000;
font-size: 14px;
}
.iworks-omnibus {
font-weight: 400;
font-size: 13px;
border: 1px solid #50b6a857;
padding-top: 5px;
padding-bottom: 5px;
}
.related-colors-thumbs-item {
width: 125px !important;
}
.woocommerce .product-flash-wrap.single-product .product-flash-wrap {
position: absolute;
top: 15px;
left: 0;
z-index: 2;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
color: #000 !important;
text-transform: uppercase !important;
font-size: 12px !important;
font-family: 'Lato'!important;
line-height: 20px !important;
}
.bapf_hideckbox li label, .bapf_hideckbox li label a {
color: #000 !important;
}
div.bapf_sfilter .bapf_head h3 {
font-size: 12px !important;
font-weight: 300 !important;
}
.bapf_sfilter .bapf_clr_span, .bapf_sfilter .bapf_img_span {
display: inline-block!important;
position: relative;
overflow: hidden;
margin: 0px !important;
height: 2em;
width: 2em;	
}  @supports (--css:variables) {
:root {
--layout_site_width: 90%;
--layout_site_max_width: 1200px;
--text_color: #333;
--text_color_lighten_5: #404040;
--text_color_lighten_10: #4d4d4d;
--text_color_lighten_15: #595959;
--text_color_lighten_20: #666666;
--text_color_lighten_25: #737373;
--text_color_lighten_30: #808080;
--text_color_lighten_35: #8c8c8c;
--text_color_lighten_40: #999999;
--text_color_lighten_50: #b3b3b3;
--text_color_lighten_60: #cccccc;
--text_color_lighten_70: #e6e6e6;
--text_color_darken_5: #262626;
--text_color_darken_10: #1a1a1a;
--text_color_darken_15: #0d0d0d;
--text_color_darken_20: #000000;
--text_color_darken_25: #000000;
--text_color_fade_10: rgba(51, 51, 51, 0.1);
--text_color_fade_20: rgba(51, 51, 51, 0.2);
--text_color_fade_30: rgba(51, 51, 51, 0.3);
--text_color_fade_40: rgba(51, 51, 51, 0.4);
--text_color_fade_50: rgba(51, 51, 51, 0.5);
--text_color_fade_60: rgba(51, 51, 51, 0.6);
--text_color_fade_70: rgba(51, 51, 51, 0.7);
--text_color_fade_80: rgba(51, 51, 51, 0.8);
--text_color_fade_90: rgba(51, 51, 51, 0.9);
--primary_color: #111;
--primary_color_lighten_5: #1e1e1e;
--primary_color_lighten_10: #2b2b2b;
--primary_color_lighten_15: #373737;
--primary_color_lighten_20: #444444;
--primary_color_lighten_25: #515151;
--primary_color_darken_5: #040404;
--primary_color_darken_10: #000000;
--primary_color_darken_15: #000000;
--primary_color_darken_20: #000000;
--primary_color_darken_25: #000000;
--primary_color_fade_10: rgba(17, 17, 17, 0.1);
--primary_color_fade_20: rgba(17, 17, 17, 0.2);
--primary_color_fade_30: rgba(17, 17, 17, 0.3);
--primary_color_fade_40: rgba(17, 17, 17, 0.4);
--primary_color_fade_50: rgba(17, 17, 17, 0.5);
--primary_color_fade_60: rgba(17, 17, 17, 0.6);
--primary_color_fade_70: rgba(17, 17, 17, 0.7);
--primary_color_fade_80: rgba(17, 17, 17, 0.8);
--primary_color_fade_90: rgba(17, 17, 17, 0.9);
--secondary_color: #4c4441;
--heading_color: #000;
--heading_color_lighten_20: #333333;
--heading_color_fade_10: rgba(0, 0, 0, 0.1);
--heading_color_fade_20: rgba(0, 0, 0, 0.2);
--heading_color_fade_30: rgba(0, 0, 0, 0.3);
--heading_color_fade_40: rgba(0, 0, 0, 0.4);
--heading_color_fade_50: rgba(0, 0, 0, 0.5);
--heading_color_fade_60: rgba(0, 0, 0, 0.6);
--heading_color_fade_70: rgba(0, 0, 0, 0.7);
--heading_color_fade_80: rgba(0, 0, 0, 0.8);
--heading_color_fade_90: rgba(0, 0, 0, 0.9);
--menu_font: Nunito;
--menu_font_weight: 400;
--menu_font_size: 16px;
--sub_menu_font_size: 15px;
--secondary_font: Montserrat;
--secondary_font_weight: 400;
--secondary_font_size: 15px;
--primary_font: Nunito;
--primary_font_weight: 400;
--primary_font_size: 15px;
--page_title_bg_color: #fff;
--page_title_overlay_color: #000;
--page_title_overlay_opacity: 0;
--page_title_color: #fff;
--page_title_margin_top: 0;
--page_title_margin_bottom: 70px;
--page_title_height: 100px;
--main_menu_height: 80px;
--logo_mobile_max_height: 50px;
--logo_mobile_padding: 15px;
--main_menu_mobile_height: 100px;
--header_1_nav_layout_padding: 100px;
--header_2_nav_layout_padding: 60px;
--header_3_nav_layout_padding: 60px;
--header_4_nav_layout_padding: 100px;
--header_1_nav_distance: 20px;
--header_2_nav_distance: 20px;
--header_3_nav_distance: 20px;
--header_4_nav_distance: 20px;
--top_bar_bg_color: #333;
--top_bar_text_color: #ddd;
--top_bar_layout_padding: 60px;
--logo_padding_top: 10px;
--logo_padding_bottom: 10px;
--menu_sub_bg_color: #fff;
--menu_sub_bg_color_darken_7: #ededed;
--menu_sub_bg_color_darken_15: #d9d9d9;
--menu_sub_bg_color_lighten_7: #ffffff;
--menu_sub_bg_color_lighten_15: #ffffff;
--menu_sub_text_color: #333;
--header_1_nav_bg_color: #ffffff;
--header_1_nav_text_color: #424242;
--header_1_height: 130px;
--header_2_nav_bg_color: #fff;
--header_2_nav_text_color: #424242;
--header_2_height: 90px;
--header_3_nav_bg_color: #ffffff;
--header_3_nav_text_color: #424242;
--header_3_height: 60px;
--header_4_nav_bg_color: #fff;
--header_4_nav_text_color: #424242;
--header_4_height: 130px;
--mobile_background_color: #fff;
--mobile_text_color: #111;
--mobile_text_color_fade_60: rgba(255, 255, 255, 0.6);
--mobile_page_title_height: 140px;
--headersidebar_nav_bg_color: #f4f4f4;
--headersidebar_nav_bg_color_lighten_10: #ffffff;
--headersidebar_nav_text_color: #424242;
--headersidebar_nav_text_color_fade_60: rgba(66, 66, 66, 0.6);
--headersidebar_nav_text_color_fade_85: rgba(66, 66, 66, 0.85);
--headersidebar_sidebar_width: 300px;
}
}  .ylp-product-wrap .ylp-product-tabs-wrap .ylp-product-tab-content.ylp-loading .ylp-cube-grid .ylp-cube {
background-color: var(--primary_color);
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes header-drop {
0% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
@keyframes header-drop-out {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-92px);
-ms-transform: translateY(-92px);
transform: translateY(-92px);
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
transform: translate(-100%);
}
51% {
opacity: 1;
}
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes anim-dash {
0% {
stroke-dashoffset: 1680;
}
100% {
stroke-dashoffset: 0;
}
} @-webkit-keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes anim-elem-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.animate {
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
will-change: transform, opacity;
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.animate.slideDown {
-webkit-animation-name: slideDown;
animation-name: slideDown;
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(0);
}
100% {
-webkit-transform: translateY(-100%);
}
}
@keyframes slideUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.animate.slideUp {
-webkit-animation-name: slideUp;
animation-name: slideUp;
}
@-webkit-keyframes swingInX {
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes swingInX {
0% {
-webkit-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
}
.animate.swingInX {
-webkit-transform-origin: top;
-ie-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-backface-visibility: visible !important;
-webkit-animation-name: swingInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: swingInX;
-o-backface-visibility: visible !important;
-o-animation-name: swingInX;
backface-visibility: visible !important;
animation-name: swingInX;
}
@-webkit-keyframes swingOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(-90deg);
}
}
@keyframes swingOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
}
}
.animate.swingOutX {
-webkit-transform-origin: top;
-webkit-animation-name: swingOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: swingOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: swingOutX;
-o-backface-visibility: visible !important;
animation-name: swingOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animate.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animate.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.animate.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
30% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
30% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
}
.animate.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes pulse-left-right {
0% {
-webkit-transform: translate(0px, 0);
opacity: 0;
}
50% {
-webkit-transform: translate(20px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate(0px, 0);
opacity: 0;
}
}
@keyframes pulse-left-right {
0% {
-ms-transform: translate(0px, 0);
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
opacity: 0;
}
50% {
-ms-transform: translate(20px, 0);
-webkit-transform: translate(20px, 0);
transform: translate(20px, 0);
opacity: 1;
}
100% {
-ms-transform: translate(0px, 0);
-webkit-transform: translate(0px, 0);
transform: translate(0px, 0);
opacity: 0;
}
} @-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(30%);
}
50% {
opacity: 0;
-webkit-transform: translate(-30%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
-webkit-transform: translate(30%);
transform: translate(30%);
}
50% {
opacity: 0;
-webkit-transform: translate(-30%);
transform: translate(-30%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-30%);
}
50% {
opacity: 0;
-webkit-transform: translate(30%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-30%);
transform: translate(-30%);
}
50% {
opacity: 0;
-webkit-transform: translate(30%);
transform: translate(30%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform: translateX(-100%);
opacity: 0;
}
to {
-webkit-transform: translateX(0%);
opacity: 1;
}
}
.yolo-full-width {
padding-left: 15px;
padding-right: 15px;
width: 100%;
margin: 0 auto;
}
.post-navigation {
padding: 0;
display: table;
width: 100%;
position: relative;
margin-top: 50px;
}
.post-navigation .nav-links {
width: 100%;
margin: 0 auto;
display: table;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 15px 0;
width: 50%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.post-navigation .nav-previous .post-navigation-content,
.post-navigation .nav-next .post-navigation-content {
margin-left: 30px;
}
.post-navigation .nav-next {
display: table-cell;
text-align: right;
}
.post-navigation .nav-next .post-navigation-content {
margin-left: 0;
margin-right: 30px;
}
.post-navigation .post-navigation-label {
display: block;
font-size: 25px;
font-weight: normal;
text-transform: uppercase;
color: var(--text_color);
}
.post-navigation .post-navigation-title {
-ms-word-wrap: break-word;
text-align: left;
word-wrap: break-word;
font-size: 15px;
font-weight: 400;
text-transform: none;
color: var(--heading_color);
}
.post-navigation .post-navigation-icon {
font-size: 24px;
line-height: 1em;
width: 20px;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -15px;
color: var(--text_color);
z-index: 1;
}
.post-navigation .nav-links .nav-next .post-navigation-icon {
right: 0;
} img {
max-width: 100%;
height: auto;
}
.alignnone {
margin: 15px 15px 0 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 15px auto 15px auto;
}
.alignright {
float: right;
margin: 15px 0 15px 15px;
}
.alignleft {
float: left;
margin: 15px 15px 15px 0;
}
.aligncenter {
display: block;
margin: 15px auto 15px auto;
}
a img.alignright {
float: right;
margin: 15px 0 0 15px;
}
a img.alignnone {
margin: 15px 15px 0 0;
}
a img.alignleft {
float: left;
margin: 15px 15px 0 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #ffffff;
text-align: center;
max-width: 100%;
}
.wp-caption.alignnone {
margin: 15px 15px 30px 0;
}
.wp-caption.alignleft {
margin: 15px 15px 30px 0;
}
.wp-caption.alignright {
margin: 15px 0 30px 15px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 0.9em;
font-style: italic;
opacity: 0.7;
line-height: 17px;
margin: 1em 0 0 0;
padding: 0 10%;
}
.wp-post-image {
height: auto;
max-width: 100%;
}
.sticky {
opacity: 1;
}
.bypostauthor {
opacity: 1;
} .gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery:before {
content: "";
display: table;
}
.gallery:after {
clear: both;
content: "";
display: block;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
width: 100%;
}
.gallery-caption:before {
-webkit-box-shadow: 0 -10px 15px #000 inset;
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.overflow-hidden {
overflow: hidden;
}
.yolo-page-links {
font-size: 0;
margin-bottom: 30px;
display: inline-block;
line-height: 50px;
}
.yolo-page-links-title {
text-transform: uppercase;
font-size: 12px;
margin-bottom: 0;
color: #858585;
font-weight: normal;
margin-right: 20px;
}
.yolo-page-link {
display: inline-block;
margin-right: 4px;
font-size: 14px;
padding: 0;
width: 40px;
height: 40px;
color: var(--primary_color);
text-align: center;
line-height: 40px;
border: 1px solid var(--primary_color);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.yolo-page-links .yolo-page-link:hover,
.yolo-page-links > .yolo-page-link {
color: #ffffff;
background-color: var(--primary_color);
} .lg-backdrop.in {
opacity: 0.6 !important;
}
.lightGallery-js img {
width: 100%;
}
body {
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
a,
a:focus,
a:hover {
outline: none;
text-decoration: none;
}
body {
line-height: 1.8;
-webkit-font-smoothing: antialiased;
color: var(--text_color);
}
.float-right {
float: right;
}
@media (max-width: 991px) {
.float-right {
float: none;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.5;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 400;
color: var(--heading_color);
}
@media (max-width: 767px) {
h1 {
font-size: 24px !important;
}
}
@media (max-width: 767px) {
h3,h4 {
font-size: 12px !important;
margin-top: 5px !important;
}
}
@media (max-width: 767px) {
h6 {
font-size: 14px !important;
font-weight: 400 !important;
margin-top: 5px !important;
}
}
.title_border {
text-align: center;
position: relative;
}
.title_border:after {
content: '';
position: absolute;
top: 15px;
left: 0;
background-color: #999;
height: 1px;
width: 100%;
}
.title_border h5 {
padding: 5px 20px;
background-color: #ffffff;
position: relative;
display: inline-block;
z-index: 1;
}
.rubino_btn button {
border-width: 1px !important;
padding: 13px 60px !important;
}
.container {
max-width: 100%;
}
@media (min-width: 1300px) {
.container {
width: 1320px;
}
}
#yolo-wrapper {
background-color: #ffffff;
}
body.boxed #yolo-wrapper {
margin: auto;
overflow: hidden;
}
@media only screen and (min-width: 992px) {
body.float {
padding-left: 45px !important;
padding-right: 45px !important;
}
}
div,
iframe,
img {
margin: 0;
padding: 0;
}
p {
font-weight: 400;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
::-moz-selection {
color: #ffffff;
background-color: var(--primary_color);
}
::selection {
color: #ffffff;
background-color: var(--primary_color);
}
::-moz-selection {
color: #ffffff;
background-color: var(--primary_color);
}
a,
a:hover,
a.active {
color: inherit;
text-decoration: none;
outline: none;
}
a:hover {
color: var(--primary_color);
}
a:focus,
a.active {
color: var(--primary_color);
}
input,
textarea,
button,
select {
outline: none;
position: relative !important;
}
.fl {
float: left;
}
.fr {
float: right;
}
.mfp-bg {
background-color: #ffffff;
opacity: 0.5;
}
#yolo-popup {
-webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 40px auto;
max-width: 95%;
position: relative;
text-align: left;
background-repeat: no-repeat !important;
background-size: cover !important;
color: var(--text_color_darken_10);
}
#yolo-popup .popup-content {
width: 70%;
text-align: center;
padding: 0 30px;
}
@media (max-width: 767px) {
#yolo-popup .popup-content {
width: 100%;
}
}
@media (max-width: 480px) {
#yolo-popup .popup-content {
padding: 0 15px;
}
}
#yolo-popup .popup-title {
padding-top: 55px;
font-size: 36px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
@media (max-width: 480px) {
#yolo-popup .popup-title {
padding-top: 30px;
font-size: 20px;
font-weight: bold;
}
}
#yolo-popup .sub-title {
font-size: 18px;
width: 80%;
margin: 0 auto;
margin-bottom: 30px;
line-height: 1.4;
}
@media (max-width: 480px) {
#yolo-popup .sub-title {
font-size: 14px;
}
}
#yolo-popup .your-info {
margin-top: 10px;
}
#yolo-popup .popup-form .wpcf7-form-control-wrap input {
height: 40px;
width: 100%;
background-color: transparent;
border: 1px solid var(--primary_color);
color: var(--primary_color);
margin-bottom: 30px;
}
#yolo-popup .popup-form .wpcf7-form-control-wrap input .placeholder {
color: var(--primary_color_fade_50);
}
#yolo-popup .popup-form .ctf7_submit {
position: relative;
}
#yolo-popup .popup-form .ctf7_submit input {
width: 100%;
height: 50px;
background-color: var(--secondary_color);
border: none;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
border-radius: 3px;
}
#yolo-popup .popup-form .ctf7_submit input:hover {
background-color: var(--primary_color);
}
#yolo-popup .popup-form .ctf7_submit .ajax-loader {
position: absolute;
left: 50%;
top: -22px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#yolo-popup .checkbox-label {
color: var(--primary_color);
}
#yolo-popup .checkbox-label label {
font-weight: normal;
}
@media (max-width: 480px) {
#yolo-popup .checkbox-label {
margin-left: 15px;
}
}
@media (max-width: 767px) {
#yolo-popup {
max-width: 90%;
}
}
@media (max-width: 479px) {
#yolo-popup {
height: 400px !important;
}
}
.maintanence-page {
position: relative;
height: 100vh;
text-align: center;
}
.maintanence-page .container {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.maintanence-page .maintenance-title h2 {
margin-top: 40px;
color: var(--text_color);
font-size: 36px;
text-transform: uppercase;
font-weight: normal;
}
@media (max-width: 479px) {
.maintanence-page .maintenance-title h2 {
font-size: 24px;
margin-top: 20px;
}
}
.maintanence-page .countdown-wrap .countdown-content ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.maintanence-page .countdown-wrap .countdown-content ul li {
position: relative;
display: inline-block;
margin: 30px 40px;
padding: 0 0px;
}
.maintanence-page .countdown-wrap .countdown-content ul li p {
margin: 0;
}
.maintanence-page .countdown-wrap .countdown-content ul li p.countdown-number {
font-size: 60px;
font-weight: normal;
}
@media (max-width: 479px) {
.maintanence-page .countdown-wrap .countdown-content ul li p.countdown-number {
font-size: 48px;
}
}
.maintanence-page .countdown-wrap .countdown-content ul li p:last-child {
position: absolute;
right: -50px;
top: 70px;
display: block;
margin-top: 0px;
text-align: left;
font-size: 16px;
width: 70px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.maintanence-page .countdown-wrap .countdown-content ul li.cd-seconds p.countdown-number:after {
content: '';
}
@media (max-width: 479px) {
.maintanence-page .countdown-wrap .countdown-content ul li {
margin: 10px 20px;
}
}
.maintanence-page .maintenance-social {
margin-top: 30px;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper {
padding-left: 0 !important;
margin-bottom: 0 !important;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper li {
list-style: none;
display: inline-block;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper li a {
color: var(--primary_color);
font-size: 18px;
height: 35px;
width: 35px;
text-align: center;
line-height: 33px;
display: block;
border: 1px solid transparent;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin: 0 5px;
}
.maintanence-page .maintenance-social .maintenance-social-profile-wrapper li:hover a {
border-color: var(--primary_color);
}
.under-construction,
.coming-soon {
text-align: center;
}
.under-construction .logo,
.coming-soon .logo {
max-width: 380px;
max-height: 380px;
margin: auto;
}
.under-construction .title,
.coming-soon .title {
line-height: 1;
}
.under-construction .title,
.coming-soon .title {
font-size: 36px;
margin-top: 40px;
}
.under-construction .sub-title,
.coming-soon .sub-title {
font-size: 16px;
margin-top: 30px;
}
.under-construction .entry-content .mc4wp-form,
.coming-soon .entry-content .mc4wp-form {
margin-top: 50px;
}
.under-construction .entry-content .mc4wp-form label,
.coming-soon .entry-content .mc4wp-form label {
display: none;
}
.under-construction .entry-content .mc4wp-form input,
.coming-soon .entry-content .mc4wp-form input {
display: none;
}
.under-construction .entry-content .mc4wp-form input[type="email"],
.coming-soon .entry-content .mc4wp-form input[type="email"] {
border: solid 2px #DDDDDD;
background-color: #ffffff;
color: #888;
width: 370px;
display: block;
padding-right: 30px;
}
.under-construction .entry-content .mc4wp-form input[type="submit"],
.coming-soon .entry-content .mc4wp-form input[type="submit"] {
display: none;
}
.under-construction .entry-content .mc4wp-form p,
.coming-soon .entry-content .mc4wp-form p {
display: inline-block;
}
.under-construction .entry-content .mc4wp-form span.email,
.coming-soon .entry-content .mc4wp-form span.email {
display: inline-block;
position: relative;
}
.under-construction .entry-content .mc4wp-form span.email i,
.coming-soon .entry-content .mc4wp-form span.email i {
position: absolute;
right: 14px;
top: 14px;
}
.under-construction p .sub-title {
line-height: 1;
} input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
textarea,
select {
padding: 0 15px;
font-size: 12px;
color: #878787;
height: 35px;
line-height: 1;
background-color: #f5f5f5;
border: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
input[type="text"] ::-webkit-input-placeholder,
input[type="search"] ::-webkit-input-placeholder,
input[type="email"] ::-webkit-input-placeholder,
input[type="url"] ::-webkit-input-placeholder,
input[type="password"] ::-webkit-input-placeholder,
input[type="tel"] ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder,
select ::-webkit-input-placeholder {
color: #878787;
}
input[type="text"] :-moz-placeholder,
input[type="search"] :-moz-placeholder,
input[type="email"] :-moz-placeholder,
input[type="url"] :-moz-placeholder,
input[type="password"] :-moz-placeholder,
input[type="tel"] :-moz-placeholder,
textarea :-moz-placeholder,
select :-moz-placeholder {
color: #878787;
}
input[type="text"] ::-moz-placeholder,
input[type="search"] ::-moz-placeholder,
input[type="email"] ::-moz-placeholder,
input[type="url"] ::-moz-placeholder,
input[type="password"] ::-moz-placeholder,
input[type="tel"] ::-moz-placeholder,
textarea ::-moz-placeholder,
select ::-moz-placeholder {
color: #878787;
}
input[type="text"] :-ms-input-placeholder,
input[type="search"] :-ms-input-placeholder,
input[type="email"] :-ms-input-placeholder,
input[type="url"] :-ms-input-placeholder,
input[type="password"] :-ms-input-placeholder,
input[type="tel"] :-ms-input-placeholder,
textarea :-ms-input-placeholder,
select :-ms-input-placeholder {
color: #878787;
}
textarea {
height: auto;
padding-top: 15px;
}
select {
max-width: 100%;
}
.block-inner > * {
margin: auto;
}
.overflow-hidden {
overflow: hidden !important;
} #yolo-modal-search {
z-index: 999999;
overflow: auto;
}
#yolo-modal-search.modal.in .modal-backdrop.in {
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.95);
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#yolo-modal-search.modal.in .yolo-modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 9999;
}
#yolo-modal-search .yolo-modal-dialog {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height: auto;
}
#yolo-modal-search .yolo-dismiss-modal {
position: absolute;
right: 50px;
top: 30px;
font-size: 24px;
line-height: 1;
color: #ffffff;
z-index: 1040;
cursor: pointer;
}
#yolo-modal-search .yolo-modal-search {
position: relative;
width: 100%;
height: 100%;
}
#yolo-modal-search .yolo-modal-search .yolo-search-result {
position: absolute;
width: 80%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 40%;
}
@media (max-width: 767px) {
#yolo-modal-search .yolo-modal-search .yolo-search-result {
top: 20%;
}
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper {
position: relative;
width: 100%;
font-size: 24px;
color: inherit;
background-color: transparent;
border-bottom: 2px solid #ffffff;
display: block;
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:before,
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:after {
content: " ";
display: table;
}
#yolo-modal-search .yolo-modal-search .yolo-search-wrapper:after {
clear: both;
}
#yolo-modal-search .yolo-modal-search input[type="search"] {
border: none;
outline: none;
display: block;
float: left;
width: 100%;
padding-right: 60px;
padding-left: 20px;
background-color: transparent;
font-size: 22px;
color: #ffffff;
}
#yolo-modal-search .yolo-modal-search input[type="search"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.9);
}
#yolo-modal-search .yolo-modal-search input[type="search"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.9);
}
#yolo-modal-search .yolo-modal-search button {
position: absolute;
display: block;
color: #ffffff;
bottom: 5px;
right: 0;
line-height: 1;
border: none;
outline: none;
font-size: 24px;
background-color: transparent;
}
#yolo-modal-search .ajax-search-result {
margin: auto;
background: rgba(77, 77, 77, 0.1);
}
#yolo-modal-search .ajax-search-result > ul {
list-style: none;
position: relative;
padding: 0;
margin: 0;
}
#yolo-modal-search .ajax-search-result li {
padding: 5px 20px;
color: inherit;
font-size: 14px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color: #ffffff;
}
#yolo-modal-search .ajax-search-result li:hover,
#yolo-modal-search .ajax-search-result li.selected {
background-color: rgba(127, 127, 127, 0.1);
}
#yolo-modal-search .ajax-search-result li > a {
color: #ffffff;
}
#yolo-modal-search .ajax-search-result li + li {
border-top: dotted 1px rgba(77, 77, 77, 0.1);
}
#yolo-modal-search .ajax-search-result li span {
color: #ffffff;
float: right;
}
#yolo-modal-search .ajax-search-result li.search-view-more {
font-size: 14px;
font-style: italic;
}
#yolo-modal-search .ajax-search-result li.search-view-more a {
text-decoration: underline;
}
#yolo-modal-search i.ajax-search-icon {
color: inherit;
}
#yolo-modal-search div.search-view-more {
background-color: rgba(255, 255, 255, 0.2);
padding: 5px 20px;
border-top: solid 1px rgba(0, 0, 0, 0.3);
font-size: 14px;
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #ffffff;
}
#yolo-modal-search div.search-view-more i.wicon {
vertical-align: middle;
}
#yolo-modal-search div.search-view-more:hover {
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
}  #yolo_search_popup_wrapper .search-popup-inner {
margin: 1em 0;
width: 70%;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -10%);
-ms-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
#yolo_search_popup_wrapper .search-popup-inner > input {
width: 100%;
margin-bottom: 50px;
font-size: 30px;
border-bottom: 2px solid #ffffff;
background-color: transparent;
padding: 25px 20px;
color: #ffffff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
#yolo_search_popup_wrapper .search-popup-inner > input:-ms-input-placeholder {
color: #ffffff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-webkit-input-placeholder {
color: #ffffff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
#yolo_search_popup_wrapper .search-popup-inner > input:-ms-input-placeholder {
color: #ffffff;
}
#yolo_search_popup_wrapper .search-popup-inner > input::-webkit-input-placeholder {
color: #ffffff;
}
#yolo_search_popup_wrapper .search-popup-inner > button {
border: none;
background-color: transparent;
text-transform: uppercase;
position: absolute;
right: 0px;
top: -15px;
}
#yolo_search_popup_wrapper .search-popup-inner > button i {
font-size: 30px;
padding: 20px;
color: #ffffff;
}
#yolo_search_popup_wrapper .search-popup-inner > button i:hover {
color: var(--primary_color);
}
@media (max-width: 767px) {
#yolo_search_popup_wrapper .search-popup-inner {
top: 20%;
}
} .error404 section.yolo-page-title-wrap {
margin-bottom: 0;
}
.error404 .page-title-inner {
font-size: 32px;
}
.page404 {
text-align: center;
padding: 15% 0;
background-size: cover;
}
.page404 .content-wrap {
float: none;
}
.page404 .content-wrap .page404-title .p-title {
text-transform: uppercase;
line-height: 1;
font-weight: normal;
font-size: 60px;
}
@media (max-width: 767px) {
.page404 .content-wrap .page404-title .p-title {
font-size: 36px;
}
}
@media (max-width: 479px) {
.page404 .content-wrap .page404-title .p-title {
font-size: 30px;
}
}
.page404 .content-wrap .page404-title .p-description {
font-size: 16px;
}
.page404 .content-wrap .page404-content {
font-size: 150px;
line-height: 1;
font-style: italic;
text-transform: uppercase;
}
@media (max-width: 991px) {
.page404 .content-wrap .page404-content {
font-size: 110px;
}
}
@media (max-width: 767px) {
.page404 .content-wrap .page404-content {
font-size: 70px;
}
}
.page404 .content-wrap .return a {
margin-top: 30px;
border: 1px solid var(--primary_color);
text-transform: uppercase;
font-size: 18px;
padding: 10px 50px;
color: var(--primary_color);
font-weight: bold;
display: inline-block;
}
.page404 .content-wrap .return a:hover {
border-color: var(--primary_color);
background: var(--primary_color);
color: #ffffff;
}
@media (max-width: 767px) {
.page404 .content-wrap .return a {
margin-top: 10px;
padding: 10px 30px;
font-size: 15px;
}
}
.back-to-top {
position: fixed;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
bottom: 10px;
right: 10px;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
z-index: 2;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border: 1px solid #ff00ff;
color: #000;
background-color: #f5f5f5;
}
.back-to-top i {
font-size: 22px;
}
.back-to-top:hover {
text-decoration: none;
color: #1e1e1e;
}
.back-to-top.in {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
@media only screen and (min-width: 768px) {
body.float .back-to-top {
bottom: 30px;
right: 30px;
}
}
.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
width: 5px;
}
#yolo-content-wrapper {
background-color: #ffffff;
position: relative;
}
#yolo-content-wrapper > main[role='main'] {
overflow: hidden;
}
#yolo-site-preload {
position: fixed;
z-index: 10001;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.site-loading-center {
width: 100%;
height: 100%;
position: relative;
}
.site-loading-center-absolute {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wpb_map_wraper iframe {
display: block;
pointer-events: none;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
.container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
.container-fluid {
padding-left: 0;
padding-right: 0;
}
}
.toggle-icon-wrapper {
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.toggle-icon-wrapper:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.toggle-icon-wrapper .toggle-icon {
display: inline-block;
height: 30px;
position: relative;
vertical-align: middle;
width: 30px;
top: 3px;
}
.toggle-icon-wrapper .toggle-icon > span {
background: none repeat scroll 0 0 #000000;
bottom: 0;
display: block;
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 80%;
}
.toggle-icon-wrapper .toggle-icon:after,
.toggle-icon-wrapper .toggle-icon:before {
background: none repeat scroll 0 0 #000000;
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 80%;
}
.toggle-icon-wrapper .toggle-icon:before {
top: 20%;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.toggle-icon-wrapper .toggle-icon:after {
bottom: 20%;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.toggle-icon-wrapper + span {
vertical-align: middle;
text-transform: uppercase;
}
.toggle-icon-wrapper.in .toggle-icon span {
background: transparent !important;
}
.toggle-icon-wrapper.in .toggle-icon:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle-icon-wrapper.in .toggle-icon:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
} .modal {
z-index: 99999;
}
.modal-content {
border-radius: 0;
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.5);
}
.modal-backdrop.in {
opacity: 1;
}
.popup-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
display: block;
line-height: 1;
}
#popup-product-quick-view-wrapper .popup-close {
width: 30px;
height: 30px;
font-size: 18px;
text-align: center;
line-height: 30px;
cursor: pointer;
z-index: 2;
top: 0;
right: 0;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#popup-product-quick-view-wrapper .popup-close:hover {
color: #ffffff;
background-color: var(--secondary_color);
}
#popup-product-quick-view-wrapper .ylp-single-product-info .ylp-summary-product-wrap .ylp-summary-product .social-share-wrap .social-share li a {
border-color: var(--primary_color);
color: var(--primary_color);
}
#popup-product-quick-view-wrapper .ylp-single-product-info .ylp-summary-product-wrap .ylp-summary-product .social-share-wrap .social-share li a:hover {
background-color: var(--primary_color);
color: #ffffff;
}
#popup-product-quick-view-wrapper .ylp-single-product-info .ylp-single-product-image-wrap .ylp-single-product-image .owl-nav div:hover {
color: var(--primary_color);
}
#popup-product-quick-view-wrapper .ylp-single-product-info .ylp-summary-product-wrap .ylp-summary-product .price {
color: var(--primary_color);
}
.text-align-right {
text-align: right;
}
.text-align-left {
text-align: left;
}
.entry-content .mc4wp-form input[type="submit"] {
padding-top: 14px;
padding-bottom: 12px;
}
.entry-content .mc4wp-form input[type="email"] {
width: 296px;
height: 44px;
display: inline-block;
}
.center {
text-align: center;
}
.yolo-full-width.section .vc_row {
position: relative;
height: 100%;
}
.owl-yolo-shortcode .owl-controls .owl-buttons div {
position: absolute;
width: 40px;
height: 40px;
background: #ffffff;
border-radius: 50%;
border: 1px solid #eeeeee;
top: 50%;
margin-top: -20px;
opacity: 0;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
line-height: 40px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons div i {
color: #000000;
font-size: 20px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons .owl-prev {
left: 20px;
}
.owl-yolo-shortcode .owl-controls .owl-buttons .owl-next {
right: 20px;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-prev {
left: -45px;
opacity: 1;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-next {
right: -45px;
opacity: 1;
}
.owl-yolo-shortcode .owl-controls .owl-page span {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 5px;
}
@media (max-width: 800px) {
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-prev {
left: 0;
}
.owl-yolo-shortcode:hover .owl-controls .owl-buttons .owl-next {
right: 0;
}
}
.rubino-button {
position: relative;
display: inline-block;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
font-size: 15px;
line-height: 1.6;
font-weight: 400;
text-align: center;
}
.rubino-button i {
position: absolute;
font-size: 20px;
line-height: 1.2;
}
.rubino-button.i_left {
padding-left: 40px !important;
}
.rubino-button.i_right {
padding-right: 40px !important;
}
.rubino-button.i_left i {
left: 15px;
margin-right: 5px;
}
.rubino-button.i_right i {
margin-left: 5px;
right: 15px;
}
.rubino-button.style1 {
border: 2px solid;
color: #ffffff;
}
.rubino-button.style1.gray-color {
border: 2px solid #ccc;
background-color: #ccc;
color: #888;
}
.rubino-button.style1:hover,
.rubino-button.style1.active {
color: #ffffff;
}
.rubino-button.style2 {
border: 2px solid #eeeeee;
}
.rubino-button.style2:hover,
.rubino-button.style2.active {
color: #ffffff;
background: var(--primary_color);
}
.rubino-button.style2.button-light {
color: #ffffff;
}
.rubino-button.button-1x {
min-width: 140px;
padding: 4px 15px;
}
.rubino-button.button-1x i {
top: 4px;
}
.rubino-button.button-2x {
min-width: 140px;
padding: 7px 20px;
}
.rubino-button.button-2x i {
top: 7px;
}
.rubino-button.button-3x {
min-width: 160px;
padding: 10px 20px;
}
.rubino-button.button-3x i {
top: 10px;
}
.boxed #yolo-wrapper {
width: var(--layout_site_width);
max-width: var(--layout_site_max_width);
}
ul.pagination {
position: relative;
display: block;
padding: 0;
margin: 0;
margin-bottom: 80px;
font-size: 0;
border-radius: 0;
}
ul.pagination:before {
content: '';
height: 1px;
position: absolute;
width: 100%;
border-bottom: 1px solid #eeeeee;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
ul.pagination {
margin-top: 0px;
}
}
.pagination > li {
display: inline-block;
}
.pagination > li:first-child a,
.pagination > li:first-child span {
padding-left: 30px;
}
.pagination > li:last-child a,
.pagination > li:last-child span {
padding-right: 30px;
}
.pagination > li:last-child {
margin: 0;
}
.pagination > li > a,
.pagination > li > span {
border: none;
text-align: center;
display: inline-block;
padding: 0 15px;
color: var(--primary_color_fade_50);
margin: 0;
font-size: 18px;
font-weight: bold;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a.active,
.pagination > li > span.active {
color: var(--primary_color);
background-color: #ffffff;
}
.pagination > li > a.current,
.pagination > li > span.current {
color: var(--primary_color);
background-color: #ffffff;
}
.pagination > li > a.next,
.pagination > li > span.next,
.pagination > li > a.prev,
.pagination > li > span.prev {
text-transform: uppercase;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.cqtooltip-wrapper .title {
position: absolute;
bottom: 10px;
left: 0px;
width: 100%;
padding-left: 20px;
font-size: 20px;
font-weight: 600;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a {
border: 2px solid #ffffff !important;
height: 42px !important;
width: 42px !important;
padding: 4px !important;
background-color: rgba(0, 0, 0, 0.2) !important;
-webkit-animation: none !important;
animation: none !important;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a:before {
content: '';
position: absolute;
border-radius: 100%;
left: 0;
top: 0;
-webkit-animation: pulse-white 2s ease-out infinite !important;
animation: pulse-white 2s ease-out infinite !important;
width: 100%;
height: 100%;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a:hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-animation: none !important;
animation: none !important;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a span {
position: relative !important;
height: 30px !important;
width: 30px !important;
margin: 0 !important;
top: auto !important;
left: auto !important;
}
.cqtooltip-wrapper .cq-hotspots .hotspot-item a span:before {
content: "\f1fe";
display: inline-block;
font-size: 18px;
font-family: "Ionicons";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 28px;
margin-left: 8px;
color: var(--primary_color);
}
.tooltipster-default,
.tooltipster-shadow,
.tooltipster-base {
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
border-radius: 0 !important;
-webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.3) !important;
font-size: 16px !important;
}
.tooltipster-default .tooltipster-content,
.tooltipster-shadow .tooltipster-content,
.tooltipster-base .tooltipster-content {
font-size: 16px !important;
font-family: var(--primary_font) !important;
}
.menu-menu-footer-container {
text-align: center;
}
.menu-menu-footer-container ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
.menu-menu-footer-container ul li {
display: inline-block;
padding: 10px 20px;
text-transform: uppercase;
font-size: 16px;
}
.menu-menu-footer-container ul li:hover ul.sub-menu {
top: 98%;
opacity: 1;
visibility: visible;
}
.menu-menu-footer-container ul li ul.sub-menu {
visibility: hidden;
width: 100%;
text-align: left;
z-index: 3;
opacity: 0;
position: absolute;
top: 120%;
left: 0;
background-color: #ffffff;
-webkit-transition: all 0.55s ease;
-o-transition: all 0.55s ease;
transition: all 0.55s ease;
}
.menu-menu-footer-container ul li ul.sub-menu li {
float: left;
width: 25%;
display: block;
-webkit-transition: all 0.55s ease;
-o-transition: all 0.55s ease;
transition: all 0.55s ease;
border-left: 1px solid transparent;
}
.menu-menu-footer-container ul li ul.sub-menu li:hover {
border-left: 1px solid #eee;
}
@media (max-width: 992px) {
.menu-menu-footer-container {
display: none;
}
}
.list_text {
position: relative;
padding-left: 30px;
}
.list_text:before {
position: absolute;
vertical-align: middle;
left: 0;
display: inline-block;
content: '';
height: 10px;
width: 10px;
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: var(--text_color);
opacity: 0.5;
}
.about-description {
margin-top: 20px;
}
.banner-widget {
position: relative;
margin-bottom: 50px;
}
.banner-widget a img {
width: 100%;
}
.banner-widget a:before,
.banner-widget a:after {
content: '';
position: absolute;
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.banner-widget a:before {
top: 0px;
left: 0px;
right: 100%;
bottom: 100%;
border-top: 5px solid;
border-left: 5px solid;
}
.banner-widget a:after {
left: 100%;
top: 100%;
bottom: 0px;
right: 0px;
border-bottom: 5px solid;
border-right: 5px solid;
}
.banner-widget a:hover:before {
opacity: 0.8;
bottom: 0px;
right: 0px;
border-color: var(--primary_color);
}
.banner-widget a:hover:after {
opacity: 0.8;
top: 0px;
left: 0px;
border-color: var(--primary_color);
}
.social-share-wrap .social-share li a {
border: 1px solid #eee;
border-radius: 3px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.social-share-wrap .social-share li a i:before {
padding-right: 18px;
}
.social-share-wrap .social-share li a:hover {
color: var(--primary_color);
border-color: var(--primary_color);
}
.woocommerce div.product form.cart .variations label {
font-size: 16px;
color: var(--text_color);
text-transform: uppercase;
line-height: 1.8;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px;
margin: 30px auto;
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 1300px) {
.modal-lg {
max-width: 1170px !important;
width: 1170px !important;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 900px;
}
}
.technical {
list-style-type: none;
padding: 0;
}
.technical li {
width: 50%;
color: #ffffff;
float: left;
margin: 5px 0;
} body.float .yolo-page-title-section {
margin: 0;
}
body.float header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith {
padding: 0;
}
body.float header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith.sticky-on {
padding-left: var(--header_3_nav_layout_padding);
padding-right: var(--header_3_nav_layout_padding);
}
.yolo-page-title-section {
margin: 0 5px;
margin-top: var(--page_title_margin_top);
margin-bottom: 5px;
}
.yolo-page-title-section .yolo-page-title-wrap {
background-color: #ffffff;
border-bottom: 0px solid;
}
.yolo-page-title-section .page-title-inner h1 {
text-transform: normal;
font-weight: normal;
text-align: center;
color: #000000;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs {
margin: 0;
padding: 20px;
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs > li {
list-style: none;
display: inline-block;
padding: 0px 10px;
position: relative;
font-size: 12px;
font-weight: 300;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
color: #000000;
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs > li:before {
position: absolute;
left: 0;
content: '/';
}
.yolo-page-title-section .yolo-breadcrumb-wrap ul.breadcrumbs > li:first-child:before {
display: none;
font-family: fontAwesome;
}
.yolo-page-title-section.page-title-style-1 .content-page-title {
top: 50%;
position: absolute;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.yolo-page-title-section.page-title-style-1 .content-page-title ul > li:first-child {
padding-left: 0;
}
.yolo-page-title-section.page-title-style-2 .content-page-title {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
position: absolute;
width: 90%;
}
.yolo-page-title-section.page-title-style-2 .content-page-title h1 {
text-align: center;
}
.yolo-page-title-section.page-title-style-2 .content-page-title ul.breadcrumbs {
text-align: center;
}
.yolo-page-title-section.page-title-style-3 .content-page-title {
top: 50%;
position: absolute;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.yolo-page-title-section.page-title-style-3 .content-page-title h1 {
text-align: right;
}
.yolo-page-title-section.page-title-style-3 .content-page-title ul.breadcrumbs {
text-align: right;
}
.yolo-page-title-section.page-title-style-3 .content-page-title ul.breadcrumbs li:last-child {
padding-right: 0;
}
.yolo-page-title-section.page-title-style-4 .content-page-title {
padding: 20px 0;
bottom: 0;
position: absolute;
width: 100%;
background-color: rgba(15, 15, 15, 0.6);
}
.yolo-page-title-section.page-title-style-4 .content-page-title h1 {
text-align: left;
line-height: 1;
}
.yolo-page-title-section.page-title-style-4 .content-page-title ul.breadcrumbs {
line-height: 48px;
text-align: right;
}
.yolo-page-title-section.page-title-style-4 .content-page-title ul.breadcrumbs li:last-child {
padding-right: 0;
}
.yolo-page-title-section.page-title-style-4 .content-page-title .page-title-inner,
.yolo-page-title-section.page-title-style-4 .content-page-title .yolo-breadcrumb-wrap {
width: 50%;
float: left;
display: inline-block;
}
.yolo-page-title-section.page-title-style-5 .content-page-title {
padding: 20px 0;
bottom: 0;
position: absolute;
width: 100%;
background-color: rgba(15, 15, 15, 0.6);
}
.yolo-page-title-section.page-title-style-5 .content-page-title h1 {
text-align: right;
line-height: 1;
}
.yolo-page-title-section.page-title-style-5 .content-page-title ul.breadcrumbs {
line-height: 48px;
text-align: left;
}
.yolo-page-title-section.page-title-style-5 .content-page-title .page-title-inner,
.yolo-page-title-section.page-title-style-5 .content-page-title .yolo-breadcrumb-wrap {
width: 50%;
display: inline-block;
}
.yolo-page-title-section.page-title-style-5 .content-page-title .page-title-inner {
float: right;
text-align: right;
}
.yolo-page-title-section.page-title-style-5 .content-page-title .yolo-breadcrumb-wrap {
float: left;
}
@media (max-width: 1299px) {
.yolo-page-title-section {
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 992px) {
.yolo-page-title-wrap {
height: 250px;
width: 100%;
position: relative;
background-color: var(--page_title_bg_color);
}
}
.yolo-page-title-wrap {
height: 220px;
width: 100%;
position: relative;
background-color: var(--page_title_bg_color);
}
.yolo-page-title-wrap .content-page-title {
padding: 15px 0;
}
.page-title-inner h1 {
color: var(--page_title_color);
}
.page-sub-title-container {
margin-left: 10%;
margin-right: 10%;
text-align: center;
font-weight: 300;
}
.page-title-inner .page-sub-title {
color: var(--page_sub_title_color);
}
@media (max-width: 500px) {
.page-title-inner .page-sub-title {
font-size: 12px !important;
}
}
.page-title-wrap-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page-title-parallax {
background-attachment: fixed;
}
@media (max-width: 991px) {
.page-title-parallax {
background-position: center!important;
}
} ul.breadcrumbs {
padding: 32px 0;
margin: 0;
list-style-type: none;
}
ul.breadcrumbs li {
display: inline-block;
}
ul.breadcrumbs li a,
ul.breadcrumbs li span {
line-height: 1.2;
display: inherit;
}
.dialog {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
z-index: 9999;
visibility: hidden;
width: 100%;
height: 100%;
background-color: #333;
top: 0px;
left: 0px;
}
.dialog.dialog--open {
visibility: visible;
}
.dialog__content {
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
}
.dialog--open .dialog__content {
pointer-events: auto;
}
.dialog--open .dialog__overlay {
-o-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.dialog--close .dialog__overlay {
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dialog__content {
padding: 0;
}
.dialog.dialog--open .dialog__content {
opacity: 1;
}
.morph-shape {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -2px;
left: -2px;
z-index: -1;
}
.morph-shape svg rect {
stroke: #ffffff;
stroke-width: 2px;
stroke-dasharray: 1680;
}
.dialog--open .morph-shape svg rect {
-webkit-animation: anim-dash 0.6s forwards;
animation: anim-dash 0.6s forwards;
}
.dialog-inner {
opacity: 0;
}
.dialog-inner div button {
background-color: transparent;
}
.dialog-inner div button i {
font-size: 20px;
color: #ffffff;
}
.dialog--open .dialog-inner {
padding: 30px;
opacity: 1;
-webkit-transition: opacity 0.85s 0.35s;
-o-transition: opacity 0.85s 0.35s;
transition: opacity 0.85s 0.35s;
}
.dialog.dialog--open h2 {
-webkit-animation: anim-elem-1 0.7s ease-out both;
animation: anim-elem-1 0.7s ease-out both;
}
.dialog.dialog--open button[data-dialog-close] {
position: absolute;
border: none;
top: 10%;
right: 5%;
width: 50px;
height: 50px;
line-height: 1;
color: #ffffff;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.dialog.dialog--open p {
line-height: 1.5;
font-size: 18px;
}
.dialog--open {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.yolo-footer-wrapper.footer-1 .link_left a {
display: inline-block;
margin-right: 30px;
font-weight: 600;
color: #666;
}
.yolo-footer-wrapper.footer-1 .link_left a:hover {
color: var(--primary_color);
}
@media (max-width: 1299px) {
.yolo-footer-wrapper.footer-1 .link_left a {
margin-right: 15px;
}
.yolo-footer-wrapper.footer-1 .link_left a:last-child {
margin: 0;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 .link_left {
text-align: center !important;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 h6 {
text-align: center !important;
}
}
ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
}
ul.instagram-pics a:hover:before {
opacity: 1;
}
.instagram-col-2 ul.instagram-pics li {
width: 50%;
}
.instagram-col-3 ul.instagram-pics li {
width: 33.33333333%;
}
.instagram-col-4 ul.instagram-pics li {
width: 25%;
}
.instagram-col-6 ul.instagram-pics li {
width: 16.66666667%;
}
.instagram-col-8 ul.instagram-pics li {
width: 12.5%;
}
.padding-2 ul.instagram-pics {
margin-left: -2px;
margin-right: -2px;
margin-top: -2px;
}
.padding-2 ul.instagram-pics li {
padding: 2px;
}
.padding-3 ul.instagram-pics {
margin-left: -3px;
margin-right: -3px;
margin-top: -3px;
}
.padding-3 ul.instagram-pics li {
padding: 3px;
}
.padding-4 ul.instagram-pics {
margin-left: -4px;
margin-right: -4px;
margin-top: -4px;
}
.padding-4 ul.instagram-pics li {
padding: 4px;
}
.title-center .widget-title {
text-align: center;
}
ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
}
.wpcf7 form .wpcf7-response-output {
padding: 0;
margin: 0;
border: 1px solid;
color: #ff00ff;
text-align: center;
}
.wpcf7 .wpcf7-spinner {
position: absolute;
}
.wpcf7 .newsletter-1 {
position: relative;
text-align: right;
}
.wpcf7 .newsletter-1 .wpcf7-form-control-wrap input {
height: 25px;
width: 50%;
background-color: #ffffff;
padding-right: 90px;
border-radius: 3px;
border: 1px solid var(--primary_color);
}
.wpcf7 .newsletter-1 .wpcf7-form-control-wrap input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
.wpcf7 .newsletter-1 .wpcf7-form-control-wrap input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
@media (max-width: 1299px) {
.wpcf7 .newsletter-1 .wpcf7-form-control-wrap input {
width: 70%;
}
}
@media (max-width: 991px) {
.wpcf7 .newsletter-1 .wpcf7-form-control-wrap input {
width: 100%;
}
}
@media (max-width: 480px) {
.wpcf7 .newsletter-1 .wpcf7-form-control-wrap input {
padding-right: 15px;
}
}
.wpcf7 .newsletter-1 .ctf7_submit {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
}
.wpcf7 .newsletter-1 .ctf7_submit input {
background-color: var(--secondary_color);
position: relative;
z-index: 2;
color: #ffffff;
height: 25px;
border: none;
padding: 0 15px;
text-transform: uppercase;
font-weight: 600;
border-radius: 3px;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.wpcf7 .newsletter-1 .ctf7_submit input:hover {
background-color: var(--primary_color);
}
.wpcf7 .newsletter-1 .ctf7_submit .ajax-loader {
position: absolute;
right: -20px;
}
.wpcf7 .newsletter-1 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-1 .ctf7_submit:hover:before {
color: var(--primary_color);
}
@media (max-width: 480px) {
.wpcf7 .newsletter-1 .ctf7_submit {
position: relative;
margin-top: 10px;
}
}
@media (max-width: 767px) {
.wpcf7 .newsletter-1 {
margin-bottom: 30px;
text-align: center;
}
}
.wpcf7 .newsletter-2 {
position: relative;
}
.wpcf7 .newsletter-2 .wpcf7-form-control-wrap input {
width: 100%;
height: 80px;
padding-right: 70px;
background-color: #ffffff;
font-size: 16px;
border-radius: 3px;
}
.wpcf7 .newsletter-2 .wpcf7-form-control-wrap input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
.wpcf7 .newsletter-2 .wpcf7-form-control-wrap input::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: italic;
}
.wpcf7 .newsletter-2 .ctf7_submit {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
}
.wpcf7 .newsletter-2 .ctf7_submit:before {
content: "\f30f";
font-family: "Ionicons";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
line-height: 80px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 18px;
}
.wpcf7 .newsletter-2 .ctf7_submit input {
padding: 9px 10px;
position: relative;
z-index: 2;
color: transparent;
height: 80px;
background-color: transparent;
border: none;
border-radius: 3px;
}
.wpcf7 .newsletter-2 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-2 .ctf7_submit:hover:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
color: var(--primary_color);
}
.wpcf7 .newsletter-3 {
position: relative;
width: 60%;
margin: 0 auto;
}
.wpcf7 .newsletter-3 .wpcf7-form-control-wrap input {
display: inline-block;
width: calc(80% - 10px);
margin-right: 10px;
height: 40px;
background-color: transparent;
border: 1px solid #ccc;
font-size: 16px;
color: var(--text_color);
border-radius: 3px;
}
.wpcf7 .newsletter-3 .wpcf7-form-control-wrap input::-webkit-input-placeholder {
color: var(--text_color_fade_50);
font-style: italic;
}
.wpcf7 .newsletter-3 .wpcf7-form-control-wrap input::-moz-placeholder {
color: var(--text_color_fade_50);
font-style: italic;
}
@media (max-width: 479px) {
.wpcf7 .newsletter-3 .wpcf7-form-control-wrap input {
width: calc(70% - 10px);
}
}
.wpcf7 .newsletter-3 .ctf7_submit {
width: 20%;
position: absolute;
top: 0;
right: 0;
display: inline-block;
overflow: hidden;
text-align: center;
}
.wpcf7 .newsletter-3 .ctf7_submit input {
width: 100%;
position: relative;
z-index: 2;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
background-color: var(--secondary_color);
height: 40px;
border: none;
border-radius: 3px;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.wpcf7 .newsletter-3 .ctf7_submit input:hover {
background-color: var(--primary_color);
}
.wpcf7 .newsletter-3 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-3 .ctf7_submit:hover:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
color: var(--primary_color);
}
@media (max-width: 479px) {
.wpcf7 .newsletter-3 .ctf7_submit {
width: 30%;
}
}
@media (max-width: 767px) {
.wpcf7 .newsletter-3 {
width: 100%;
}
}
.wpcf7 .newsletter-4 {
position: relative;
}
.wpcf7 .newsletter-4 .wpcf7-form-control-wrap input {
width: 100%;
margin-right: 10px;
height: 40px;
background-color: transparent;
border: 1px solid var(--text_color);
font-size: 16px;
color: var(--text_color);
border-radius: 3px;
}
.wpcf7 .newsletter-4 .wpcf7-form-control-wrap input::-webkit-input-placeholder {
color: var(--text_color_fade_50);
font-style: italic;
}
.wpcf7 .newsletter-4 .wpcf7-form-control-wrap input::-moz-placeholder {
color: var(--text_color_fade_50);
font-style: italic;
}
.wpcf7 .newsletter-4 .ctf7_submit {
margin-top: 20px;
width: 35%;
position: relative;
overflow: hidden;
text-align: center;
}
.wpcf7 .newsletter-4 .ctf7_submit input {
width: 100%;
position: relative;
z-index: 2;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
background-color: var(--text_color);
height: 40px;
border: none;
border-radius: 3px;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.wpcf7 .newsletter-4 .ctf7_submit input:hover {
background-color: var(--primary_color);
}
.wpcf7 .newsletter-4 .ctf7_submit img {
margin-left: -50px;
}
.wpcf7 .newsletter-4 .ctf7_submit:hover:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
color: var(--primary_color);
}
.wpcf7 .contact-form-1 p {
position: relative;
display: inline-block;
}
.wpcf7 .contact-form-1 p strong {
margin-bottom: 2px;
}
.wpcf7 .contact-form-1 p span {
margin-top: 2px;
position: relative;
display: block;
}
.wpcf7 .contact-form-1 p span input,
.wpcf7 .contact-form-1 p span textarea {
background-color: transparent;
border: 1px solid var(--text_color_fade_50);
width: 100%;
border-radius: 5px;
}
.wpcf7 .contact-form-1 p:first-child {
width: 100%;
float: left;
display: inline-block;
}
@media (max-width: 479px) {
.wpcf7 .contact-form-1 p:first-child {
width: 100%;
float: none;
}
}
.wpcf7 .contact-form-1 p:nth-child(2) {
width: calc(70% - 30px);
float: left;
margin-left: 30px;
display: inline-block;
}
@media (max-width: 479px) {
.wpcf7 .contact-form-1 p:nth-child(2) {
width: 100%;
float: none;
margin-left: 0;
}
}
.wpcf7 .contact-form-1 p:nth-child(3) {
width: 100%;
}
.wpcf7 .contact-form-1 p input[type="submit"] {
background-color: #000000;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
text-transform: uppercase;
color: #FFF;
padding: 2px 50px;
border-radius: 5px;
border: 1px solid;
width:100%;
}
.wpcf7 .contact-form-1 p input[type="submit"]:hover {
background-color: var(--primary_color);
color: #fff;
} .yolo-top-bar {
background-color: var(--top_bar_bg_color);
color: var(--top_bar_text_color);
position: relative;
z-index: 998;
font-size: 14px;
font-weight: 400;
line-height: 50px;
}
.yolo-top-bar .top-sidebar aside {
display: inline-block;
margin-top: 0;
vertical-align: middle;
}
.yolo-top-bar .top-sidebar aside + aside {
margin-left: 30px;
}
.yolo-top-bar > ul {
list-style: none;
padding: 0;
margin: 0;
}
.yolo-top-bar > ul li {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.yolo-top-bar > ul li + li {
margin-left: 20px;
}
.yolo-top-bar ul.top-bar-info li {
display: inline-block;
vertical-align: middle;
padding: 0;
}
.yolo-top-bar ul.top-bar-info li > a {
vertical-align: middle;
line-height: 2;
color: inherit;
}
.yolo-top-bar ul.top-bar-info li + li {
margin-left: 20px;
}
.yolo-top-bar ul.top-bar-info i.fa {
font-size: 14px;
padding-right: 5px;
vertical-align: middle;
}
.yolo-top-bar .top-sidebar .profile-text {
padding-right: 10px;
}
.yolo-top-bar .top-sidebar h4.widget-title {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar #wp-calendar caption,
.yolo-top-bar .top-sidebar #wp-calendar thead th {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu {
overflow: visible;
border: none;
margin: 0;
padding: 0;
color: inherit;
font-size: 14px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li {
display: inline-block;
position: relative;
border: none;
color: inherit;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li:before {
display: none;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li:hover > ul {
display: block;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li > a {
padding: 0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu li > a:hover {
padding-left: 0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li {
padding: 0;
margin: 0;
line-height: 50px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li + li {
margin-left: 30px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li + li:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul {
display: none;
position: absolute;
z-index: 999;
right: 0;
top: 100%;
background-color: var(--top_bar_bg_color);
color: var(--top_bar_text_color);
text-align: left;
margin: 0;
padding: 0 15px;
min-width: 150px;
-webkit-box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.3);
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul li {
display: block;
white-space: nowrap;
padding: 8px 0;
margin: 0;
line-height: 28px;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul li + li {
border-top: solid 1px #f0f0f0;
}
.yolo-top-bar .top-sidebar .widget_nav_menu > div > ul.menu > li ul ul {
left: 100%;
top: 0;
}
.yolo-top-bar .top-sidebar .widget.base-primary-color i.fa,
.yolo-top-bar .top-sidebar .widget.base-primary-color a {
color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .widget.base-primary-color.widget_nav_menu > div > ul.menu > li + li:before,
.yolo-top-bar .top-sidebar .widget.base-primary-color.separate-left:before,
.yolo-top-bar .top-sidebar .widget.base-primary-color.separate-right:after {
background-color: var(--top_bar_text_color);
}
.yolo-top-bar .top-sidebar .separate-left {
position: relative;
}
.yolo-top-bar .top-sidebar .separate-left:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar .separate-right {
position: relative;
}
.yolo-top-bar .top-sidebar .separate-right:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -15px;
width: 1px;
height: 16px;
margin: auto;
}
.yolo-top-bar .top-sidebar a {
color: inherit;
}
.yolo-top-bar .top-sidebar .widget .custom-dropdown-list > ul li > a {
color: #333;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul {
position: relative;
display: inline-block;
padding: 0;
margin: 0;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul > li {
padding: 0;
display: block;
list-style: none;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul > li > a:after {
content: "\f107";
font-family: 'fontawesome';
display: inline-block;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul {
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
list-style: none;
padding: 10px 0;
margin: 0;
display: none;
background-color: #fff;
z-index: 999;
-webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul > li {
list-style: none;
padding: 0 15px;
display: block;
line-height: 32px;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul ul > li img {
padding-right: 5px;
}
.yolo-top-bar .top-sidebar .widget #lang_sel > ul:hover ul {
display: block;
}
.yolo-top-bar .top-bar-left {
text-align: left;
}
.yolo-top-bar .top-bar-right {
text-align: right;
}
.yolo-top-bar .top-bar-right.top-sidebar .widget_nav_menu > div > ul.menu ul ul {
left: auto;
right: 100%;
}
.yolo-top-bar .top-bar-right .yolo-login-button {
margin-left: 5px;
font-weight: 500;
}
.yolo-top-bar .top-bar-center {
text-align: center;
}
@media screen and (max-width: 991px) {
.yolo-top-bar {
position: relative;
z-index: 998;
color: var(--top_bar_text_color);
background: var(--top_bar_bg_color);
}
.yolo-top-bar .top-bar-left,
.yolo-top-bar .top-bar-right {
text-align: center;
}
.top-bar-right.top-sidebar .widget_nav_menu > div > ul.menu ul ul {
right: auto;
left: 100%;
}
}
@media screen and (max-width: 479px) {
.yolo-top-bar ul.top-bar-info li {
display: block;
margin-left: 0 !important;
}
}
.mini-cart-hover .woocommerce-mini-cart {
max-height: 320px;
}
.cqtooltip-wrapper .cq-hotspots {
z-index: 1;
}
.yolo-mobile-menu-overlay {
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: -1;
pointer-events: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
body.menu-mobile-in .yolo-mobile-menu-overlay {
opacity: 1;
z-index: 11;
pointer-events: auto;
cursor: url(//mizumi.com.pl/wp-content/themes/images/close.png) 15 15, default;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li a {
font-family: 'Lato';
font-weight: 300;
font-size: 16px;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu li a {
font-size: calc(var(--menu_font_size) - 2px);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container {
width: 100%;
padding: 0;
}
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li.menu_style_tab > ul,
header.yolo-main-header .yolo-header-nav-wrapper.nav-fullwith .container .yolo-header-wrapper .menu-wrapper .yolo-main-menu > li.menu_style_column > ul {
left: 0;
right: 0;
margin: 0 auto;
}
.yolo-top-bar .topbar-fullwith {
padding-left: var(--top_bar_layout_padding);
padding-right: var(--top_bar_layout_padding);
}
}
@media screen and (max-width: 1369px) {
.yolo-top-bar .topbar-fullwith {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 992px) {
.header-mobile-before,
.yolo-mobile-header-wrapper,
li.menu-fly-search {
display: none !important;
}
.logo-sticky {
list-style: none;
display: none !important;
vertical-align: middle;
}
header.yolo-main-header .yolo-header-wrapper {
position: relative;
width: 100%;
display: table;
z-index: 5;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav important li a {
color: inherit;
font-family: var(--menu_font);
font-weight: var(--menu_font_weight);
font-size: var(--menu_font_size);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav important li a:hover {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.current-menu-item > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children:hover > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children .menu-caret {
color: var(--headersidebar_nav_text_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children.menu_style_column ul.sub-menu .menu-item-type-custom > a {
background-color: transparent;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children.menu_style_column > ul.sub-menu {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children.menu_style_column > ul.sub-menu ul.sub-menu {
background-color: transparent;
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu li.current-menu-item:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu li.current-menu-item > a {
color: var(--primary_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu > li {
color: var(--menu_sub_text_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu > li .menu-caret {
color: var(--menu_sub_text_color);
}
header.yolo-main-header .yolo-header-wrapper .navbar-nav li.menu-item-has-children ul.sub-menu .menu-item-type-custom > a {
background-color: var(--menu_sub_bg_color);
}
header.yolo-main-header .header-left.text-center,
header.yolo-main-header .header-right.text-center {
text-align: center;
}
header.yolo-main-header .header-left {
display: table-cell;
vertical-align: middle;
}
header.yolo-main-header .header-right {
display: table-cell;
vertical-align: middle;
}
header.yolo-main-header .header-logo > a > img {
padding-top: var(--logo_padding_top);
padding-bottom: var(--logo_padding_bottom);
padding-left: var(--logo_padding_left);
padding-right: var(--logo_padding_right);
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: none;
}
header.yolo-main-header .yolo-header-nav-wrapper {
position: relative;
left: 0;
right: 0;
z-index: 5;
}
header.yolo-main-header .header-customize .header-customize-item {
position: relative;
display: inline-block;
font-family: 'Lato';
font-size: 16px;
font-weight:300;
vertical-align: middle;
}
header.yolo-main-header .header-customize .header-customize-item a.yolo-login-button i {
margin-right: 5px;
}
header.yolo-main-header .header-customize.header-customize-right .header-customize-item {
margin-left: 20px;
}
header.yolo-main-header .header-customize.header-customize-left .header-customize-item {
margin-right: 20px;
}
header.yolo-main-header .header-customize-separate .header-customize-item + .header-customize-item:before {
content: '';
position: absolute;
left: -15px;
display: block;
width: 1px;
height: 16px;
top: 0;
bottom: 0;
margin: auto;
}
header.yolo-main-header .icon-search-menu {
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
border: none;
vertical-align: middle;
display: inline-block;
text-align: center;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.yolo-main-header .icon-search-menu i {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-main-header .icon-search-menu i:hover {
color: var(--primary_color);
}
header.yolo-main-header ul.header-social-profile-wrapper {
margin: 0;
padding: 0;
list-style: none;
font-size: 16px;
z-index: 1;
}
header.yolo-main-header ul.header-social-profile-wrapper li {
display: inline-block;
}
header.yolo-main-header ul.header-social-profile-wrapper li a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.yolo-main-header ul.header-social-profile-wrapper li a:hover {
color: var(--primary_color);
}
header.yolo-main-header ul.header-social-profile-wrapper li a i {
font-size: 16px;
}
header.yolo-main-header ul.header-social-profile-wrapper li + li {
margin-left: 20px;
}
header.yolo-main-header .search-box input {
width: 100%;
padding-left: 10px;
padding-right: 40px;
max-width: 100%;
vertical-align: middle;
height: 30px;
}
header.yolo-main-header .search-box button {
border: none;
background-color: transparent;
position: absolute;
top: 0px;
bottom: 0;
right: 10px;
margin: auto;
padding: 0;
line-height: 1;
}
header.yolo-main-header .search-box button i {
font-size: 18px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-main-header .search-box button:hover i {
color: var(--primary_color);
}
header.yolo-main-header .search-box.search-with-category-inner input {
background-color: transparent;
height: 40px;
line-height: 38px;
border-left: 1px;
}
header.yolo-main-header .search-box-wrapper > form {
padding: 0;
margin: 0;
position: relative;
display: inline-block;
line-height: 30px;
border: none;
}
header.yolo-main-header .search-box-wrapper > form button i.fa-spinner:before {
content: '\f110';
font-family: fontawesome;
font-size: 14px;
line-height: 30px;
}
header.yolo-main-header .ajax-search-result {
position: absolute;
top: 100%;
z-index: 10;
color: var(--text_color);
background-color: #ffffff;
left: 0;
right: 0;
border: solid 1px #eee;
border-top: none;
min-width: 200px;
font-size: 14px;
}
header.yolo-main-header .ajax-search-result > ul {
position: relative;
display: block;
list-style: none;
text-align: left;
padding: 0;
margin: 0;
line-height: 1.8;
}
header.yolo-main-header .ajax-search-result > ul > li {
padding: 10px 15px;
position: relative;
}
header.yolo-main-header .ajax-search-result > ul > li:after {
content: '';
display: block;
clear: both;
}
header.yolo-main-header .ajax-search-result > ul > li img {
float: left;
width: 50px;
margin-right: 15px;
}
header.yolo-main-header .ajax-search-result > ul > li.no-result {
text-align: center;
}
header.yolo-main-header .ajax-search-result > ul > li.selected,
header.yolo-main-header .ajax-search-result > ul > li:hover {
background-color: #fafafa;
}
header.yolo-main-header .ajax-search-result > ul > li.selected + li:before,
header.yolo-main-header .ajax-search-result > ul > li:hover + li:before {
display: none;
}
header.yolo-main-header .ajax-search-result > ul > li + li.selected:before,
header.yolo-main-header .ajax-search-result > ul > li + li:hover:before {
display: none;
}
header.yolo-main-header .ajax-search-result > ul > li + li:before {
content: '';
position: absolute;
display: block;
margin: auto;
left: 15px;
right: 15px;
top: 0;
}
header.yolo-main-header .search-with-category {
width: 400px;
}
header.yolo-main-header .search-with-category > .search-with-category-inner {
line-height: 1;
}
header.yolo-main-header .search-with-category .form-search-left {
float: left;
width: 140px;
position: relative;
}
header.yolo-main-header .search-with-category .form-search-left > span {
border: solid 1px #eee;
display: inline-block;
height: 40px;
line-height: 38px;
vertical-align: middle;
width: 100%;
border-right: none;
padding: 0 18px;
font-size: 14px;
cursor: pointer;
text-align: left;
text-transform: uppercase;
font-family: var(--secondary_font);
}
header.yolo-main-header .search-with-category .form-search-left > span:after {
content: '\f0d7';
font-family: 'fontawesome';
position: absolute;
right: 15px;
margin: auto;
top: 15px;
bottom: 0;
height: 17px;
font-size: 14px;
line-height: 3px;
}
header.yolo-main-header .search-with-category .form-search-right {
padding-left: 140px;
}
header.yolo-main-header .search-with-category .form-search-right input {
border: 1px solid #eee;
}
header.yolo-main-header .search-with-category .form-search-right button[type="button"]:hover i {
color: var(--primary_color);
}
header.yolo-main-header .search-with-category .form-search-right button[type="button"] i {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-main-header .search-with-category .form-search-right button[type="button"] i.fa-spinner.fa-spin:before {
content: '\f110';
font-family: fontawesome;
font-size: 14px;
line-height: 38px;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
header.yolo-main-header .search-with-category .search-category-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0px;
overflow: auto;
padding: 5px 0;
list-style: none;
margin: 0;
border: solid 1px #eee;
border-top: none;
background-color: #ffffff;
line-height: 36px;
z-index: 10;
max-height: 380px;
}
header.yolo-main-header .search-with-category .search-category-dropdown li > span {
cursor: pointer;
padding: 0 15px;
display: block;
text-align: left;
color: #333;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header.yolo-main-header .search-with-category .search-category-dropdown ul li > span {
padding-left: 30px;
}
header.yolo-main-header .search-with-category .search-category-dropdown ul ul li > span {
padding-left: 45px;
}
header.yolo-main-header .search-with-category .search-category-dropdown li > span:hover {
color: var(--primary_color);
}
header.yolo-main-header .search-with-category .search-category-dropdown ul {
padding: 0;
list-style: inside;
}
header.yolo-main-header .search-with-category .ajax-search-result {
border-width: 2px;
}
header.yolo-main-header .header-customize-nav .search-box-wrapper .search-box input[type="text"] {
line-height: 45px;
height: 45px;
}
header.yolo-main-header .header-customize-nav .search-with-category .form-search-left > span,
header.yolo-main-header .header-customize-nav .search-with-category .search-with-category-inner,
header.yolo-main-header .header-customize-nav .search-with-category .form-search-right > input {
line-height: 38px;
height: 40px;
}
header.yolo-main-header .header-customize-right,
header.yolo-main-header .header-customize-left {
line-height: 50px;
}
header.yolo-main-header .header-customize-right:before,
header.yolo-main-header .header-customize-left:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
header.yolo-main-header .header-customize-right .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper,
header.yolo-main-header .header-customize-left .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
margin-top: 20px;
}
header.yolo-main-header .header-customize.header-customize-left {
margin-left: 0;
}
header.yolo-main-header .custom-list {
margin: 0;
list-style: none;
padding-left: 0;
}
header.yolo-main-header .custom-list li {
line-height: 24px;
}
header.yolo-main-header .custom-separate {
display: inline-block;
vertical-align: middle;
height: 16px;
width: 1px;
margin-left: 15px;
margin-right: 15px;
}
header.header-float {
position: absolute !important;
z-index: 5;
left: 0;
right: 0;
background-color: transparent;
}
header.header-float .yolo-sticky-wrapper .yolo-header-nav-wrapper {
background-color: transparent;
}
header.header-float .search-box input {
background-color: transparent;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper {
z-index: 10;
left: 0;
right: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none !important;
border-bottom: 1px solid !important;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .logo-sticky {
display: table !important;
line-height: 60px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .logo-sticky > a > img {
padding-top: 5px;
padding-bottom: 5px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-logo.has-logo-sticky {
display: none !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-logo {
height: 53px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-logo > a > img {
max-height: 60px !important;
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: none;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .header-customize {
line-height: 60px;
height: 60px;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-inherit.sticky-on .menu-wrapper .yolo-main-menu > li > a:hover {
color: var(--primary_color) !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on {
background-color: #eee !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #333 !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-gray.sticky-on .menu-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color) !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-light.sticky-on {
background-color: #fff !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-light.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #363738 !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on {
background-color: #333 !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li > a {
color: #ffffff !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li:hover > a {
color: var(--primary_color) !important;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper .yolo-header-wrapper {
border-bottom: none;
}
body.boxed .yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper {
max-width: var(--layout_site_max_width);
margin: auto;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
header.yolo-main-header .header-customize .header-customize-item a.yolo-login-button span {
display: none;
}
}
.shopping-cart-wrapper {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
text-align: right;
position: relative;
}
.shopping-cart-wrapper.no-price .sub-total-text {
display: none;
}
.shopping-cart-wrapper .widget_shopping_cart_content {
display: block;
text-align: left;
font-size: 12px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
position: relative;
display: inline-block;
line-height: 60px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon span.total {
position: absolute;
top: 14px;
right: -4px;
width: 20px;
height: 20px;
font-size: 12px;
text-align: center;
line-height: 20px;
color: var(--primary_color);
border-radius: 100%;
}
@media (max-width: 991px) {
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon span.total {
top: 0px;
}
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon i.wicon {
cursor: pointer;
padding: 0;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
display: inline-block;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon i.wicon:hover {
color: var(--primary_color) !important;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
top: 150%;
right: 0;
left: auto;
z-index: 11;
min-width: 300px;
background-color: #ffffff;
border: solid 2px #eee;
padding: 0;
line-height: 2em;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
-webkit-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
-o-transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
transition-timing-function: cubic-bezier(1, 0.07, 1, 0.07);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper .cart-total {
padding: 0 15px 20px;
position: relative;
color: #222222;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty {
padding: 15px;
text-align: center;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty h4 {
text-transform: uppercase;
padding: 0 0 15px;
margin: 0;
font-size: 16px;
word-spacing: 0.2em;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li.empty p {
color: var(--text_color);
padding: 0;
margin: 0;
font-size: 14px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li {
padding: 15px 0;
margin: 0;
position: relative;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li + li {
border-top: solid 1px #eeeeee;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left {
float: left;
overflow: hidden;
margin-right: 10px;
border: solid 1px #eee;
background: #fff;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-left > a > img {
height: auto;
width: 58px;
margin: 0;
display: block;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right {
overflow: hidden;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a {
text-transform: uppercase;
word-spacing: 1px;
font-size: 12px;
font-weight: 700;
display: block;
padding-right: 15px;
color: var(--secondary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a:hover {
color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > span.quantity {
font-size: 12px;
font-weight: 700;
display: block;
text-align: left;
color: #8f8f8f;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li .cart-right > a.mini-cart-remove {
position: absolute;
right: 0;
top: 15px;
padding-right: 0;
font-size: 18px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper li:after {
content: "";
display: block;
clear: both;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total {
padding: 0;
font-size: 13px;
font-weight: bold;
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
line-height: 43px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total strong {
text-transform: uppercase;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.total > span.amount {
font-weight: 700;
float: right;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons {
text-align: center;
margin: 0;
padding: 15px 0 0;
font-size: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button {
color: #fff;
border-radius: 0;
line-height: 20px;
padding: 10px;
font-size: 12px;
min-width: 125px;
width: 48%;
display: inline-block;
text-transform: uppercase;
background-color: #333;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button:hover {
background-color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button > i.fa {
margin-right: 5px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout {
background-color: var(--primary_color);
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button.checkout:hover {
background-color: var(--primary_color_darken_20);
}
@media (max-width: 480px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button {
min-width: 100px;
}
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper p.buttons .button + .button {
margin-left: 4%;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl {
border: none;
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 20px;
clear: none;
font-size: 11px;
font-weight: 400;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl dd {
padding: 0;
line-height: 20px;
display: block;
float: none;
margin: 0;
font-size: 11px;
}
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper dl p {
margin: 0;
padding: 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content ul.cart_list,
.shopping-cart-wrapper .widget_shopping_cart_content ul.product_list_widget {
position: relative;
margin: 0;
list-style: none;
padding: 15px 15px 0;
}
.shopping-cart-wrapper .widget_shopping_cart_content:hover .cart_list_wrapper.mini-cart-hover {
top: 100%;
visibility: visible;
opacity: 1;
-webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
-o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93);
}
.shopping-cart-wrapper.with-price .sub-total-text {
position: absolute;
top: 25px;
right: 0px;
}
.shopping-cart-wrapper.with-price .widget_shopping_cart_content .widget_shopping_cart_icon i.wicon {
border-radius: 0;
background-color: transparent;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper {
position: relative;
line-height: 60px;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist i.wicon {
cursor: pointer;
padding: 0;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist i.wicon:hover {
color: var(--primary_color);
}
.my-wishlist .widget_shopping_wishlist_content .my-wishlist-wrapper a.yolo-wishlist span.total {
position: absolute;
top: 14px;
right: -2px;
width: 20px;
height: 20px;
font-size: 12px;
text-align: center;
line-height: 20px;
color: var(--primary_color);
border-radius: 100%;
}
.custom-dropdown-list {
position: relative;
display: inline-block;
}
.custom-dropdown-list > span {
cursor: pointer;
}
.custom-dropdown-list:hover > ul {
display: block;
}
.custom-dropdown-list > ul {
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
list-style: none;
padding: 10px 0;
margin: 0;
display: none;
background-color: #ffffff;
z-index: 4;
-webkit-box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.3);
}
.custom-dropdown-list > ul li {
line-height: 32px;
padding: 0 15px;
display: block;
}
.custom-dropdown-list > ul li > a {
color: #333;
white-space: nowrap;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper {
width: 370px;
padding: 0;
background: #ffffff;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .widget_shopping_cart_icon,
#mini-cart-canvas.yolo-canvas-menu-wrapper .sub-total-text {
display: none;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .yolo-canvas-menu-close {
top: 5px;
right: 10%;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .mini-cart-title {
width: 100%;
text-align: center;
text-transform: uppercase;
color: #000000;
padding: 10.5px 0;
margin: 0;
background: #50b6a857;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .product_list_widget {
padding: 0 25px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart-total {
padding: 0 50px 0 25px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li {
position: relative;
text-align: left;
border-top: 1px solid;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li img {
float: none;
width: auto;
margin: 0;
display: block;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li > span {
display: block;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .mini-cart-remove {
font-weight: normal;
margin: 10px auto 0 auto;
border: 1px solid #eeeeee;
line-height: 19px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .price {
display: block;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li a:first-child {
margin-top: 10px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .spinner {
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background-size: cover;
background-position: center center;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
z-index: 1;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .cart_list li .spinner-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper dl {
border: none;
font-size: 12px;
background: #50b6a81f;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper dl dd {
margin: 0;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .total {
padding: 10px 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
text-transform: uppercase;
margin-bottom: 30px;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .total .amount {
float: right;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .buttons a {
display: block;
width: 100%;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: bold;
background: #50b6a857;
}    #mini-cart-canvas.yolo-canvas-menu-wrapper .cart_list_wrapper .btcart {
position: fixed;
}
#mini-cart-canvas.yolo-canvas-menu-wrapper .blockUI.blockOverlay {
background-color: #ffffff !important;
}
#wishlists-canvas {
padding: 0;
background: #ffffff;
}
#wishlists-canvas.yolo-canvas-menu-wrapper {
width: 450px;
}
#wishlists-canvas .yolo-canvas-menu-close {
top: 13px;
}
#wishlists-canvas .wishlist-title {
width: 100%;
text-align: center;
text-transform: uppercase;
color: #ffffff;
padding: 15px 0;
margin: 0;
background: #000000;
}
#wishlists-canvas .wishlists-content {
overflow: auto;
}
#wishlists-canvas .wishlists-content .woocommerce-error,
#wishlists-canvas .wishlists-content .woocommerce-message,
#wishlists-canvas .wishlists-content .yith-wcwl-messages {
display: none;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form table {
min-width: 100%;
background: transparent !important;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
#wishlists-canvas .wishlists-content #yith-wcwl-form table .blockUI.blockOverlay {
display: none !important;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form .wishlist-title,
#wishlists-canvas .wishlists-content #yith-wcwl-form thead,
#wishlists-canvas .wishlists-content #yith-wcwl-form tfoot {
display: none;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody,
#wishlists-canvas .wishlists-content #yith-wcwl-form tr,
#wishlists-canvas .wishlists-content #yith-wcwl-form td {
border: none;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr {
position: relative;
display: block;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td {
margin: 5px 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-thumbnail a {
max-width: 180px !important;
margin: 0 auto;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-remove {
position: absolute;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-remove a {
top: 10px;
right: 10px;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.wishlist-empty {
padding-top: 25px;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-add-to-cart {
margin-bottom: 10px;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr td.product-add-to-cart .add-to-cart-wrap {
position: relative;
bottom: auto;
left: auto;
opacity: 1;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr .spinner {
height: 20px;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
display: block;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background-size: cover;
background-position: center center;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
z-index: 5;
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr .spinner-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
}
#wishlists-canvas .wishlists-content #yith-wcwl-form tbody tr:first-child {
padding-top: 25px;
}
#wishlists-canvas .wl-button a {
width: calc(100% - 50px);
text-transform: uppercase;
margin: 25px;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
overflow: auto;
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-1 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_1_nav_layout_padding);
padding-right: var(--header_1_nav_layout_padding);
}
}
.header-1 {
position: relative;
}
.header-1 .yolo-header-nav-wrapper.text-left {
z-index: 10;
}
.header-1 .yolo-header-nav-wrapper.yolo-nav-wrapper {
background-color: var(--header_1_nav_bg_color);
}
.header-1 .yolo-header-nav-wrapper .header-logo {
display: table-cell;
vertical-align: middle;
text-align: center;
height: var(--header_1_height);
}
.header-1 .yolo-header-nav-wrapper .header-logo > a img {
max-height: var(--header_1_height);
}
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right {
line-height: var(--header_1_height);
}
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right .search-box-wrapper form input {
background-color: transparent;
border: 1px solid #eee;
min-width: 370px;
}
@media (min-width: 992px) and (max-width: 1024px) {
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right .search-with-category {
width: 405px;
}
}
.header-1 .yolo-header-nav-wrapper .fr .header-customize-right .custom-text-wrapper i {
margin-right: 10px;
font-size: 16px;
}
.header-1 .yolo-header-wrapper .yolo-main-menu > li {
color: var(--header_1_nav_text_color);
}
.header-1 .yolo-header-wrapper .yolo-main-menu > li > a {
padding-right: var(--header_1_nav_distance);
}
@media (max-width: 1199px) {
.header-1 .yolo-header-wrapper .yolo-main-menu > li > a {
padding: 20px 10px;
padding-right: 20px;
}
}
.header-1 .header-customize.header-customize-nav {
float: right;
height: 60px;
line-height: 60px;
}
.header-1 .header-customize.header-customize-nav .header-customize-item {
margin-left: 20px;
}
.header-1 .header-customize .header-customize-item {
color: var(--header_1_nav_text_color);
}
.header-1 .header-customize input[type="text"]::-webkit-input-placeholder {
color: var(--header_1_nav_text_color);
}
.header-1 .header-customize input[type="text"]:-moz-placeholder {
color: var(--header_1_nav_text_color);
}
.header-1 .header-customize input[type="text"]::-moz-placeholder {
color: var(--header_1_nav_text_color);
}
.header-1 .header-customize input[type="text"]:-ms-input-placeholder {
color: var(--header_1_nav_text_color);
}
.header-1 .header-center .menu-wrapper {
margin: 0 auto;
}
.header-1 .yolo-sticky-wrapper.is-sticky .header-sticky {
padding-top: 0px;
background-color: var(--header_1_nav_bg_color);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-2 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: 30px;
padding-right: 30px;
border-bottom: 1px solid;
}
}
header.header-2 {
background-color: var(--header_2_nav_bg_color);
}
header.header-2 .yolo-header-nav-wrapper {
-webkit-transition: all 0.1s ease 0s;
-o-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
}
header.header-2 .yolo-header-nav-wrapper .logo-center {
padding: 0;
}
header.header-2 .yolo-header-nav-wrapper .header-logo {
height: 79px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: left;
}
header.header-2 .yolo-header-nav-wrapper .header-logo a img {
max-height: var(--header_2_height);
width: 160px;
}
@media (max-width: 1200px) {
header.header-2 .yolo-header-nav-wrapper .header-logo a img {
max-height: var(--header_2_height);
width: 120px;
}
}
header.header-2 .yolo-header-nav-wrapper .header-customize-left {
float: left;
}
header.header-2 .yolo-header-nav-wrapper .header-customize-right,
header.header-2 .yolo-header-nav-wrapper .header-customize-left {
height: var(--header_2_height);
}
@media (max-width: 1919px) {
header.header-2 .yolo-header-nav-wrapper .header-customize-right .search-with-category,
header.header-2 .yolo-header-nav-wrapper .header-customize-left .search-with-category {
display: none;
}
}
@media (max-width: 1450px) {
header.header-2 .yolo-header-nav-wrapper .header-customize-right .search-box-wrapper,
header.header-2 .yolo-header-nav-wrapper .header-customize-left .search-box-wrapper {
max-width: 100px;
}
}
header.header-2 .yolo-header-nav-wrapper .header-customize .header-customize-item {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper .header-customize input[type="text"]::-webkit-input-placeholder {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper .header-customize input[type="text"]:-moz-placeholder {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper .header-customize input[type="text"]::-moz-placeholder {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper .header-customize input[type="text"]:-ms-input-placeholder {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper > div:first-child {
text-align: right;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split {
padding: 0;
position: inherit;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav > li {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav > li > a {
padding-right: var(--header_2_nav_distance);
padding-top: 0px;
padding-bottom: 0px;
line-height: var(--header_2_height);
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav > li > a i {
line-height: var(--header_2_height);
}
@media (max-width: 1500px) {
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav > li > a {
padding-right: 10px !important;
}
}
@media (max-width: 1199px) {
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav > li > a {
padding-right: 0 !important;
padding-left: 8px;
}
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav.split-left {
float: left;
padding-left: 5px;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav.split-left > li:first-child > a {
padding-left: 0;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav.split-left > li:last-child > a {
padding-right: 0;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav.split-right {
padding-left: 30px;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav.split-right > li:first-child > a {
padding-left: 0;
}
header.header-2 .yolo-header-nav-wrapper .yolo-header-wrapper .menu-split ul.navbar-nav.split-right > li:last-child > a {
padding-right: 0;
}
header.header-2 .yolo-header-nav-wrapper.sticky-in {
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
header.header-2 .yolo-header-nav-wrapper.sticky-on .header-logo.logo-sticky {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
line-height: 60px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header.header-2 .yolo-header-nav-wrapper.sticky-on .yolo-header-wrapper .menu-split ul.navbar-nav > li {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper.sticky-on .yolo-header-wrapper .menu-split ul.navbar-nav > li > a {
line-height: 60px;
}
header.header-2 .yolo-header-nav-wrapper.sticky-on .yolo-header-wrapper .menu-split ul.navbar-nav > li > a i {
line-height: 60px;
}
header.header-2 .yolo-header-nav-wrapper.sticky-out .yolo-header-wrapper .menu-split ul.navbar-nav > li {
color: var(--header_2_nav_text_color);
}
header.header-2 .yolo-header-nav-wrapper.sticky-out .yolo-header-wrapper .menu-split ul.navbar-nav > li > a {
line-height: 60px;
}
header.header-2 .yolo-header-nav-wrapper.sticky-out .yolo-header-wrapper .menu-split ul.navbar-nav > li > a i {
line-height: 60px;
}
header.header-2 .yolo-sticky-wrapper.is-sticky .header-sticky {
background-color: var(--header_2_nav_bg_color);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-3 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_3_nav_layout_padding);
padding-right: var(--header_3_nav_layout_padding);
}
}
header.header-3 {
position: relative;
background-color: var(--header_3_nav_bg_color);
color: var(--header_3_nav_text_color);
}
header.header-3 .yolo-account .sub-menu {
background-color: var(--header_3_nav_bg_color);
}
header.header-3 .yolo-header-nav-wrapper {
position: relative;
height: var(--header_3_height);
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-left-offcanvas {
position: relative;
z-index: 2;
float: left;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-left-offcanvas .canvas-menu-toggle-wrapper {
padding-right: 70px;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-left {
float: left;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-left .header-logo {
position: relative;
z-index: 1;
display: table;
height: var(--header_3_height);
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-left .header-logo a {
display: table-cell;
vertical-align: middle;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-left .header-logo a img {
max-height: var(--header_3_height);
}
@media (max-width: 1199px) {
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-left .header-logo a img {
max-width: 160px;
}
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-center {
float: left;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-center .header-customize {
line-height: var(--header_3_height);
}
@media (max-width: 1650px) {
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-center .header-customize .search-with-category {
width: 200px;
}
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-right {
float: right;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-right .menu-wrapper {
float: left;
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-right .menu-wrapper .navbar-nav > li > a {
padding-top: 0;
padding-bottom: 0;
line-height: var(--header_3_height);
padding-left: var(--header_3_nav_distance);
padding-right: var(--header_3_nav_distance);
}
@media (max-width: 1199px) {
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-right .menu-wrapper .navbar-nav > li > a {
padding: 0 8px;
}
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-right .menu-wrapper .navbar-nav > li > a i {
line-height: var(--header_3_height);
}
header.header-3 .yolo-header-nav-wrapper .container .yolo-header-wrapper .header-right .header-customize {
display: inline-block;
line-height: var(--header_3_height);
}
header.header-3 .yolo-header-nav-wrapper.sticky-in {
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on {
height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .yolo-header-wrapper .header-left-offcanvas .header-customize {
height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-left .header-logo {
line-height: 60px;
height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-left .header-logo img {
max-height: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-center .menu-wrapper #main-menu > li > a {
padding-top: 0px;
padding-bottom: 0px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-center .header-customize {
line-height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right {
float: right;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right .menu-wrapper {
float: left;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right .menu-wrapper .navbar-nav > li > a {
padding-top: 0;
padding-bottom: 0;
line-height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right .menu-wrapper .navbar-nav > li > a i {
line-height: 60px;
}
@media (max-width: 1199px) {
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right .menu-wrapper .navbar-nav > li > a {
padding: 0 8px;
}
}
header.header-3 .yolo-header-nav-wrapper.sticky-on .container .header-right .header-customize {
line-height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out {
height: 60px !important;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .yolo-header-wrapper .header-left-offcanvas .header-customize {
height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-left .header-logo {
line-height: 60px;
height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-left .header-logo img {
max-height: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-center .menu-wrapper #main-menu > li > a {
padding-top: 20px;
padding-bottom: 20px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-center .header-customize {
line-height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right {
float: right;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right .menu-wrapper {
float: left;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right .menu-wrapper .navbar-nav > li > a {
padding-top: 0;
padding-bottom: 0;
line-height: 60px;
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right .menu-wrapper .navbar-nav > li > a i {
line-height: 60px;
}
@media (max-width: 1199px) {
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right .menu-wrapper .navbar-nav > li > a {
padding: 0 8px;
}
}
header.header-3 .yolo-header-nav-wrapper.sticky-out .container .header-right .header-customize {
line-height: 60px;
}
header.header-3 .yolo-sticky-wrapper.is-sticky .header-sticky {
background-color: var(--header_3_nav_bg_color);
}
@media screen and (min-width: 1370px) {
header.yolo-main-header.header-4 .yolo-header-nav-wrapper.nav-fullwith {
padding-left: var(--header_4_nav_layout_padding);
padding-right: var(--header_4_nav_layout_padding);
}
}
.header-4 .yolo-header-customize {
display: table;
width: 100%;
}
.header-4 .yolo-header-customize .yolo-custom-left,
.header-4 .yolo-header-customize .yolo-custom-right,
.header-4 .yolo-header-customize .header-logo {
display: table-cell;
vertical-align: middle;
}
.header-4 .yolo-header-customize .yolo-custom-left {
text-align: left;
width: 35%;
}
.header-4 .yolo-header-customize .yolo-custom-right {
text-align: right;
width: 35%;
}
.header-4 .header-logo {
height: var(--header_4_height);
text-align: center;
width: 30%;
}
.header-4 .header-logo a img {
max-height: var(--header_4_height);
}
.header-4 .header-customize {
color: var(--text_color);
}
.header-4 .header-customize .my-wishlist {
margin-left: 0px !important;
}
.header-4 .yolo-header-nav-wrapper {
background-color: var(--header_4_nav_bg_color);
}
.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu {
float: none;
}
.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li {
display: inline-block;
float: none;
}
.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li > a {
padding-left: var(--header_4_nav_distance);
padding-right: var(--header_4_nav_distance);
}
.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .menu-wrapper #main-menu > li ul {
text-align: left;
}
.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-customize-nav {
display: inline-block;
}
.header-4 .yolo-header-nav-wrapper .yolo-header-wrapper .header-left .header-customize-nav .header-customize-item {
margin-left: 10px;
line-height: 60px;
}
.header-4 .yolo-header-nav-wrapper.sticky-on {
background-color: var(--header_4_nav_bg_color);
}
.header-4 .yolo-header-nav-wrapper.sticky-out {
background-color: var(--header_4_nav_bg_color);
}
@media screen and (min-width: 992px) {
header.yolo-mobile-header {
display: none !important;
}
}
@media screen and (max-width: 991px) {
body {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
left: 0;
}
.mobile-top-bar-hide,
header.yolo-main-header {
display: none !important;
}
body.menu-mobile-in {
overflow: hidden;
}
.container.yolo-mobile-header-wrapper {
position: relative;
}
.header-mobile-before {
text-align: center;
}
.header-mobile-before img {
max-height: var(--logo_mobile_max_height);
padding-top: var(--logo_mobile_padding);
padding-bottom: var(--logo_mobile_padding);
-ms-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.header-logo-mobile {
line-height: var(--logo_mobile_max_height);
vertical-align: middle;
text-align: center;
}
.header-logo-mobile img {
max-height: var(--logo_mobile_max_height);
padding-top: var(--logo_mobile_padding);
padding-bottom: var(--logo_mobile_padding);
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.yolo-mobile-header {
background: #ffffff;
}
header.yolo-mobile-header .toggle-icon-wrapper {
left: 0;
}
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon > span,
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon:before,
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon:after {
background-color: var(--mobile_text_color);
}
header.yolo-mobile-header .toggle-icon-wrapper.in .toggle-icon > span {
background-color: transparent;
}
header.yolo-mobile-header .toggle-icon-wrapper .toggle-icon + span {
font-family: Oswald;
font-size: 18px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: var(--mobile_text_color);
font-weight: 300;
}
header.yolo-mobile-header .header-left,
header.yolo-mobile-header .toggle-icon-wrapper.toggle-desktop,
header.yolo-mobile-header .header-customize {
display: none;
}
header.yolo-mobile-header .yolo-header-container-wrapper {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: var(--mobile_background_color);
z-index: 997;
top: 0;
}
header.yolo-mobile-header .yolo-mobile-header-wrapper {
background-color: var(--mobile_background_color);
padding-left: 0;
padding-right: 0;
}
header.yolo-mobile-header .yolo-mobile-header-inner {
height: var(--logo_mobile_max_height);
position: relative;
padding-left: 15px;
padding-right: 15px;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize {
display: block;
font-size: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
color: var(--mobile_text_color);
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize-item {
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
header.yolo-mobile-header .yolo-mobile-header-inner .header-customize-item + .header-customize-item {
margin-left: 10px;
}
header.yolo-mobile-header .yolo-mobile-header-inner .toggle-icon-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 15px;
}
header.yolo-mobile-header .yolo-mobile-header-inner .icon-search-menu {
display: inline-block;
vertical-align: middle;
color: var(--mobile_text_color);
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
padding: 0;
font-size: 24px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
header.yolo-mobile-header .yolo-mobile-header-inner .icon-search-menu:hover {
color: var(--primary_color);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content {
height: var(--logo_mobile_max_height);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content:before {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon {
display: inline-block;
vertical-align: middle;
top: 0;
height: 45px;
line-height: 45px;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
padding: 0;
font-size: 24px;
color: var(--mobile_text_color);
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon:hover {
color: var(--primary_color) !important;
}
header.yolo-mobile-header .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon + span {
position: absolute;
top: 5px;
right: 0px;
color: #ffffff;
background-color: var(--primary_color);
border-radius: 100%;
padding: 0;
width: 17px;
height: 17px;
line-height: 17px;
}
.yolo-mobile-header-nav {
background: #ddd;
display: none;
margin-bottom: 15px;
}
form.yolo-search-form-mobile-menu {
display: block;
background-color: #d0d0d0;
padding: 15px;
position: relative;
}
form.yolo-search-form-mobile-menu input {
background-color: #ddd;
border: none;
display: block;
width: 100%;
font-size: 14px;
line-height: 1.2;
height: auto;
padding: 12px;
color: #ffffff;
}
form.yolo-search-form-mobile-menu button {
border: none;
background-color: transparent;
position: absolute;
top: 0;
right: 20px;
line-height: 1;
bottom: 0;
margin: auto;
font-size: 14px;
color: #ffffff;
}
ul.yolo-nav-mobile-menu {
padding: 0;
}
ul.yolo-nav-mobile-menu li.menu-item {
border-bottom: 1px solid #f2f2f2;
letter-spacing: 0.1em;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
ul.yolo-nav-mobile-menu li.menu-item > a {
padding: 15px;
display: inline-block;
line-height: 1.2;
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret {
float: right;
right: 0;
position: absolute;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret:before {
content: "\f065";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 45px;
width: 45px;
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret:hover {
cursor: pointer;
color: var(--primary_color);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
ul.yolo-nav-mobile-menu li.menu-item > b.menu-caret.active:before {
content: "\f066";
display: inline-block;
font-family: FontAwesome;
}
ul.yolo-nav-mobile-menu li.menu-item:not(.sub-menu-open):hover {
background-color: #eaeaea;
}
ul.yolo-nav-mobile-menu li.menu-item.sub-menu-open {
border-bottom-width: 0px;
}
ul.yolo-nav-mobile-menu li.menu-item.sub-menu-open > ul.sub-menu:before {
content: "";
display: block;
position: absolute;
top: -6px;
left: 15px;
z-index: 1;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #f7f7f7;
}
ul.yolo-nav-mobile-menu li.current-menu-ancestor > a,
ul.yolo-nav-mobile-menu li.current-menu-parent > a,
ul.yolo-nav-mobile-menu li.current-menu-item > a,
ul.yolo-nav-mobile-menu li.menu-current > a,
ul.yolo-nav-mobile-menu li > a:hover,
ul.yolo-nav-mobile-menu li:hover > a,
ul.yolo-nav-mobile-menu li ul.sub-menu li:hover > a {
color: var(--primary_color);
}
ul.yolo-nav-mobile-menu li.current-menu-ancestor > a > b.caret:before,
ul.yolo-nav-mobile-menu li.current-menu-parent > a > b.caret:before,
ul.yolo-nav-mobile-menu li.current-menu-item > a > b.caret:before,
ul.yolo-nav-mobile-menu li.menu-current > a > b.caret:before,
ul.yolo-nav-mobile-menu li > a:hover > b.caret:before,
ul.yolo-nav-mobile-menu li:hover > a > b.caret:before,
ul.yolo-nav-mobile-menu li ul.sub-menu li:hover > a > b.caret:before {
color: var(--primary_color);
}
ul.yolo-nav-mobile-menu ul.sub-menu {
background-color: #f7f7f7;
padding-left: 0;
position: relative;
}
ul.yolo-nav-mobile-menu ul.sub-menu > li.menu-item > a {
font-size: 13px;
}
ul.yolo-nav-mobile-menu ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #ffffff;
}
ul.yolo-nav-mobile-menu ul ul.sub-menu {
background-color: #ffffff;
}
ul.yolo-nav-mobile-menu ul ul.sub-menu > li {
padding-left: 10px;
}
ul.yolo-nav-mobile-menu ul ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #ffffff;
}
ul.yolo-nav-mobile-menu ul ul ul.sub-menu {
background-color: #ffffff;
}
ul.yolo-nav-mobile-menu ul ul ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
border-color: transparent transparent #ffffff;
}
ul.yolo-nav-mobile-menu ul ul ul ul.sub-menu {
background-color: #ffffff;
}
.yolo-mobile-header-nav.menu-drop-fly {
display: block;
position: fixed;
margin: 0;
top: 0;
bottom: 0;
overflow: auto;
overflow-x: hidden;
width: 280px;
left: -280px;
z-index: 9999;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.yolo-mobile-header-nav.menu-drop-fly.in {
left: 0;
}
.yolo-mobile-header .menu-drop-dropdown .yolo-mobile-header-wrapper {
height: 70px;
}
.yolo-mobile-header .menu-drop-dropdown .yolo-mobile-header-nav {
position: relative;
z-index: 2;
padding: 15px;
}
header.header-mobile-2 {
display: block;
}
header.header-mobile-2 .yolo-header-container-wrapper {
background-color: #ddd;
border-bottom: none;
}
header.header-mobile-2 .yolo-mobile-header-wrapper {
background-color: transparent;
}
header.header-mobile-2 .yolo-mobile-header-inner {
height: var(--main_menu_mobile_height);
position: relative;
}
header.header-mobile-2 .yolo-mobile-header-inner .header-customize {
color: #eeeeee;
right: 0;
}
header.header-mobile-2 .yolo-mobile-header-inner .icon-search-menu,
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
height: 30px;
line-height: 32px;
width: 36px;
color: #ffffff;
}
header.header-mobile-2 .yolo-mobile-header-inner .icon-search-menu:before,
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon:before {
line-height: 28px;
}
header.header-mobile-2 .yolo-mobile-header-inner .shopping-cart-wrapper .widget_shopping_cart_content {
height: var(--main_menu_mobile_height);
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper {
left: 0;
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon > span,
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon:before,
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon:after {
background-color: #eeeeee;
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper.in .toggle-icon > span {
background-color: transparent;
}
header.header-mobile-2 .yolo-mobile-header-inner .toggle-icon-wrapper .toggle-icon + span {
font-family: Oswald;
font-size: 18px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #eeeeee;
font-weight: 300;
}
header.header-mobile-3 .header-logo-mobile {
text-align: right;
}
header.header-mobile-3 .yolo-mobile-header-inner .header-customize {
left: 50px;
right: auto;
}
header.header-mobile-3 .shopping-cart-wrapper {
position: static;
}
header.header-mobile-3 .shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
left: -45px;
right: auto;
}
header.header-mobile-4 .header-logo-mobile {
text-align: left;
}
header.header-mobile-4 .yolo-mobile-header-inner .toggle-icon-wrapper {
right: 0px;
left: auto;
}
header.header-mobile-4 .yolo-mobile-header-wrapper .header-customize {
right: 50px;
left: auto;
}
header.header-mobile-5 .yolo-sticky-wrapper {
height: 0 !important;
}
header.header-mobile-5 .yolo-header-container-wrapper {
border-bottom: none;
}
header.header-mobile-5 .yolo-header-container-wrapper,
header.header-mobile-5 .yolo-mobile-header-wrapper {
background-color: transparent;
}
header.header-mobile-5 .yolo-header-container-wrapper {
background-color: transparent;
position: absolute;
z-index: 997;
width: 100%;
}
header.header-mobile-5 .header-logo-mobile {
text-align: left;
}
header.header-mobile-5 .yolo-mobile-header-inner .toggle-icon-wrapper {
left: auto;
right: 5px;
}
header.header-mobile-5 .toggle-icon-wrapper .toggle-icon > span,
header.header-mobile-5 .toggle-icon-wrapper .toggle-icon:before,
header.header-mobile-5 .toggle-icon-wrapper .toggle-icon:after {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
header.header-mobile-5 .toggle-icon-wrapper.in .toggle-icon > span {
display: none;
}
header.header-mobile-5 .yolo-mobile-header-inner .header-customize {
right: 50px;
}
header.header-mobile-5 .yolo-mobile-header-inner .icon-search-menu,
header.header-mobile-5 .shopping-cart-wrapper .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon {
border-color: #ffffff;
color: #ffffff;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-container-wrapper {
z-index: 997;
left: 0;
right: 0;
}
.yolo-sticky-wrapper:not(.is-sticky) {
height: auto !important;
position: relative !important;
}
}
@media screen and (max-width: 480px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 280px;
}
}
@media screen and (max-width: 320px) {
.shopping-cart-wrapper .widget_shopping_cart_content .cart_list_wrapper {
min-width: 254px;
}
}
header.yolo-mobile-header .yolo-nav-mobile-menu li a {
font-family: var(--menu_font);
font-weight: var(--menu_font_weight);
font-size: var(--menu_font_size);
}
header.yolo-mobile-header .yolo-nav-mobile-menu li.menu-item-has-children ul.sub-menu li a {
font-size: calc(var(--menu_font_size) - 2px);
} #yolo-wrapper {
position: relative;
}
#yolo-header.header-sidebar {
width: var(--headersidebar_sidebar_width);
height: 100%;
position: fixed;
z-index: 12;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
#yolo-header.header-sidebar .vertical-header-wrapper {
background-color: var(--headersidebar_nav_bg_color);
height: 100%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize {
padding: 20px;
text-align: center;
margin: 0;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item {
margin-left: 0;
color: var(--headersidebar_nav_text_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item .cart_list_wrapper {
z-index: 99999;
right: auto;
left: 0;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item > form {
width: 100%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item > form input {
width: 100%;
height: 40px;
line-height: 40px;
color: var(--headersidebar_nav_text_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item > form input::-webkit-input-placeholder {
color: var(--headersidebar_nav_text_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item > form input::-moz-placeholder {
color: var(--headersidebar_nav_text_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item > form button i {
color: var(--headersidebar_nav_text_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item > form button i:hover {
color: var(--primary_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.bt-login {
width: 100%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.bt-login .sub-menu {
text-align: left;
z-index: 99999;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.search-box-wrapper {
width: 100%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.header-social-profile-wrapper {
width: 100%;
position: relative;
margin-left: 0 !important;
text-align: center;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.header-social-profile-wrapper li {
margin-left: 0 !important;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.header-social-profile-wrapper a {
margin-right: 4px;
margin-left: 4px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.header-social-profile-wrapper a i {
font-size: 18px;
vertical-align: middle;
padding-right: 0;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .header-customize-item.my-wishlist {
display: inline-block;
width: auto;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-top {
text-align: center;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-top .header-logo > a > img {
padding: 40px;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper {
width: 100%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu {
width: 100%;
padding: 0;     }
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu li a {
font-family: var(--menu_font);
font-weight: var(--menu_font_weight);
font-size: var(--menu_font_size);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu li:hover > a {
color: var(--primary_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
letter-spacing: 0.1em;
font-weight: bold;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: var(--headersidebar_nav_text_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > a {
padding: 15px 20px;
display: inline-block;
text-transform: uppercase;
line-height: 1.2;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > a:after {
content: none;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li .current-menu-item:before {
background-color: var(--primary_color);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li .current-menu-item > a {
color: var(--primary_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu {
background-color: var(--menu_sub_bg_color);
color: var(--menu_sub_text_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b {
opacity: 0;
visibility: hidden;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > a:after {
position: absolute;
right: 10px;
content: '';
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b:before {
top: 0;
position: absolute;
right: 0;
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 40px;
width: 40px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > a:after {
position: absolute;
right: 10px;
content: '';
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b:before {
top: 0;
position: absolute;
right: 0;
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 40px;
width: 40px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b {
color: var(--primary_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > a:after {
position: absolute;
right: 10px;
content: '';
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > b:before {
top: 0;
position: absolute;
right: 0;
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 40px;
width: 40px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b {
color: var(--primary_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown > ul.sub-menu > li.menu-item-has-children.menu_style_dropdown:hover > b:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > b.menu-caret {
color: var(--headersidebar_nav_text_color);
float: right;
right: 0;
position: absolute;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li > b.menu-caret:before {
content: "\f107";
display: inline-block;
font-family: FontAwesome;
text-align: center;
line-height: 45px;
width: 45px;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li:not(.sub-menu-open):hover {
background-color: var(--headersidebar_nav_bg_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.sub-menu-open {
border-bottom-width: 0px;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.sub-menu-open > ul.sub-menu:before {
content: "";
display: block;
position: absolute;
top: -6px;
left: 15px;
z-index: 1;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #4d4d4d;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li:hover > b.menu-caret {
cursor: pointer;
color: var(--primary_color);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu li {
float: none;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul {
position: absolute;
display: none;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
border-radius: 0 0 3px 3px;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
display: block;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 244px;
float: none;
display: list-item;
position: relative;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
display: none;
position: absolute;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column > ul {
min-width: 970px;
top: 0;
left: 100%;
opacity: 0;
border-radius: 0 0 3px 3px;
-webkit-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s;
transition: all 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_column.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul {
position: absolute;
display: none;
width: 100%;
min-width: 970px;
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
border-radius: 0 0 3px 3px;
-webkit-transition: 0.3s ease 0.15s;
-o-transition: 0.3s ease 0.15s;
transition: 0.3s ease 0.15s;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li {
display: block;
width: 25%;
position: static;
clear: none;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li .yolo_megamenu_widget_area,
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li > ul {
position: absolute;
width: auto;
height: auto;
left: 25%;
top: 100%;
opacity: 0;
right: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li.active .yolo_megamenu_widget_area,
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab > ul > li.active > ul {
opacity: 1;
top: 0;
visibility: visible;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-bottom .menu-wrapper .navbar-nav.vertical-megamenu > li.menu_style_tab:hover > ul {
opacity: 1;
visibility: visible;
overflow: visible;
display: block;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize {
width: 100%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize.header-social-profile-wrapper {
width: 100%;
}
#yolo-header.header-sidebar .vertical-header-wrapper .header-customize .canvas-menu-toggle-wrapper a:hover i {
color: var(--primary_color);
}
#yolo-header.header-sidebar .vertical-header-wrapper .fb .header-customize-right {
height: auto;
}
.header-sidebar .yolo-top-bar {
position: fixed;
width: 100%;
}
@media (max-width: 991px) {
.header-sidebar .yolo-top-bar {
position: relative;
}
}
.header-sidebar #yolo-content-wrapper {
padding-top: 0;
padding-left: var(--headersidebar_sidebar_width) !important;
}
@media screen and (max-width: 991px) {
.header-sidebar #yolo-content-wrapper {
padding-left: 0!important;
}
}
.header-sidebar footer {
margin-left: var(--headersidebar_sidebar_width) !important;
}
@media screen and (max-width: 991px) {
.header-sidebar footer {
margin-left: 0!important;
}
}
nav.yolo-canvas-menu-wrapper {
position: fixed;
z-index: 9999;
top: 0;
left: 100%;
bottom: 0;
width: 370px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
overflow: hidden;
padding: 100px 40px 50px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
nav.yolo-canvas-menu-wrapper.in {
-webkit-transform: translateX(-94%);
-ms-transform: translateX(-94%);
transform: translateX(-94%);
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-close {
position: absolute;
top: 10px;
right: 25px;
font-size: 18px;
cursor: pointer;
color: #ffffff;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #333333;
color: #ffffff;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside {
padding: 0;
border: none;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside:before {
top: 2px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4 {
padding-left: 10px;
color: #ffffff;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title {
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title span {
padding: 0;
color: var(--primary_color);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside h4.widget-title:before {
display: none;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item {
font-size: 12px;
color: #ffffff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
letter-spacing: 0.1em;
font-weight: bold;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item a {
padding: 8px 4px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul li.menu-item a:hover {
padding-left: 15px;
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside ul.social-profile.social-icon-bordered li a:hover i {
color: var(--primary_color);
}
nav.yolo-canvas-menu-wrapper .yolo-canvas-menu-inner aside .about-description {
padding: 15px 0;
}
nav.yolo-canvas-menu-wrapper.dark {
background-color: #333333;
color: #ffffff;
}
nav.yolo-canvas-menu-wrapper.dark .widget_archive > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_categories > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_pages > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_nav_menu > div > ul,
nav.yolo-canvas-menu-wrapper.dark .woocommerce .widget_product_categories > ul,
nav.yolo-canvas-menu-wrapper.dark .widget_layered_nav > ul {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
nav.yolo-canvas-menu-wrapper.dark li + li,
nav.yolo-canvas-menu-wrapper.dark .widget_posts_item + .widget_posts_item {
border-top-color: rgba(255, 255, 255, 0.2);
}
nav.yolo-canvas-menu-wrapper.dark .widget_categories ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_pages ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_nav_menu > div ul ul,
nav.yolo-canvas-menu-wrapper.dark .widget_product_categories ul ul {
border-top-color: rgba(255, 255, 255, 0.2);
}
body.admin-bar nav.yolo-canvas-menu-wrapper {
top: 32px;
}
.canvas-menu-toggle-wrapper {
margin-left: 10px;
margin-right: 10px;
}
.canvas-menu-toggle-wrapper i.micon {
vertical-align: middle;
} body.single-yolo_footer footer {
display: none;
}
.yolo-footer-wrapper.footer-1 .link_left a {
display: inline-block;
margin-right: 30px;
font-weight: 600;
color: #666;
}
.yolo-footer-wrapper.footer-1 .link_left a:hover {
color: var(--primary_color);
}
@media (max-width: 1299px) {
.yolo-footer-wrapper.footer-1 .link_left a {
margin-right: 15px;
}
.yolo-footer-wrapper.footer-1 .link_left a:last-child {
margin: 0;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 .link_left {
text-align: center !important;
}
}
@media (max-width: 767px) {
.yolo-footer-wrapper.footer-1 h6 {
text-align: center !important;
}
}
ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
}
ul.instagram-pics a:hover:before {
opacity: 1;
}
.instagram-col-2 ul.instagram-pics li {
width: 50%;
}
.instagram-col-3 ul.instagram-pics li {
width: 33.33333333%;
}
.instagram-col-4 ul.instagram-pics li {
width: 25%;
}
.instagram-col-6 ul.instagram-pics li {
width: 16.66666667%;
}
.instagram-col-8 ul.instagram-pics li {
width: 12.5%;
}
.padding-2 ul.instagram-pics {
margin-left: -2px;
margin-right: -2px;
margin-top: -2px;
}
.padding-2 ul.instagram-pics li {
padding: 2px;
}
.padding-3 ul.instagram-pics {
margin-left: -3px;
margin-right: -3px;
margin-top: -3px;
}
.padding-3 ul.instagram-pics li {
padding: 3px;
}
.padding-4 ul.instagram-pics {
margin-left: -4px;
margin-right: -4px;
margin-top: -4px;
}
.padding-4 ul.instagram-pics li {
padding: 4px;
}
.title-center .widget-title {
text-align: center;
}
ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
} .yolo_widget_product_cat li {
list-style: none;
float: left;
padding: 5px 0;
}
.yolo_widget_product_cat li a {
display: block;
}
.yolo_widget_product_cat li a img {
width: 33.33%;
padding-right: 10px;
float: left;
}
.yolo_widget_product_cat li a:after {
display: none;
}
.yolo_widget_product_cat .columns-4 li {
width: 25%;
}
.yolo_widget_product_cat .columns-3 li {
width: 33.33%;
}
.yolo_widget_product_cat .columns-2 li {
width: 50%;
}
.yolo_widget_product_cat .columns-1 li {
width: 100%;
}
@media (max-width: 991px) {
.yolo_widget_product_cat .columns-1 li {
width: 50%;
}
.yolo_widget_product_cat .columns-4 li {
width: 50%;
}
.yolo_widget_product_cat .columns-3 li {
width: 50%;
}
}
@media (max-width: 600px) {
.yolo_widget_product_cat .columns-1 li {
width: 100%;
}
.yolo_widget_product_cat .columns-4 li {
width: 100%;
}
.yolo_widget_product_cat .columns-3 li {
width: 100%;
}
.yolo_widget_product_cat .columns-2 li {
width: 100%;
}
}
.search-form {
position: relative;
}
.search-form input[type="text"] {
width: 100%;
height: 45px;
background-color: transparent;
color: var(--heading_color);
padding-right: 45px;
border: 1px solid #999999;
border-radius: 3px;
}
.search-form input[type="text"] ::-webkit-input-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] :-moz-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] ::-moz-placeholder {
color: var(--text_color);
}
.search-form input[type="text"] :-ms-input-placeholder {
color: var(--text_color);
}
.search-form button[type="submit"] {
position: absolute;
right: 0;
top: 0;
border: none;
padding: 0;
height: 45px;
width: 45px;
background-color: transparent;
color: var(--text_color);
font-size: 14px;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.screen-reader-text {
display: none;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
font-size: 12px;
margin-top: 0;
margin-bottom: 15px;
padding: 0;
font-weight: 600;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar tbody {
font-size: 13px;
}
#wp-calendar tbody td {
background: #eeeeee;
border: 1px solid #ffffff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td.pad:hover {
background: transparent !important;
}
#wp-calendar tbody td:hover,
#wp-calendar tbody td#today {
color: #ffffff;
background-color: var(--primary_color);
}
#wp-calendar tbody td:hover a {
color: #ffffff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
} .yolo_widget_color_filter .yolo-filter-color {
width: 10px;
height: 10px;
display: inline-block;
margin-right: 10px;
border: 1px solid #e0e0e0;
} .woocommerce .widget_price_filter h4.widget-title {
letter-spacing: 0.025em;
margin-bottom: 25px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #eeeeee;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 0 4px 25px 4px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 3px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 10px;
height: 10px;
background-color: #ffffff;
border: 2px solid var(--primary_color);
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: -3px;
}
.woocommerce .widget_price_filter .price_slider_amount {
font-size: 14px;
color: var(--text_color);
font-weight: bold;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
text-align: left;
line-height: 30px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: right;
min-width: 80px;
font-weight: bold;
font-size: 15px;
padding: 5px 15px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background-color: var(--primary_color);
color: #ffffff !important;
}
.woocommerce .widget_price_filter .price_slider_amount .button:hover {
color: #ffffff;
background-color: var(--primary_color_darken_15) !important;
} .woocommerce .widget.widget_shopping_cart_content {
border-top: 1px solid #eeeeee;
}
.woocommerce .widget.widget_shopping_cart_content .widget_shopping_cart_icon {
display: none;
}
.woocommerce .widget.widget_shopping_cart_content .sub-total-text {
display: none;
} .sidebar {
padding: 0 15px;
background-color: #ffffff;
}
.sidebar aside + aside {
margin-top: 3px;
}
.sidebar aside {
padding: 10px 0px 25px 0px;
}
.sidebar.right-sidebar aside,
.sidebar.left-sidebar aside {
position: relative;
}
.sidebar.right-sidebar aside:first-child,
.sidebar.left-sidebar aside:first-child {
padding-top: 0;
margin-top: 0;
}
.sidebar.right-sidebar aside:first-child h4,
.sidebar.left-sidebar aside:first-child h4 {
margin-top: 0;
}
.sidebar.right-sidebar aside:last-child,
.sidebar.left-sidebar aside:last-child {
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 991px) {
.sidebar {
float: none;
}
}
@media (max-width: 991px) {
.sidebar.sidebar-large {
float: none;
}
}
.widget h4.widget-title,
.sidebar h4.widget-title,
.wpb_widgetised_column h4.widget-title {
font-size: 20px;
margin-bottom: 15px;
text-transform: uppercase;
position: relative;
}
.widget h4.widget-title span,
.sidebar h4.widget-title span,
.wpb_widgetised_column h4.widget-title span {
color: var(--primary_color);
}
.widget .tagcloud,
.sidebar .tagcloud,
.wpb_widgetised_column .tagcloud {
font-size: 0;
}
.widget .tagcloud a,
.sidebar .tagcloud a,
.wpb_widgetised_column .tagcloud a {
color: var(--text_color_lighten_20) !important;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 7px 10px;
margin-bottom: 10px;
margin-right: 10px;
line-height: 1;
font-size: 14px;
border: 1px solid #eeeeee;
color: inherit;
}
.widget .tagcloud a:last-child,
.sidebar .tagcloud a:last-child,
.wpb_widgetised_column .tagcloud a:last-child {
margin-right: 0;
}
.widget .tagcloud a:hover,
.sidebar .tagcloud a:hover,
.wpb_widgetised_column .tagcloud a:hover {
color: #ffffff !important;
text-decoration: none;
background-color: var(--primary_color) !important;
border-color: var(--primary_color);
}
.widget select,
.sidebar select,
.wpb_widgetised_column select {
width: 100%;
}
.widget .widget_archive > ul,
.sidebar .widget_archive > ul,
.wpb_widgetised_column .widget_archive > ul,
.widget .widget_categories > ul,
.sidebar .widget_categories > ul,
.wpb_widgetised_column .widget_categories > ul,
.widget .widget_pages > ul,
.sidebar .widget_pages > ul,
.wpb_widgetised_column .widget_pages > ul,
.widget .widget_meta > ul,
.sidebar .widget_meta > ul,
.wpb_widgetised_column .widget_meta > ul,
.widget .widget_recent_comments > ul,
.sidebar .widget_recent_comments > ul,
.wpb_widgetised_column .widget_recent_comments > ul,
.widget .widget_recent_entries > ul,
.sidebar .widget_recent_entries > ul,
.wpb_widgetised_column .widget_recent_entries > ul,
.widget .widget_rss > ul,
.sidebar .widget_rss > ul,
.wpb_widgetised_column .widget_rss > ul,
.widget .widget_nav_menu > div > ul,
.sidebar .widget_nav_menu > div > ul,
.wpb_widgetised_column .widget_nav_menu > div > ul,
.widget .widget_product_categories > ul,
.sidebar .widget_product_categories > ul,
.wpb_widgetised_column .widget_product_categories > ul,
.widget .widget_layered_nav > ul,
.sidebar .widget_layered_nav > ul,
.wpb_widgetised_column .widget_layered_nav > ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.8;
font-size: 14px;
color: var(--text_color);
}
.widget .widget_archive > ul > li:first-child,
.sidebar .widget_archive > ul > li:first-child,
.wpb_widgetised_column .widget_archive > ul > li:first-child,
.widget .widget_categories > ul > li:first-child,
.sidebar .widget_categories > ul > li:first-child,
.wpb_widgetised_column .widget_categories > ul > li:first-child,
.widget .widget_pages > ul > li:first-child,
.sidebar .widget_pages > ul > li:first-child,
.wpb_widgetised_column .widget_pages > ul > li:first-child,
.widget .widget_meta > ul > li:first-child,
.sidebar .widget_meta > ul > li:first-child,
.wpb_widgetised_column .widget_meta > ul > li:first-child,
.widget .widget_recent_comments > ul > li:first-child,
.sidebar .widget_recent_comments > ul > li:first-child,
.wpb_widgetised_column .widget_recent_comments > ul > li:first-child,
.widget .widget_recent_entries > ul > li:first-child,
.sidebar .widget_recent_entries > ul > li:first-child,
.wpb_widgetised_column .widget_recent_entries > ul > li:first-child,
.widget .widget_rss > ul > li:first-child,
.sidebar .widget_rss > ul > li:first-child,
.wpb_widgetised_column .widget_rss > ul > li:first-child,
.widget .widget_nav_menu > div > ul > li:first-child,
.sidebar .widget_nav_menu > div > ul > li:first-child,
.wpb_widgetised_column .widget_nav_menu > div > ul > li:first-child,
.widget .widget_product_categories > ul > li:first-child,
.sidebar .widget_product_categories > ul > li:first-child,
.wpb_widgetised_column .widget_product_categories > ul > li:first-child,
.widget .widget_layered_nav > ul > li:first-child,
.sidebar .widget_layered_nav > ul > li:first-child,
.wpb_widgetised_column .widget_layered_nav > ul > li:first-child {
padding-top: 0;
}
.widget .widget_archive li:last-child,
.sidebar .widget_archive li:last-child,
.wpb_widgetised_column .widget_archive li:last-child,
.widget .widget_categories li:last-child,
.sidebar .widget_categories li:last-child,
.wpb_widgetised_column .widget_categories li:last-child,
.widget .widget_pages li:last-child,
.sidebar .widget_pages li:last-child,
.wpb_widgetised_column .widget_pages li:last-child,
.widget .widget_meta li:last-child,
.sidebar .widget_meta li:last-child,
.wpb_widgetised_column .widget_meta li:last-child,
.widget .widget_recent_comments li:last-child,
.sidebar .widget_recent_comments li:last-child,
.wpb_widgetised_column .widget_recent_comments li:last-child,
.widget .widget_recent_entries li:last-child,
.sidebar .widget_recent_entries li:last-child,
.wpb_widgetised_column .widget_recent_entries li:last-child,
.widget .widget_rss li:last-child,
.sidebar .widget_rss li:last-child,
.wpb_widgetised_column .widget_rss li:last-child,
.widget .widget_nav_menu > div li:last-child,
.sidebar .widget_nav_menu > div li:last-child,
.wpb_widgetised_column .widget_nav_menu > div li:last-child,
.widget .widget_product_categories li:last-child,
.sidebar .widget_product_categories li:last-child,
.wpb_widgetised_column .widget_product_categories li:last-child,
.widget .widget_layered_nav li:last-child,
.sidebar .widget_layered_nav li:last-child,
.wpb_widgetised_column .widget_layered_nav li:last-child {
margin-bottom: 0;
}
.widget .widget_archive li .show_count,
.sidebar .widget_archive li .show_count,
.wpb_widgetised_column .widget_archive li .show_count,
.widget .widget_categories li .show_count,
.sidebar .widget_categories li .show_count,
.wpb_widgetised_column .widget_categories li .show_count,
.widget .widget_pages li .show_count,
.sidebar .widget_pages li .show_count,
.wpb_widgetised_column .widget_pages li .show_count,
.widget .widget_meta li .show_count,
.sidebar .widget_meta li .show_count,
.wpb_widgetised_column .widget_meta li .show_count,
.widget .widget_recent_comments li .show_count,
.sidebar .widget_recent_comments li .show_count,
.wpb_widgetised_column .widget_recent_comments li .show_count,
.widget .widget_recent_entries li .show_count,
.sidebar .widget_recent_entries li .show_count,
.wpb_widgetised_column .widget_recent_entries li .show_count,
.widget .widget_rss li .show_count,
.sidebar .widget_rss li .show_count,
.wpb_widgetised_column .widget_rss li .show_count,
.widget .widget_nav_menu > div li .show_count,
.sidebar .widget_nav_menu > div li .show_count,
.wpb_widgetised_column .widget_nav_menu > div li .show_count,
.widget .widget_product_categories li .show_count,
.sidebar .widget_product_categories li .show_count,
.wpb_widgetised_column .widget_product_categories li .show_count,
.widget .widget_layered_nav li .show_count,
.sidebar .widget_layered_nav li .show_count,
.wpb_widgetised_column .widget_layered_nav li .show_count {
float: right;
}
.widget .widget_archive a,
.sidebar .widget_archive a,
.wpb_widgetised_column .widget_archive a,
.widget .widget_categories a,
.sidebar .widget_categories a,
.wpb_widgetised_column .widget_categories a,
.widget .widget_pages a,
.sidebar .widget_pages a,
.wpb_widgetised_column .widget_pages a,
.widget .widget_meta a,
.sidebar .widget_meta a,
.wpb_widgetised_column .widget_meta a,
.widget .widget_recent_comments a,
.sidebar .widget_recent_comments a,
.wpb_widgetised_column .widget_recent_comments a,
.widget .widget_recent_entries a,
.sidebar .widget_recent_entries a,
.wpb_widgetised_column .widget_recent_entries a,
.widget .widget_rss a,
.sidebar .widget_rss a,
.wpb_widgetised_column .widget_rss a,
.widget .widget_nav_menu > div a,
.sidebar .widget_nav_menu > div a,
.wpb_widgetised_column .widget_nav_menu > div a,
.widget .widget_product_categories a,
.sidebar .widget_product_categories a,
.wpb_widgetised_column .widget_product_categories a,
.widget .widget_layered_nav a,
.sidebar .widget_layered_nav a,
.wpb_widgetised_column .widget_layered_nav a {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.widget .widget_archive a:hover,
.sidebar .widget_archive a:hover,
.wpb_widgetised_column .widget_archive a:hover,
.widget .widget_categories a:hover,
.sidebar .widget_categories a:hover,
.wpb_widgetised_column .widget_categories a:hover,
.widget .widget_pages a:hover,
.sidebar .widget_pages a:hover,
.wpb_widgetised_column .widget_pages a:hover,
.widget .widget_meta a:hover,
.sidebar .widget_meta a:hover,
.wpb_widgetised_column .widget_meta a:hover,
.widget .widget_recent_comments a:hover,
.sidebar .widget_recent_comments a:hover,
.wpb_widgetised_column .widget_recent_comments a:hover,
.widget .widget_recent_entries a:hover,
.sidebar .widget_recent_entries a:hover,
.wpb_widgetised_column .widget_recent_entries a:hover,
.widget .widget_rss a:hover,
.sidebar .widget_rss a:hover,
.wpb_widgetised_column .widget_rss a:hover,
.widget .widget_nav_menu > div a:hover,
.sidebar .widget_nav_menu > div a:hover,
.wpb_widgetised_column .widget_nav_menu > div a:hover,
.widget .widget_product_categories a:hover,
.sidebar .widget_product_categories a:hover,
.wpb_widgetised_column .widget_product_categories a:hover,
.widget .widget_layered_nav a:hover,
.sidebar .widget_layered_nav a:hover,
.wpb_widgetised_column .widget_layered_nav a:hover {
text-decoration: none;
}
.widget .widget_archive li > a:hover,
.sidebar .widget_archive li > a:hover,
.wpb_widgetised_column .widget_archive li > a:hover,
.widget .widget_pages li > a:hover,
.sidebar .widget_pages li > a:hover,
.wpb_widgetised_column .widget_pages li > a:hover,
.widget .widget_nav_menu > div li > a:hover,
.sidebar .widget_nav_menu > div li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div li > a:hover,
.widget .widget_product_categories li > a:hover,
.sidebar .widget_product_categories li > a:hover,
.wpb_widgetised_column .widget_product_categories li > a:hover,
.widget .widget_layered_nav li > a:hover,
.sidebar .widget_layered_nav li > a:hover,
.wpb_widgetised_column .widget_layered_nav li > a:hover {
padding-left: 15px;
}
.widget .widget_categories ul ul,
.sidebar .widget_categories ul ul,
.wpb_widgetised_column .widget_categories ul ul,
.widget .widget_pages ul ul,
.sidebar .widget_pages ul ul,
.wpb_widgetised_column .widget_pages ul ul,
.widget .widget_nav_menu > div ul ul,
.sidebar .widget_nav_menu > div ul ul,
.wpb_widgetised_column .widget_nav_menu > div ul ul,
.widget .widget_product_categories ul ul,
.sidebar .widget_product_categories ul ul,
.wpb_widgetised_column .widget_product_categories ul ul {
padding-left: 0;
list-style-type: none;
}
.widget .widget_categories ul ul > li > a,
.sidebar .widget_categories ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul > li > a,
.widget .widget_pages ul ul > li > a,
.sidebar .widget_pages ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul > li > a,
.widget .widget_nav_menu > div ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul > li > a,
.widget .widget_product_categories ul ul > li > a,
.sidebar .widget_product_categories ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul > li > a {
padding-left: 25px;
}
.widget .widget_categories ul ul > li > a:hover,
.sidebar .widget_categories ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul > li > a:hover,
.widget .widget_pages ul ul > li > a:hover,
.sidebar .widget_pages ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul > li > a:hover,
.widget .widget_nav_menu > div ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul > li > a:hover,
.widget .widget_product_categories ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul > li > a:hover {
padding-left: 45px;
}
.widget .widget_categories ul ul ul > li > a,
.sidebar .widget_categories ul ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul ul > li > a,
.widget .widget_pages ul ul ul > li > a,
.sidebar .widget_pages ul ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul ul > li > a,
.widget .widget_nav_menu > div ul ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul > li > a,
.widget .widget_product_categories ul ul ul > li > a,
.sidebar .widget_product_categories ul ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul ul > li > a {
padding-left: 45px;
}
.widget .widget_categories ul ul ul > li > a:hover,
.sidebar .widget_categories ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul ul > li > a:hover,
.widget .widget_pages ul ul ul > li > a:hover,
.sidebar .widget_pages ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul ul > li > a:hover,
.widget .widget_nav_menu > div ul ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul > li > a:hover,
.widget .widget_product_categories ul ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul ul > li > a:hover {
padding-left: 65px;
}
.widget .widget_categories ul ul ul ul > li > a,
.sidebar .widget_categories ul ul ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul ul ul > li > a,
.widget .widget_pages ul ul ul ul > li > a,
.sidebar .widget_pages ul ul ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul ul ul > li > a,
.widget .widget_nav_menu > div ul ul ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul > li > a,
.widget .widget_product_categories ul ul ul ul > li > a,
.sidebar .widget_product_categories ul ul ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul ul ul > li > a {
padding-left: 65px;
}
.widget .widget_categories ul ul ul ul > li > a:hover,
.sidebar .widget_categories ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul ul ul > li > a:hover,
.widget .widget_pages ul ul ul ul > li > a:hover,
.sidebar .widget_pages ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul ul ul > li > a:hover,
.widget .widget_nav_menu > div ul ul ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul > li > a:hover,
.widget .widget_product_categories ul ul ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul ul ul > li > a:hover {
padding-left: 85px;
}
.widget .widget_categories ul ul ul ul ul > li > a,
.sidebar .widget_categories ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_categories ul ul ul ul ul > li > a,
.widget .widget_pages ul ul ul ul ul > li > a,
.sidebar .widget_pages ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_pages ul ul ul ul ul > li > a,
.widget .widget_nav_menu > div ul ul ul ul ul > li > a,
.sidebar .widget_nav_menu > div ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul ul > li > a,
.widget .widget_product_categories ul ul ul ul ul > li > a,
.sidebar .widget_product_categories ul ul ul ul ul > li > a,
.wpb_widgetised_column .widget_product_categories ul ul ul ul ul > li > a {
padding-left: 85px;
}
.widget .widget_categories ul ul ul ul ul > li > a:hover,
.sidebar .widget_categories ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_categories ul ul ul ul ul > li > a:hover,
.widget .widget_pages ul ul ul ul ul > li > a:hover,
.sidebar .widget_pages ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_pages ul ul ul ul ul > li > a:hover,
.widget .widget_nav_menu > div ul ul ul ul ul > li > a:hover,
.sidebar .widget_nav_menu > div ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_nav_menu > div ul ul ul ul ul > li > a:hover,
.widget .widget_product_categories ul ul ul ul ul > li > a:hover,
.sidebar .widget_product_categories ul ul ul ul ul > li > a:hover,
.wpb_widgetised_column .widget_product_categories ul ul ul ul ul > li > a:hover {
padding-left: 105px;
}
.widget .widget_meta ul li a,
.sidebar .widget_meta ul li a,
.wpb_widgetised_column .widget_meta ul li a {
padding: 7px 0px;
}
.widget .widget_recent_comments > ul,
.sidebar .widget_recent_comments > ul,
.wpb_widgetised_column .widget_recent_comments > ul,
.widget .widget_rss > ul,
.sidebar .widget_rss > ul,
.wpb_widgetised_column .widget_rss > ul {
font-size: 13px;
color: #999;
line-height: 1.6;
}
.widget .widget_recent_comments li,
.sidebar .widget_recent_comments li,
.wpb_widgetised_column .widget_recent_comments li,
.widget .widget_rss li,
.sidebar .widget_rss li,
.wpb_widgetised_column .widget_rss li {
padding-top: 10px;
margin-bottom: 0px;
}
.widget .widget_layered_nav ul,
.sidebar .widget_layered_nav ul,
.wpb_widgetised_column .widget_layered_nav ul {
padding-right: 15px;
}
.widget .widget_layered_nav ul li,
.sidebar .widget_layered_nav ul li,
.wpb_widgetised_column .widget_layered_nav ul li {
padding: 9px 0 0 0;
}
.widget .widget_layered_nav ul li a,
.sidebar .widget_layered_nav ul li a,
.wpb_widgetised_column .widget_layered_nav ul li a {
padding: 0 0 0 5px;
}
.widget .widget_layered_nav ul li span.count,
.sidebar .widget_layered_nav ul li span.count,
.wpb_widgetised_column .widget_layered_nav ul li span.count {
padding: 0;
float: right;
}
.widget .widget-social-profile ul.social-profile,
.sidebar .widget-social-profile ul.social-profile,
.wpb_widgetised_column .widget-social-profile ul.social-profile {
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
}
.widget .widget-social-profile ul.social-profile li,
.sidebar .widget-social-profile ul.social-profile li,
.wpb_widgetised_column .widget-social-profile ul.social-profile li {
display: inline-block;
vertical-align: middle;
}
.widget .widget-social-profile ul.social-profile li a,
.sidebar .widget-social-profile ul.social-profile li a,
.wpb_widgetised_column .widget-social-profile ul.social-profile li a {
display: inline-block;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.widget .widget-social-profile ul.social-profile li a i,
.sidebar .widget-social-profile ul.social-profile li a i,
.wpb_widgetised_column .widget-social-profile ul.social-profile li a i {
font-size: 16px;
width: 24px;
height: 24px;
line-height: 24px;
vertical-align: middle;
text-align: center;
}
.widget .widget-social-profile ul.social-profile li + li,
.sidebar .widget-social-profile ul.social-profile li + li,
.wpb_widgetised_column .widget-social-profile ul.social-profile li + li {
margin-left: 5px;
}
.widget .widget-social-profile ul.social-profile.social-icon-bordered li a,
.sidebar .widget-social-profile ul.social-profile.social-icon-bordered li a,
.wpb_widgetised_column .widget-social-profile ul.social-profile.social-icon-bordered li a {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: #F5F5F5;
border-radius: 100%;
}
.widget .widget-social-profile ul.social-profile.social-icon-bordered li a i,
.sidebar .widget-social-profile ul.social-profile.social-icon-bordered li a i,
.wpb_widgetised_column .widget-social-profile ul.social-profile.social-icon-bordered li a i {
color: #777777;
font-size: 14px;
}
.widget .widget-social-profile ul.social-profile.social-icon-bordered li a:hover i,
.sidebar .widget-social-profile ul.social-profile.social-icon-bordered li a:hover i,
.wpb_widgetised_column .widget-social-profile ul.social-profile.social-icon-bordered li a:hover i {
color: #ffffff;
}
.widget .widget-social-profile.blog-widget,
.sidebar .widget-social-profile.blog-widget,
.wpb_widgetised_column .widget-social-profile.blog-widget {
border-width: 2px;
border-style: solid;
padding: 30px 15px 40px 15px;
text-align: center;
}
.widget .widget-social-profile.blog-widget > span,
.sidebar .widget-social-profile.blog-widget > span,
.wpb_widgetised_column .widget-social-profile.blog-widget > span {
display: block;
font-size: 14px;
line-height: 1.2;
margin-bottom: 30px;
}
.widget ul.product_list_widget li,
.sidebar ul.product_list_widget li,
.wpb_widgetised_column ul.product_list_widget li {
padding: 0;
margin: 0;
}
.widget ul.product_list_widget li + li,
.sidebar ul.product_list_widget li + li,
.wpb_widgetised_column ul.product_list_widget li + li {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #eeeeee;
}
.widget ul.product_list_widget li img,
.sidebar ul.product_list_widget li img,
.wpb_widgetised_column ul.product_list_widget li img {
width: 70px;
float: left;
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 0;
margin-right: 15px;
}
.widget ul.product_list_widget li a,
.sidebar ul.product_list_widget li a,
.wpb_widgetised_column ul.product_list_widget li a {
font-size: 15px;
line-height: 1.3;
margin-bottom: 10px;
font-weight: normal;
}
.widget ul.product_list_widget span.amount,
.sidebar ul.product_list_widget span.amount,
.wpb_widgetised_column ul.product_list_widget span.amount {
font-size: 15px;
}
.widget ul.product_list_widget ins,
.sidebar ul.product_list_widget ins,
.wpb_widgetised_column ul.product_list_widget ins {
text-decoration: none;
margin-right: 3px;
}
.widget ul.product_list_widget del span.amount,
.sidebar ul.product_list_widget del span.amount,
.wpb_widgetised_column ul.product_list_widget del span.amount {
font-size: 13px;
color: #999999;
}
.widget ul.product_list_widget .star-rating,
.sidebar ul.product_list_widget .star-rating,
.wpb_widgetised_column ul.product_list_widget .star-rating {
margin: 0 0 5px 0;
}
.widget .widget-posts-wrap .widget_posts_item,
.sidebar .widget-posts-wrap .widget_posts_item,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item {
padding-bottom: 25px;
}
.widget .widget-posts-wrap .widget_posts_item:last-child,
.sidebar .widget-posts-wrap .widget_posts_item:last-child,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item:last-child {
padding-bottom: 0;
}
.widget .widget-posts-wrap .widget_posts_item + .widget_posts_item,
.sidebar .widget-posts-wrap .widget_posts_item + .widget_posts_item,
.wpb_widgetised_column .widget-posts-wrap .widget_posts_item + .widget_posts_item {
padding-top: 20px;
border-top: 1px solid #eeeeee;
}
.widget .widget-posts-wrap .widget-posts-thumbnail,
.sidebar .widget-posts-wrap .widget-posts-thumbnail,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail {
width: 60px;
float: left;
margin-right: 10px;
}
.widget .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail,
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail {
position: relative;
}
.widget .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto,
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail a.prettyPhoto {
position: absolute;
top: 0;
width: 20px;
height: 20px;
right: 0;
line-height: 20px;
font-size: 10px;
text-align: center;
color: #ffffff;
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.widget .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before,
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.entry-thumbnail_overlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.widget .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto,
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail:hover a.prettyPhoto {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.widget .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img,
.sidebar .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-thumbnail .entry-thumbnail_overlay img {
width: 100%;
display: block;
}
.widget .widget-posts-wrap .widget-posts-content-wrap,
.sidebar .widget-posts-wrap .widget-posts-content-wrap,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-content-wrap {
position: relative;
overflow: hidden;
}
.widget .widget-posts-wrap .widget-posts-title,
.sidebar .widget-posts-wrap .widget-posts-title,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-title {
font-size: 15px;
color: #3F3F3F;
display: block;
line-height: 1.2;
margin-bottom: 2px;
}
.widget .widget-posts-wrap .widget-posts-title:hover,
.sidebar .widget-posts-wrap .widget-posts-title:hover,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-title:hover {
text-decoration: none;
}
.widget .widget-posts-wrap .owl-theme .owl-controls,
.sidebar .widget-posts-wrap .owl-theme .owl-controls,
.wpb_widgetised_column .widget-posts-wrap .owl-theme .owl-controls {
display: none !important;
}
.widget .widget-posts-wrap .widget-posts-date,
.sidebar .widget-posts-wrap .widget-posts-date,
.wpb_widgetised_column .widget-posts-wrap .widget-posts-date {
font-size: 13px;
color: #999999;
}
.widget .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item,
.sidebar .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item,
.wpb_widgetised_column .widget-twitter-wrap .widget-twitter-item + .widget-twitter-item {
margin-top: 20px;
}
.widget .widget-twitter-wrap i,
.sidebar .widget-twitter-wrap i,
.wpb_widgetised_column .widget-twitter-wrap i {
font-size: 14px;
}
.widget .widget-twitter-wrap span.twitter-time,
.sidebar .widget-twitter-wrap span.twitter-time,
.wpb_widgetised_column .widget-twitter-wrap span.twitter-time {
color: #b1b1b1;
display: block;
}
.widget .widget-banner .widget-image-wrap a,
.sidebar .widget-banner .widget-image-wrap a,
.wpb_widgetised_column .widget-banner .widget-image-wrap a {
display: block;
position: relative;
overflow: hidden;
}
.widget .widget-banner .widget-image-wrap a:before,
.sidebar .widget-banner .widget-image-wrap a:before,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.35s linear;
-o-transition: opacity 0.35s linear;
transition: opacity 0.35s linear;
}
.widget .widget-banner .widget-image-wrap a img,
.sidebar .widget-banner .widget-image-wrap a img,
.wpb_widgetised_column .widget-banner .widget-image-wrap a img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
width: 100%;
height: auto;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.widget .widget-banner .widget-image-wrap a:hover:before,
.sidebar .widget-banner .widget-image-wrap a:hover:before,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:hover:before {
opacity: 1;
}
.widget .widget-banner .widget-image-wrap a:hover img,
.sidebar .widget-banner .widget-image-wrap a:hover img,
.wpb_widgetised_column .widget-banner .widget-image-wrap a:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.widget .widget-contact-info,
.sidebar .widget-contact-info,
.wpb_widgetised_column .widget-contact-info {
margin: 0;
padding: 0;
list-style: none;
}
.widget .widget-contact-info > li > i.fa,
.sidebar .widget-contact-info > li > i.fa,
.wpb_widgetised_column .widget-contact-info > li > i.fa {
width: 18px;
}
.widget .mail-chimp-wrapper > p,
.sidebar .mail-chimp-wrapper > p,
.wpb_widgetised_column .mail-chimp-wrapper > p {
line-height: 28px;
}
.widget .mail-chimp-wrapper .mail-chimp-button,
.sidebar .mail-chimp-wrapper .mail-chimp-button,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button {
position: relative;
}
.widget .mail-chimp-wrapper .mail-chimp-button > input,
.sidebar .mail-chimp-wrapper .mail-chimp-button > input,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > input {
background-color: #fbfbfb;
color: #222;
border: none;
line-height: 1;
height: 30px;
width: 100%;
}
.widget .mail-chimp-wrapper .mail-chimp-button > button,
.sidebar .mail-chimp-wrapper .mail-chimp-button > button,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button {
border: none;
background: none;
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto;
}
.widget .mail-chimp-wrapper .mail-chimp-button > button > span,
.sidebar .mail-chimp-wrapper .mail-chimp-button > button > span,
.wpb_widgetised_column .mail-chimp-wrapper .mail-chimp-button > button > span {
display: none;
}
.widget .footer-logo .sub-description,
.sidebar .footer-logo .sub-description,
.wpb_widgetised_column .footer-logo .sub-description {
padding-top: 28px;
line-height: 28px;
}
.widget .widget-text-intro,
.sidebar .widget-text-intro,
.wpb_widgetised_column .widget-text-intro {
font-size: 24px;
text-align: center;
border: dashed 3px #c5c5c5;
padding: 55px 10px;
font-weight: 400;
}
.widget ul.instagram-pics,
.sidebar ul.instagram-pics,
.wpb_widgetised_column ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.widget ul.instagram-pics li,
.sidebar ul.instagram-pics li,
.wpb_widgetised_column ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
.widget ul.instagram-pics a,
.sidebar ul.instagram-pics a,
.wpb_widgetised_column ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
.widget ul.instagram-pics a:before,
.sidebar ul.instagram-pics a:before,
.wpb_widgetised_column ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
}
.widget ul.instagram-pics a:hover:before,
.sidebar ul.instagram-pics a:hover:before,
.wpb_widgetised_column ul.instagram-pics a:hover:before {
opacity: 1;
}
.widget .instagram-col-2 ul.instagram-pics li,
.sidebar .instagram-col-2 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-2 ul.instagram-pics li {
width: 50%;
}
.widget .instagram-col-3 ul.instagram-pics li,
.sidebar .instagram-col-3 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-3 ul.instagram-pics li {
width: 33.33333333%;
}
.widget .instagram-col-4 ul.instagram-pics li,
.sidebar .instagram-col-4 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-4 ul.instagram-pics li {
width: 25%;
}
.widget .instagram-col-6 ul.instagram-pics li,
.sidebar .instagram-col-6 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-6 ul.instagram-pics li {
width: 16.66666667%;
}
.widget .instagram-col-8 ul.instagram-pics li,
.sidebar .instagram-col-8 ul.instagram-pics li,
.wpb_widgetised_column .instagram-col-8 ul.instagram-pics li {
width: 12.5%;
}
.widget .padding-2 ul.instagram-pics,
.sidebar .padding-2 ul.instagram-pics,
.wpb_widgetised_column .padding-2 ul.instagram-pics {
margin-left: -2px;
margin-right: -2px;
margin-top: -2px;
}
.widget .padding-2 ul.instagram-pics li,
.sidebar .padding-2 ul.instagram-pics li,
.wpb_widgetised_column .padding-2 ul.instagram-pics li {
padding: 2px;
}
.widget .padding-3 ul.instagram-pics,
.sidebar .padding-3 ul.instagram-pics,
.wpb_widgetised_column .padding-3 ul.instagram-pics {
margin-left: -3px;
margin-right: -3px;
margin-top: -3px;
}
.widget .padding-3 ul.instagram-pics li,
.sidebar .padding-3 ul.instagram-pics li,
.wpb_widgetised_column .padding-3 ul.instagram-pics li {
padding: 3px;
}
.widget .padding-4 ul.instagram-pics,
.sidebar .padding-4 ul.instagram-pics,
.wpb_widgetised_column .padding-4 ul.instagram-pics {
margin-left: -4px;
margin-right: -4px;
margin-top: -4px;
}
.widget .padding-4 ul.instagram-pics li,
.sidebar .padding-4 ul.instagram-pics li,
.wpb_widgetised_column .padding-4 ul.instagram-pics li {
padding: 4px;
}
.widget .title-center .widget-title,
.sidebar .title-center .widget-title,
.wpb_widgetised_column .title-center .widget-title {
text-align: center;
}
.widget ul.instagram-pics + p,
.sidebar ul.instagram-pics + p,
.wpb_widgetised_column ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
}
.widget .widget-text-center,
.sidebar .widget-text-center,
.wpb_widgetised_column .widget-text-center {
text-align: center;
}
.widget-payment-gate {
padding-top: 10px;
}
.widget-payment-gate .payment-gate {
list-style: none;
display: inline-block;
}
.widget-payment-gate li {
float: left;
display: inline-block;
padding-right: 4px;
padding-top: 5px;
padding-bottom: 5px;
}
.widget-payment-gate li:last-child {
padding-right: 0px;
}
.widget-payment-gate li:hover {
opacity: 0.6;
}
.widget-payment-gate image {
max-width: 46px;
max-height: 28px;
}
.widget-partner-carousel .owl-carousel .owl-item {
height: 180px;
display: table;
text-align: center;
}
.colors-product {
max-width: 140px;
}
footer.main-footer-wrapper .sidebar aside.widget-map-scroll-up {
margin-top: 0;
}
.sidebar.woocommerce-sidebar {
padding: 0;
background-color: #ffffff;
}
.sidebar.woocommerce-sidebar .widget {
padding-top: 2em;
}
.sidebar.woocommerce-sidebar .widget-title {
position: relative;
text-transform: uppercase;
font-weight: var(--primary_font_weight);
}
.sidebar .widget_product_categories > ul > li {
border: none;
}
.sidebar .widget_product_categories > ul > li a {
color: var(--text_color);
padding: 5px 0;
}
.sidebar .widget_product_categories > ul > li a:before {
content: '';
display: inline-block;
position: relative;
width: 10px;
height: 2px;
background-color: #eeeeee;
top: -4px;
margin-right: 15px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.sidebar .widget_product_categories > ul > li a:hover:before {
background-color: var(--primary_color);
} .widget-post-thumbnail ul.posts-thumbnail-list {
padding: 0px;
margin: 0px;
}
.widget-post-thumbnail ul.posts-thumbnail-list > li {
padding: 0 0 35px 0;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list > li:last-child {
padding: 0 0 10px 0!important;
}
.widget-post-thumbnail ul.posts-thumbnail-list li {
list-style: none;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image {
position: relative;
overflow: hidden;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image a:before {
content: "";
position: absolute;
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
opacity: 0.6;
z-index: 1;
-webkit-transform: scale(0, 0) rotateZ(0deg);
-ms-transform: scale(0, 0) rotateZ(0deg);
transform: scale(0, 0) rotateZ(0deg);
background-color: var(--primary_color);
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image a:after {
content: "\f064";
font-family: "fontawesome";
font-size: 20px;
position: absolute;
color: #ffffff;
filter: alpha(opacity=0);
top: 40%;
left: 50%;
visibility: hidden;
opacity: 0;
z-index: 2;
-webkit-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image:hover a:before {
-webkit-transform: scale(1, 1) rotateZ(180deg);
-ms-transform: scale(1, 1) rotateZ(180deg);
transform: scale(1, 1) rotateZ(180deg);
filter: alpha(opacity=100);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image:hover a:after {
top: 50%;
opacity: 1;
visibility: visible;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content {
width: 100%;
float: left;
margin-top: 10px;
padding-left: 15px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4 a {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta time,
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta span.author {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count {
display: inline-block;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a {
font-size: 14px;
color: #000000;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count a:hover {
color: var(--primary_color);
}
@media (max-width: 991px) {
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-image {
width: 30%;
float: left;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content {
width: 70%;
float: left;
margin-top: -5px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content h4 {
margin-bottom: 0px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
}
}
.widget-post-thumbnail ul.posts-thumbnail-list.full_width li .posts-thumbnail-content {
padding-left: 0;
margin-top: 15px;
text-align: center;
}
.widget-post-thumbnail ul.posts-thumbnail-list.full_width li .posts-thumbnail-content a:hover {
color: var(--primary_color);
}
@media (max-width: 991px) {
.widget-post-thumbnail ul.posts-thumbnail-list.full_width li .posts-thumbnail-content {
text-align: left;
padding-left: 20px;
margin-top: 6px;
}
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail > li {
padding: 0 0 30px 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li {
list-style: none;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li:before {
content: " ";
display: table;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-image {
width: calc(50% - 70px);
float: left;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-image img {
width: 100%;
max-width: none;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content {
width: calc(50% + 70px);
float: left;
padding-left: 30px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content h4 {
font-size: 16px;
margin-bottom: 0px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content h4 a:hover {
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date > li {
padding: 0 0 35px 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li {
list-style: none;
margin: 0;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li:before {
content: " ";
display: table;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date {
width: 70px;
float: left;
height: 70px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
line-height: 30px;
border: 1px solid #eeeeee;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span {
display: block;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span.day {
margin-top: 10px;
font-size: 24px;
font-weight: bold;
position: relative;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-date span.month {
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #aaabac;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content {
width: 72%;
float: left;
margin-top: -2px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content h4 a:hover {
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta time {
margin-right: 10px;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i {
margin-right: 4px;
color: var(--primary_color);
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li:hover .posts-date {
background-color: #3f3f3f;
border-color: #3f3f3f;
}
.widget-post-thumbnail ul.posts-thumbnail-list.date li:hover .posts-date time span {
color: #ffffff !important;
}
.col-md-3 .widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-image {
width: 30%;
float: left;
}
.col-md-3 .widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-image img {
width: 100%;
max-width: none;
}
.col-md-3 .widget-post-thumbnail ul.posts-thumbnail-list.size-thumbnail li .posts-thumbnail-content {
width: 70%;
margin-top: -5px;
padding-left: 10px;
} .widget_categories h4 {
margin-top: 10px;
margin-bottom: 20px;
}
.widget_categories ul li {
width: 100%;
margin: 0;
text-align: right;
display: inline-block;
list-style: none;
}
.widget_categories ul li a {
float: left;
text-align: left;
position: relative;
display: inline-block;
padding-left: 15px !important;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.widget_categories ul li a:before {
content: '\f105';
line-height: 27px;
font-family: fontawesome;
width: 30px;
text-align: center;
position: absolute;
left: -12px;
top: 0;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.widget_categories ul li a:hover {
padding-left: 20px !important;
color: var(--primary_color);
}
.widget_categories ul li a:hover:before {
opacity: 1;
}
.widget_categories ul li:last-child {
border-bottom: 0;
}
.widget_categories ul li span {
float: right;
} .blog-wrap.grid.layout-container-fluid,
.blog-wrap.masonry.layout-container-fluid {
padding: 0 15px;
}
.blog-wrap article {
padding-bottom: 50px;
}
.hentry.sticky {
position: relative;
}
.hentry.sticky:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 75px solid var(--primary_color);
border-left: 75px solid transparent;
z-index: 3;
}
.hentry.sticky:after {
width: 150px;
height: 50px;
font-family: 'FontAwesome';
content: "\f08d";
position: absolute;
right: -57px;
top: -7px;
color: #ffffff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
line-height: 56px;
font-size: 18px;
z-index: 3;
}
.blog-inner .entry-thumbnail {
position: relative;
overflow: hidden;
}
.blog-inner .entry-thumbnail a.prettyPhoto {
position: absolute;
top: 0;
width: 56px;
height: 55px;
right: 0;
line-height: 54px;
font-size: 16px;
text-align: center;
color: var(--primary_color);
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
z-index: 2;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blog-inner .entry-thumbnail-wrap iframe {
width: 100%;
}
.blog-inner article.post .entry-wrap:hover a.entry-thumbnail_overlay:before {
opacity: 1;
}
.blog-inner article.post .entry-wrap:hover a.prettyPhoto {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-inner article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto {
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
opacity: 0.8;
width: 80px;
height: 80px;
font-size: 80px;
line-height: 80px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-inner .entry-thumbnail_overlay img {
width: 100%;
display: block;
}
.blog-inner h3.entry-title {
font-size: 25px;
}
.blog-inner .entry-post-meta-wrap {
margin-bottom: 20px;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li {
display: inline;
line-height: 1.4;
margin-right: 15px;
vertical-align: middle;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li a {
color: inherit;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li i {
margin-right: 5px;
}
.blog-inner .entry-post-meta-wrap ul.entry-meta li:last-child {
margin-right: 0;
}
.blog-inner .entry-excerpt p {
margin-bottom: 0;
}
.blog-inner .read-more {
text-decoration: underline;
}
.blog-inner .jp-interface {
background-color: transparent;
height: 140px;
border: 2px solid #eeeeee;
}
.blog-inner .jp-play-pause {
padding: 0;
text-align: center;
background-color: transparent;
height: 100%;
width: auto;
margin-left: 25px;
}
.blog-inner .jp-play-pause i {
font-size: 38px;
line-height: 136px;
}
.blog-inner .jp-progress {
margin: 0 0 0 10px;
}
.blog-inner .jp-seek-bar {
height: 18px;
border: 2px solid #eeeeee;
width: 100% !important;
}
.blog-inner .jp-volume {
height: 18px;
line-height: 1;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto auto auto 50px;
padding: 0;
}
.blog-inner .jp-volume > li {
display: inline-block;
vertical-align: middle;
}
.blog-inner .jp-volume-bar {
height: 18px;
width: 100px;
border: 2px solid #eeeeee;
margin-left: 10px;
}
.blog-inner .jp-volume-bar-value {
height: 14px;
}
.blog-inner article.format-link .post-format-icon,
.blog-inner article.format-quote .post-format-icon {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
font-size: 34px;
float: left;
margin-right: 30px;
color: #ffffff;
}
.blog-inner article.format-link .entry-content-wrap,
.blog-inner article.format-quote .entry-content-wrap {
position: relative;
overflow: hidden;
}
.blog-inner article.format-link .entry-content-link {
font-size: 16px;
font-style: italic;
letter-spacing: 0.02em;
color: var(--heading_color_fade_80);
}
.blog-inner article.format-link .entry-content-link a {
color: inherit;
}
.blog-inner article.format-quote .entry-content-quote blockquote {
padding: 0;
margin: 0;
border: none;
font-size: 16px;
font-style: italic;
letter-spacing: 0.02em;
color: var(--heading_color_fade_80);
}
.blog-inner article.format-quote .entry-content-quote blockquote p:before {
content: "“";
margin-right: 5px;
}
.blog-inner article.format-quote .entry-content-quote blockquote cite {
text-transform: uppercase;
text-decoration: underline;
display: block;
margin-top: 10px;
font-size: 14px;
}
.blog-inner.blog-style-medium-image article {
margin-bottom: 50px;
padding-bottom: 0px;
}
.blog-inner.blog-style-medium-image article .post-item {
margin-bottom: 50px;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail {
padding-top: 0 !important;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .heading-content {
z-index: 2;
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .heading-content .date-left {
text-align: center;
padding: 14px 10px;
border: 1px solid var(--text_color);
width: 85px;
height: 85px;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .heading-content .date-left .date {
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
line-height: 1.3;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .heading-content .title-meta-right {
padding-left: 20px;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .heading-content .title-meta-right .line {
margin: 10px 0;
width: 40px;
height: 2px;
background-color: var(--text_color);
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .entry-post-meta-wrap {
margin-bottom: 0;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail h3.entry-title a {
font-size: 18px;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail h3.entry-title a:hover {
color: var(--primary_color);
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt {
margin: 25px 0px !important;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt p {
color: var(--secondary_color);
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore {
font-size: 14px;
}
.blog-inner.blog-style-medium-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
display: block;
padding: 10px 0px !important;
text-align: center;
letter-spacing: 2px;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-thumbnail-wrap {
float: left;
width: 50%;
padding: 0 15px 0 0 !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-content-wrap {
float: right;
width: 50% !important;
padding: 0 0 0 15px !important;
}
@media (max-width: 767px) {
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-thumbnail-wrap {
float: left;
width: 100%;
padding: 0 !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n+1) .entry-wrap .entry-content-wrap {
float: right;
width: 100% !important;
padding: 0 !important;
}
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-thumbnail-wrap {
float: right;
width: 50%;
padding: 0 0 0 15px !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-content-wrap {
float: left;
width: 50% !important;
padding: 0 15px 0 0 !important;
}
@media (max-width: 767px) {
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-thumbnail-wrap {
float: left;
width: 100%;
padding: 0 !important;
}
.blog-inner.blog-style-medium-image article.has-post-thumbnail:nth-child(2n) .entry-wrap .entry-content-wrap {
float: right;
width: 100% !important;
padding: 0 !important;
}
}
.blog-inner.blog-style-large-image article {
margin-bottom: 30px;
}
.blog-inner.blog-style-large-image article .post-item {
margin-bottom: 0px;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .heading-content {
z-index: 2;
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .heading-content .date-left {
text-align: center;
padding: 14px 10px;
border: 1px solid var(--text_color);
width: 85px;
height: 85px;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .heading-content .date-left .date {
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
line-height: 1.3;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .heading-content .title-meta-right {
padding-left: 20px;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .heading-content .title-meta-right .line {
margin: 10px 0;
width: 40px;
height: 2px;
background-color: var(--text_color);
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-post-meta-wrap {
margin-bottom: 0;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail h3.entry-title a {
font-size: 20px;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail h3.entry-title a:hover {
color: var(--primary_color);
}
@media (max-width: 767px) {
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail h3.entry-title a {
font-size: 18px;
}
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt {
margin: 25px 0px !important;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail .entry-excerpt p {
color: var(--secondary_color);
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore {
font-size: 14px;
}
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
display: block;
padding: 10px 0px !important;
text-align: center;
letter-spacing: 2px;
}
@media (max-width: 479px) {
.blog-inner.blog-style-large-image article .post-item .entry-content-wrap .entry-detail {
padding: 15px 0 !important;
}
}
@media (max-width: 767px) {
.blog-inner.blog-style-large-image article {
margin: 0;
}
}
.blog-inner.blog-style-grid article {
float: left;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap {
padding: 0 !important;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .heading-content {
z-index: 2;
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .heading-content .date-left {
text-align: center;
padding: 14px 10px;
border: 1px solid var(--text_color);
width: 85px;
height: 85px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .heading-content .date-left .date {
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
line-height: 1.3;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .heading-content .title-meta-right {
padding-left: 20px;
text-align: left;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .heading-content .title-meta-right .line {
margin: 10px 0;
width: 40px;
height: 2px;
background-color: var(--text_color);
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail h3.entry-title a {
font-size: 16px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap {
position: relative;
margin-bottom: 0 !important;
padding-bottom: 0px !important;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap ul.entry-meta li {
margin: 0 15px;
display: inline-block;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap ul.entry-meta li:first-child {
margin-left: 0;
}
@media (max-width: 479px) {
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap:before {
bottom: -10px;
}
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
padding: 0px 40px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt p {
color: var(--secondary_color);
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
display: block;
padding: 15px 0px;
}
.blog-inner.blog-style-grid.blog-col-4 article {
width: 25%;
padding: 0 15px 30px;
}
.blog-inner.blog-style-grid.blog-col-3 article {
width: 33.3333%;
padding: 0 15px 30px;
}
.blog-inner.blog-style-grid.blog-col-2 article {
width: 50%;
padding: 0 15px 30px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail h3.entry-title a {
font-size: 16px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap ul.entry-meta li.entry-meta-category {
display: none;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
padding: 0 20px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt p {
font-size: 14px;
}
.blog-inner.blog-style-grid article .post-item .entry-wrap .entry-content-wrap .entry-detail a.btn-readmore span.span-text {
padding: 10px 0px;
}
.blog-inner.blog-style-masonry article {
float: left;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .heading-content {
z-index: 2;
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .heading-content .date-left {
text-align: center;
padding: 14px 10px;
border: 1px solid var(--text_color);
width: 85px;
height: 85px;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .heading-content .date-left .date {
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
line-height: 1.3;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .heading-content .title-meta-right {
padding-left: 20px;
text-align: left;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .heading-content .title-meta-right .line {
margin: 10px 0;
width: 40px;
height: 2px;
background-color: var(--text_color);
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail h3.entry-title a {
font-size: 16px;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
color: var(--secondary_color);
padding: 0 20px;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt p {
font-size: 14px;
}
.blog-inner.blog-style-masonry article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-post-meta-wrap {
position: relative;
margin-bottom: 0 !important;
}
.blog-inner.blog-style-masonry article.format-link .post-format-icon,
.blog-inner.blog-style-masonry article.format-quote .post-format-icon,
.blog-inner.blog-style-masonry article.format-link h3.entry-title,
.blog-inner.blog-style-masonry article.format-quote h3.entry-title,
.blog-inner.blog-style-masonry article.format-link .entry-post-meta-wrap,
.blog-inner.blog-style-masonry article.format-quote .entry-post-meta-wrap {
display: none;
}
.blog-inner.blog-style-masonry article.format-link .entry-content-wrap,
.blog-inner.blog-style-masonry article.format-quote .entry-content-wrap {
padding: 35px;
}
.blog-inner.blog-style-masonry .jp-interface {
height: 70px;
}
.blog-inner.blog-style-masonry .jp-play-pause {
margin-left: 20px;
}
.blog-inner.blog-style-masonry .jp-play-pause i {
line-height: 68px;
}
.blog-inner.blog-style-masonry .jp-volume {
margin: auto auto auto 30px;
}
.blog-inner.blog-style-masonry .jp-volume-bar {
display: none !important;
}
.blog-inner.blog-style-masonry article.format-quote .entry-content-quote blockquote {
font-size: 18px;
}
.blog-inner.blog-style-masonry.blog-col-2 article {
width: 50%;
padding: 0 15px 30px;
}
.blog-inner.blog-style-masonry.blog-col-3 article {
width: 33.33333333%;
padding: 0 15px 30px;
}
.blog-inner.blog-style-masonry.blog-col-4 article {
width: 25%;
padding: 0 15px 30px;
}
.blog-inner.blog-style-search h3.entry-title {
font-size: 25px;
}
@media (max-width: 767px) {
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 66.66666667%;
}
.blog-wrap .entry-thumbnail-wrap,
.rubino-post .rubino-post-image { }
.blog-wrap .entry-thumbnail-wrap .owl-carousel,
.rubino-post .rubino-post-image .owl-carousel {
margin: 0;
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div,
.rubino-post .rubino-post-image .owl-carousel .owl-nav div {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
margin: auto;
display: block;
top: 0;
bottom: 0;
cursor: pointer;
text-align: center;
background-color: var(--primary_color_fade_30);
z-index: 200;
padding: 0;
opacity: 0;
color: #ffffff;
font-size: 15px;
border-radius: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div:hover,
.rubino-post .rubino-post-image .owl-carousel .owl-nav div:hover {
background-color: #ffffff;
color: var(--primary_color);
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div.owl-next,
.rubino-post .rubino-post-image .owl-carousel .owl-nav div.owl-next {
right: 15px;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.blog-wrap .entry-thumbnail-wrap .owl-carousel .owl-nav div.owl-prev,
.rubino-post .rubino-post-image .owl-carousel .owl-nav div.owl-prev {
left: 15px;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.blog-wrap .entry-thumbnail-wrap:hover .owl-carousel .owl-nav div,
.rubino-post .rubino-post-image:hover .owl-carousel .owl-nav div {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.entry-content:after,
.comment-text:after {
content: "";
clear: both;
display: block;
}
.entry-content table,
.comment-text table {
border-collapse: collapse !important;
}
.entry-content table,
.comment-text table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.entry-content table > thead > tr > th,
.comment-text table > thead > tr > th,
.entry-content table > tbody > tr > th,
.comment-text table > tbody > tr > th,
.entry-content table > tfoot > tr > th,
.comment-text table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.comment-text table > thead > tr > td,
.entry-content table > tbody > tr > td,
.comment-text table > tbody > tr > td,
.entry-content table > tfoot > tr > td,
.comment-text table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #eeeeee;
}
.entry-content table > thead > tr > th,
.comment-text table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid #eeeeee;
}
.entry-content table > caption + thead > tr:first-child > th,
.comment-text table > caption + thead > tr:first-child > th,
.entry-content table > colgroup + thead > tr:first-child > th,
.comment-text table > colgroup + thead > tr:first-child > th,
.entry-content table > thead:first-child > tr:first-child > th,
.comment-text table > thead:first-child > tr:first-child > th,
.entry-content table > caption + thead > tr:first-child > td,
.comment-text table > caption + thead > tr:first-child > td,
.entry-content table > colgroup + thead > tr:first-child > td,
.comment-text table > colgroup + thead > tr:first-child > td,
.entry-content table > thead:first-child > tr:first-child > td,
.comment-text table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.entry-content table > tbody + tbody,
.comment-text table > tbody + tbody {
border-top: 1px solid #eeeeee;
}
.entry-content blockquote p,
.comment-text blockquote p {
position: relative;
overflow: hidden;
}
.entry-content blockquote cite,
.comment-text blockquote cite {
display: block;
font-size: 15px;
}
.entry-content input[type="submit"],
.comment-text input[type="submit"] {
font-size: 15px;
line-height: 1.6;
font-weight: 400;
text-align: center;
display: inline-block;
color: #fff;
border: none;
padding: 9px 25px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.entry-content p:last-child,
.comment-text p:last-child {
margin-bottom: 0;
}
.entry-content dd,
.comment-text dd,
.entry-content dt,
.comment-text dt {
line-height: 2.2;
}
.entry-meta-tag {
font-size: 0;
}
.entry-meta-tag label {
font-size: 12px;
margin-bottom: 0;
color: var(--heading_color_fade_70);
font-weight: normal;
margin-right: 20px;
text-transform: uppercase;
}
.entry-meta-tag a {
display: inline-block;
margin-right: 20px;
line-height: 1;
font-size: 13px;
color: var(--heading_color_fade_80);
}
.entry-meta-tag a:before {
content: "#";
margin-right: 5px;
display: inline-block;
}
.entry-meta-tag {
display: none;
} .single-post .site-content-single-post {
overflow: hidden;
}
.single-post .site-content-single-post .blog-wrap {
margin: 0 auto;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article {
background-color: #ffffff;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap {
margin-top: 0px;
margin-bottom: 40px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info {
position: relative;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-meta-date {
display: block;
font-size: 16px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-meta-date span {
display: block;
text-transform: uppercase;
line-height: 28px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-meta-author {
font-weight: bold;
text-transform: uppercase;
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info h1 {
line-height: 1;
margin-top: 0;
text-align: center;
margin-bottom: 10px;
font-weight: normal;
font-size: 48px;
text-transform: capitalize;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info h1 {
font-size: 18px;
}
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info ul {
text-align: center;
margin: 0;
padding: 0;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info ul li {
display: inline-block;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap .entry-meta-info .entry-post-format {
display: none;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-post-meta-wrap {
margin: 30px 0;
}
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-thumbnail-wrap img {
margin-bottom: 50px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-thumbnail-wrap .wp-post-image {
width: 100%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-thumbnail-wrap .entry-thumbnail:before {
display: none;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article h3.entry-title {
font-size: 32px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-content {
margin-bottom: 25px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-content .post-password-form input[type=password] {
border: 1px solid var(--primary_color);
background-color: transparent;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-content .post-password-form input[type=submit] {
background-color: var(--primary_color);
color: #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-content .post-password-form input[type=submit]:hover {
background-color: var(--primary_color_lighten_10);
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-content .yolo-full-width {
padding: 0;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .entry-content .yolo-full-width .container {
padding: 0;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article blockquote {
border-left-width: 5px;
border-left-style: solid;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info {
padding-top: 40px;
border-top: 1px solid #eeeeee;
margin-top: -1px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar {
float: left;
width: 100px;
margin-right: 40px;
margin-left: 50px;
text-align: center;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar .alignnone {
margin: 0;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar img.avatar {
-webkit-border-top-right-radius: 100%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-avatar h3.author-title {
margin: 20px 0 0 0;
font-size: 13px;
text-transform: uppercase;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-description {
position: relative;
overflow: hidden;
padding-left: 10px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-description p.author-bio {
position: relative;
margin-bottom: 0;
padding: 25px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article .author-info .author-description p.author-bio:after {
right: 100%;
top: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #eeeeee;
border-width: 7px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner article article.format-video > .entry-thumbnail-wrap > .entry-thumbnail a.prettyPhoto {
width: 100px;
height: 100px;
font-size: 100px;
line-height: 100px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation {
background-color: #ffffff;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
margin-top: 0;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous {
width: 50%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a {
padding: 15px 0px;
display: table;
width: 100%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-left {
display: table-cell;
width: 50px;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-left .post-navigation-label {
display: none;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-left .post-navigation-icon {
left: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-content {
display: table-cell;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-content .post-navigation-title {
text-align: left;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous a .post-navigation-content {
display: none;
}
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous:hover a .post-navigation-left .post-navigation-label {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous:hover a .post-navigation-left .post-navigation-icon {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-previous:hover a .post-navigation-content .post-navigation-title {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next {
width: 50%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a {
padding: 15px 0px;
display: table;
width: 100%;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-right {
display: table-cell;
width: 50px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-right .post-navigation-label {
display: none;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-right .post-navigation-icon {
right: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-content {
display: table-cell;
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-content .post-navigation-title {
text-align: right;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next a .post-navigation-content {
display: none;
}
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next:hover a .post-navigation-right .post-navigation-label {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next:hover a .post-navigation-right .post-navigation-icon {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .blog-inner .post-navigation .nav-links .nav-next:hover a .post-navigation-content .post-navigation-title {
color: var(--primary_color);
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap label {
display: none;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share {
padding: 0;
margin: 0;
width: 100%;
text-align: center;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li {
list-style: none;
display: inline-block;
margin: 5px;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a {
display: block;
text-align: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
padding: 5px 15px;
border-radius: 3px;
background: var(--text_color);
color: #ffffff;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a:hover {
background: var(--primary_color);
color: #ffffff;
}
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a i:before {
padding-right: 10px;
}
@media (max-width: 479px) {
.single-post .site-content-single-post .blog-wrap .social-share-wrap ul.social-share li a {
padding: 10px 9px;
}
}
@media (max-width: 480px) {
.single-post .site-content-single-post .blog-wrap .social-share-wrap {
width: 100%;
text-align: left;
}
}
@media (max-width: 991px) {
.single-post .site-content-single-post .site-content-archive-inner .blog-wrap .blog-inner article .entry-content-wrap {
padding: 0px;
}
.single-post .site-content-single-post .site-content-archive-inner .blog-wrap .blog-inner article h1 {
font-size: 25px;
}
}
.entry-comments {
background-color: #ffffff;
padding: 20px 0px;
}
.entry-comments h3.comments-title {
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 0px;
text-transform: uppercase;
font-weight: 600;
position: relative;
}
.entry-comments h3.comments-title span {
color: var(--primary_color);
}
.entry-comments .entry-comments-list {
padding-bottom: 45px;
}
.entry-comments .entry-comments-list ol.commentlist {
padding: 0;
margin: 0;
list-style: none;
}
.entry-comments .entry-comments-list ol.commentlist li .children {
margin: 0px;
padding-left: 45px;
}
@media (max-width: 767px) {
.entry-comments .entry-comments-list ol.commentlist li .children {
padding-left: 15px;
}
}
.entry-comments .entry-comments-list ol.commentlist li .children li {
list-style: none;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-body {
border-bottom: 1px solid #eeeeee;
padding: 30px 0px;
}
@media (max-width: 767px) {
.entry-comments .entry-comments-list ol.commentlist li .comment-body {
padding: 20px 0px;
}
}
.entry-comments .entry-comments-list ol.commentlist li img.avatar {
float: left;
width: 80px;
margin: 0;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text {
position: relative;
padding-left: 110px;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-reply-link,
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-edit-link {
font-size: 13px;
text-transform: uppercase;
color: var(--secondary_color);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-reply-link:hover,
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-edit-link:hover {
color: var(--primary_color);
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text .comment-meta .comment-reply-link {
margin-right: 25px;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text p {
margin: auto;
}
.entry-comments .entry-comments-list ol.commentlist li .author {
position: relative;
}
.entry-comments .entry-comments-list ol.commentlist li .author .author-name {
font-size: 13px;
color: #000000;
text-transform: capitalize;
font-weight: bold;
}
.entry-comments .entry-comments-list ol.commentlist li .author .author-name a {
color: inherit;
}
.entry-comments .entry-comments-list ol.commentlist li .author .comment-meta-date {
margin-left: 20px;
position: relative;
padding-left: 20px;
}
.entry-comments .entry-comments-list ol.commentlist li .author .comment-meta-date:before {
position: absolute;
content: '';
width: 4px;
height: 4px;
background-color: var(--primary_color);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 5px;
left: 0px;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-respond {
margin-top: 20px;
}
.entry-comments .entry-comments-list ol.commentlist li:last-child .comment-text {
border-bottom: none;
padding-bottom: 0;
}
.entry-comments .entry-comments-list nav.comment-navigation {
margin-bottom: 20px;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers {
display: inline-block;
margin-right: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #eeeeee;
color: #888;
font-size: 14px;
-webkit-border-top-right-radius: 100%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 100%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 100%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers.next,
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers.prev {
border: none;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 18px;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers:hover,
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers:focus {
color: #202020;
}
.entry-comments .entry-comments-list nav.comment-navigation .page-numbers.current {
color: #ffffff;
}
.entry-comments .entry-comments-list nav.comment-navigation.comment-navigation-bottom {
margin-bottom: 0;
margin-top: 20px;
}
.comment-reply-title {
font-size: 18px;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 600;
}
.comment-reply-title span {
position: relative;
color: var(--primary_color);
}
.comment-fields-wrap .comment-fields-inner .row {
margin: 0;
}
#respond .comment-form input[type="text"],
#respond .comment-form input[type="search"],
#respond .comment-form input[type="email"],
#respond .comment-form input[type="url"],
#respond .comment-form input[type="password"],
#respond .comment-form textarea {
width: 100%;
background-color: #ffffff;
border: 1px solid #e6e6e6;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: none;
box-shadow: none;
}
#respond .comment-form input[type="text"]:focus,
#respond .comment-form input[type="search"]:focus,
#respond .comment-form input[type="email"]:focus,
#respond .comment-form input[type="url"]:focus,
#respond .comment-form input[type="password"]:focus,
#respond .comment-form textarea:focus {
border-color: var(--primary_color);
-webkit-box-shadow: none;
box-shadow: none;
}
#respond .comment-form textarea {
height: 100px;
}
#respond .comment-form .form-group {
margin-bottom: 10px;
}
#respond .comment-form .form-submit {
margin: 5px 0 10px 0;
text-transform: uppercase;
}
#respond .comment-form .form-submit input#submit {
font-weight: bold;
background: var(--text_color);
color: #ffffff;
padding: 10px 15px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-transform: uppercase;
border: none;
}
#respond .comment-form .form-submit input#submit:hover {
background: var(--primary_color_darken_10);
}
#respond .comment-form .comment-notes,
#respond .comment-form .logged-in-as {
display: none;
} .blog-wrap {
margin-bottom: 0;  }
.blog-wrap .blog-inner article .post-item {
background-color: #ffffff;
}
.blog-wrap .blog-inner article .post-item .entry-wrap {
position: relative;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap {
position: relative;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap a.entry-thumbnail_overlay:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
z-index: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap a.entry-thumbnail_overlay img {
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-thumbnail-wrap .date-overlay {
display: none;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap {
position: relative;
z-index: 2;
width: 100%;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail {
background-color: #ffffff;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail h3 {
margin-top: 0px;
line-height: 1;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore {
position: relative;
background-color: #e6e6e6;
display: block;
color: #000000;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore span {
padding: 10px 0px;
display: block;
text-align: center;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore:hover {
background-color: #1a1a1a;
color: #ffffff;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .btn-readmore:hover:before {
left: 120%;
}
.blog-wrap .blog-inner article .post-item .entry-wrap .entry-content-wrap .entry-detail .entry-excerpt {
margin-bottom: 30px;
}
.blog-wrap .blog-inner article .post-item:hover .entry-wrap .entry-thumbnail-wrap .entry-thumbnail a.entry-thumbnail_overlay:before {
background-color: rgba(0, 0, 0, 0.5);
}
.blog-wrap .blog-inner article .post-item:hover .entry-wrap .entry-thumbnail-wrap .entry-thumbnail a.entry-thumbnail_overlay img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
@media (max-width: 767px) {
.blog-wrap .blog-inner article .post-item {
padding: 0px 0px 20px 0px;
}
}
.blog-wrap.large-image .blog-inner .entry-wrap .entry-content-wrap .entry-title {
font-size: 16px;
}
@media (max-width: 479px) {
.blog-wrap.large-image .blog-inner .entry-wrap .entry-content-wrap {
margin: 0;
padding: 0 !important;
}
}
.blog-wrap.masonry .blog-inner .entry-wrap .entry-content-wrap {
text-align: center;
}
.blog-wrap.masonry .blog-inner .entry-wrap .entry-content-wrap .entry-title {
font-size: 16px;
}
.blog-wrap.grid .blog-inner .entry-wrap .entry-content-wrap {
text-align: center;
}
.blog-wrap.grid .blog-inner .entry-wrap .entry-content-wrap .entry-title {
font-size: 16px;
}
.hide_author .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-author {
display: none;
}
.hide_comment .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-comment {
display: none;
}
.hide_category .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-category {
display: none;
}
.hide_date .blog-inner .entry-post-meta-wrap ul.entry-meta .entry-meta-date {
display: none;
}
.hide_readmore .blog-inner article .entry-wrap .entry-content-wrap .entry-detail .btn-readmore {
display: none;
}
@media (max-width: 991px) {
.blog-inner.blog-style-grid article,
.rubino-post.blog-style-grid article,
.blog-inner.blog-style-masonry article,
.rubino-post.blog-style-masonry article {
width: 50% !important;
}
}
@media (max-width: 767px) {
.blog-inner .jp-interface,
.rubino-post .jp-interface {
height: 70px;
}
.blog-inner .jp-play-pause,
.rubino-post .jp-play-pause {
margin-left: 20px;
}
.blog-inner .jp-play-pause i,
.rubino-post .jp-play-pause i {
line-height: 68px;
}
.blog-inner .jp-volume,
.rubino-post .jp-volume {
margin: auto auto auto 30px;
}
.blog-inner .jp-volume-bar,
.rubino-post .jp-volume-bar {
display: none !important;
}
.blog-inner.blog-style-medium-image .entry-thumbnail-wrap,
.rubino-post.blog-style-medium-image .entry-thumbnail-wrap {
float: none;
margin: 0 0 40px 0;
width: 100%;
max-width: 100%;
}
.blog-inner.blog-style-grid,
.rubino-post.blog-style-grid,
.blog-inner.blog-style-masonry,
.rubino-post.blog-style-masonry {
margin: 0;
}
.blog-inner.blog-style-grid article,
.rubino-post.blog-style-grid article,
.blog-inner.blog-style-masonry article,
.rubino-post.blog-style-masonry article {
width: 100% !important;
padding: 0px !important;
}
.blog-inner.blog-style-grid article + article,
.rubino-post.blog-style-grid article + article,
.blog-inner.blog-style-masonry article + article,
.rubino-post.blog-style-masonry article + article {
margin-top: 30px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 100%;
}
}
@media (max-width: 480px) {
.blog-inner article.format-link .post-format-icon,
.rubino-post article.format-link .post-format-icon,
.blog-inner article.format-quote .post-format-icon,
.rubino-post article.format-quote .post-format-icon {
display: none;
}
.site-content-single-post .blog-inner .author-info .author-avatar {
float: none;
margin: 0 auto 20px auto;
}
.site-content-single-post .blog-inner .author-info .author-description {
padding-left: 0;
}
.entry-comments .entry-comments-list ol.commentlist li img.avatar {
width: 65px;
margin-right: 10px;
}
.entry-comments .entry-comments-list ol.commentlist li .comment-text {
padding-left: 0;
}
.entry-comments .entry-comments-list ol.commentlist li .author .comment-meta {
position: relative;
}
.entry-comments-form-avatar {
display: none;
}
}
.yolo-site-content-page .blog-inner article {
padding: 0 15px;
}
@media (max-width: 767px) {
.yolo-site-content-page .blog-inner article {
padding: 0px;
}
}
.relate-heading {
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
margin-top: 40px;
margin-bottom: 20px;
}
.yolo-related-post {
position: relative;
}
.yolo-related-post .yolo-related-post-item .yolo-related-post-content .yolo-related-post-title {
margin-top: 10px;
margin-bottom: 0px;
font-size: 18px;
}
.yolo-related-post.grid {
display: inline-block;
width: 100%;
}
.yolo-related-post.grid .yolo-related-post-item {
padding: 0 15px;
display: inline-block;
}
.yolo-related-post.grid .yolo-related-post-item .yolo-related-post-thumb img {
width: 100%;
}
.yolo-related-post.grid .yolo-related-post-item .yolo-related-post-content .yolo-related-post-title {
font-weight: bold;
}
.yolo-related-post.grid.yolo-col-2 .yolo-related-post-item {
width: 50%;
float: left;
}
.yolo-related-post.grid.yolo-col-3 .yolo-related-post-item {
width: 33.33%;
float: left;
}
.yolo-related-post.grid.yolo-col-4 .yolo-related-post-item {
width: 25%;
float: left;
}
.yolo-related-post.grid.yolo-col-5 .yolo-related-post-item {
width: 20%;
float: left;
}
.author-info {
margin-top: 60px;
margin-bottom: 40px;
text-align: center;
padding-top: 40px;
}
.author-info .author-avatar img {
border-radius: 100%;
}
.author-info .author-description h3 {
text-transform: capitalize;
}
.comment-form-author,
.comment-form-email {
width: calc(50% - 15px);
display: inline-block;
float: left;
margin-bottom: 30px;
}
.comment-form-author {
margin-right: 30px;
}
.comment-form-comment {
margin-bottom: 30px;
} .woocommerce div.product span.price del {
font-size: 14px;
}
.ylp-product-wrap.ylp-product-slider .ylp-product-style_1 .ylp-product-item-inner .ylp-product-info span.price {
margin-top: 0;
margin-bottom: 0px;
text-align: left;
font-size: 14px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: var(--text_color);
}
.ylp-product-wrap .ylp-product-tabs-wrap .ylp-product-tab-content .ylp-product-inner .ylp-product-item-wrap.ylp-product-style_1:hover .ylp-product-item-inner .ylp-product-info span.price {
opacity: 1;
}
.ylp-product-wrap.ylp-product-slider .ylp-product-style_1 .ylp-product-item-inner .ylp-product-info {
overflow: hidden;
}
.ylp-product-wrap .ylp-product-inner .ylp-product-item-wrap .ylp-product-item-inner .ylp-product-info {
background-color: transparent;
}
.woocommerce .product-thumb:before,
.woocommerce .product-thumb-one:before,
.woocommerce .ylp-product-thumb:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.03);
display: block;
z-index: 1;
-webkit-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
} .layout-container-fluid.archive-product-wrap {
padding: 0 15px;
}
.tooltip-inner {
white-space: nowrap;
}
.custom-select {
position: relative;
}
.custom-select:before {
content: "\f107";
font-family: FontAwesome;
padding: 8px 8px;
position: absolute;
right: 10px;
top: 0;
z-index: 1;
text-align: center;
width: 15px;
height: 100%;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.custom-select:after {
content: "";
display: block;
clear: both;
}
.custom-select select {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select select::-ms-expand {
display: none;
}
.woocommerce-pagination {
margin-top: 0px;
padding-top: 0px;
line-height: 0;
text-align: right;
}
.breadcrumb-archive-product-wrap .container {
position: relative;
}
.breadcrumb-archive-product-wrap .catalog-filter {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 44px;
}
.catalog-filter {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce .woocommerce-ordering {
position: relative;
}
.woocommerce .woocommerce-ordering:after {
content: "\f107";
font-family: FontAwesome;
padding: 8px 8px;
position: absolute;
right: 10px;
top: 0;
z-index: 1;
text-align: center;
width: 15px;
height: 100%;
pointer-events: none;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce .woocommerce-ordering select::-ms-expand {
display: none;
}
.woocommerce .woocommerce-ordering select {
color: var(--heading_color);
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
margin: 0;
}
.woocommerce .woocommerce-result-count {
font-size: 13px;
margin-right: 30px;
line-height: 44px;
text-transform: uppercase;
color: var(--heading_color);
font-weight: bold;
}
.catalog-filter-invisible .catalog-filter,
.result-count-invisible .woocommerce-result-count,
.catalog-ordering-invisible .woocommerce-ordering {
display: none;
}
.woocommerce .products .star-rating,
.woocommerce .star-rating {
float: none;
font-size: 12px;
width: 90px;
letter-spacing: 5px;
margin-top: 20px;
margin: 20px auto 0 auto;
}
.woocommerce .products .star-rating span,
.woocommerce .star-rating span {
color: var(--primary_color_fade_50);
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
font-size: 15px;
color: #000000;
line-height: 1.2 !important;
font-weight: 300;
border-radius: 5px;
padding: 12px 25px;
min-width: 145px;
text-align: center;
border: 1px solid;
vertical-align: middle;
background-color: var(--secondary_color);
border-radius: none;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.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 a.added_to_cart:hover {
background-color: var(--primary_color);
color: #000000;
}
.product-flash + .product-flash {
margin-top: 5px;
}
.woocommerce div.product form.cart .reset_variations {
padding-left: 10px;
}
input#calc_shipping_state {
background-color: #ffffff;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
height: 44px;
background-color: transparent;
color: var(--text_color);
font-size: 14px;
border: 1px solid #eeeeee;
}
.woocommerce form .form-row textarea {
height: 130px;
}
.woocommerce form .form-row label {
font-weight: normal;
font-size: 14px;
color: #202020;
}
.woocommerce form .form-row label.inline input[type=checkbox],
.woocommerce form .form-row label.inline input[type=radio] {
margin: auto;
vertical-align: middle;
}
.woocommerce form .form-row {
padding: 0;
margin-bottom: 10px;
}
.site-content-archive-product .yolo-filter-categories-mobile {
display: none;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-categories-mobile {
display: block;
cursor: pointer;
}
.site-content-archive-product .yolo-filter-categories-mobile:after {
content: "\f067";
font-family: FontAwesome;
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid var(--text_color);
display: inline-block;
text-align: center;
line-height: 20px;
font-size: 12px;
margin-left: 10px;
}
.site-content-archive-product .yolo-filter-categories-mobile.active:after {
content: "\f068";
}
}
.site-content-archive-product .yolo-filter-categories {
width: 80%;
padding-left: 0px;
float: left;
}
.site-content-archive-product .yolo-filter-categories li {
display: inline-block;
margin-right: 15px;
}
.site-content-archive-product .yolo-filter-categories li.current-cat a {
color: var(--primary_color);
font-weight: bold;
}
.site-content-archive-product .yolo-filter-categories li span {
display: inline-block;
margin-right: 15px;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-categories {
width: 100%;
float: none;
display: none;
}
.site-content-archive-product .yolo-filter-categories li {
display: block;
margin-right: 0;
}
.site-content-archive-product .yolo-filter-categories li span {
display: none;
}
}
.site-content-archive-product .yolo-filter-search {
text-align: right;
width: 20%;
float: right;
padding-right: 0px;
padding-left: 0;
list-style-type: none;
}
.site-content-archive-product .yolo-filter-search li {
display: inline-block;
cursor: pointer;
}
.site-content-archive-product .yolo-filter-search li.active span#yolo-shop-search-btn,
.site-content-archive-product .yolo-filter-search li.active span.invert-color {
color: var(--primary_color);
}
.site-content-archive-product .yolo-filter-search li span {
margin: 0 20px;
float: left;
}
@media (max-width: 991px) {
.site-content-archive-product .yolo-filter-search {
text-align: left;
width: 100%;
float: left;
}
}
.site-content-archive-product .yolo-search-field {
display: none;
}
.site-content-archive-product .archive-product-wrap {
position: relative;
margin-bottom: 80px;
margin-left: -15px;
margin-right: -15px;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.left {
float: left;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.left .woocommerce-sidebar {
display: block;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.left .woocommerce-sidebar aside {
width: 100%;
}
@media (max-width: 991px) {
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.left {
float: none;
}
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.right {
float: right;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.right .woocommerce-sidebar {
display: block;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.right .woocommerce-sidebar aside {
width: 100%;
}
@media (max-width: 991px) {
.site-content-archive-product .archive-product-wrap .yolo-filter-widget.right {
float: none;
}
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .top {
margin: 0 -15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .top.active {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .top .widget {
padding: 0 15px;
}
@media (max-width: 991px) {
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .widget {
padding: 0;
width: 100%;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .widget .widget-title {
cursor: pointer;
padding: 10px 0;
margin: 0;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .widget .widget-title:before {
content: "\f105";
font-family: FontAwesome;
width: auto;
height: auto;
top: auto;
background: none;
right: 0;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .widget .widget-title span {
padding-left: 5px;
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .widget .widget-title.active:before {
content: "\f107";
}
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .widget ul,
.site-content-archive-product .archive-product-wrap .yolo-filter-widget .widget .tagcloud {
display: none;
padding-left: 20px;
}
}
.site-content-archive-product .archive-product-wrap.yolo-loading-product .product-listing {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .archive-product-wrap.yolo-loaded-product .product-listing {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar {
margin-top: 30px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a {
display: inline-block;
padding: 5px 10px;
border: 1px solid #eeeeee;
margin: 0 5px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a:before {
content: "\f00d";
font-family: FontAwesome;
padding-right: 10px;
}
.site-content-archive-product .archive-product-wrap .yolo-shop-results-bar a:first-child {
margin-left: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar {
display: none;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside {
width: 25%;
float: left;
margin-top: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside h4.widget-title {
margin-bottom: 25px;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-widgets,
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-price-filter {
list-style-type: none;
padding-left: 0;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .yolo-filter-color a {
display: inline-block;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside .tagcloud .current-tag {
background-color: var(--primary_color);
color: #ffffff;
}
.site-content-archive-product .archive-product-wrap .woocommerce-sidebar aside ul li.wc-layered-nav-term a {
display: inline-block;
}
.site-content-archive-product .archive-product-wrap .yolo-search-field {
display: none;
}
.site-content-archive-product .archive-product-wrap .product-listing {
margin: 0 -15px;
opacity: 1;
margin-bottom: 30px;
min-height: 450px;
-webkit-transition: all 0.2s; }
.site-content-archive-product .archive-product-wrap .product-listing .product-item-wrap {
float: left;
}
@media (max-width: 480px) {
.site-content-archive-product .archive-product-wrap .product-listing {
margin: 0 0 30px 0;
}
}
.site-content-archive-product .archive-product-wrap .yolo-spinner {
text-align: center;
position: relative;
top: 50px;
}
.site-content-archive-product .archive-product-wrap .yolo-spinner .fa-spinner {
position: absolute;
}
.site-content-archive-product .archive-product-wrap .woocommerce-no-products {
min-height: 450px;
margin-top: 30px;
}
.site-content-archive-product .woocommerce-pagination {
text-align: center;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore,
.site-content-archive-product .woocommerce-pagination .yolo-show-all {
display: inline-block;
cursor: pointer;
border: 1px solid var(--primary_color);
padding: 20px 60px;
height: 30px;
font-weight: normal;
text-transform: none;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
border-radius: 5px;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore i,
.site-content-archive-product .woocommerce-pagination .yolo-show-all i {
line-height: 0;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore:hover,
.site-content-archive-product .woocommerce-pagination .yolo-show-all:hover {
background-color: var(--primary_color);
color: #ffffff;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore.yolo-hide-loadmore,
.site-content-archive-product .woocommerce-pagination .yolo-show-all.yolo-hide-loadmore {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .woocommerce-pagination .yolo-shop-loadmore.yolo-show-loadmore,
.site-content-archive-product .woocommerce-pagination .yolo-show-all.yolo-show-loadmore {
opacity: 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.site-content-archive-product .woocommerce-pagination .yolo-show-all {
background-color: var(--primary_color);
color: #ffffff;
}
.site-content-archive-product .container-fluid .yolo-filter-categories {
padding-left: 30px;
}
.site-content-archive-product .container-fluid .yolo-filter-search {
padding-right: 30px;
}
.site-content-archive-product {
padding-top: 45px;
}
.yolo-product-category > a {
display: block;
}
.yolo-product-category .product-category-inner {
position: relative;
}
.yolo-product-category .product-category-inner img {
width: 100%;
}
.yolo-product-category .product-category-inner:hover .text-left h2 {
color: var(--primary_color);
}
.yolo-product-category .product-category-inner:hover .text-left h2:before {
width: 100%;
left: 0;
}
.yolo-product-category .product-category-inner .text-left {
position: absolute;
bottom: 20px;
left: 20px;
}
.yolo-product-category .product-category-inner .text-left h2 {
font-size: 24px;
margin: 0;
}
.yolo-product-category .product-category-inner .text-left h2 mark {
color: inherit;
background-color: transparent;
padding: 0;
}
.yolo-product-category .product-category-inner .text-left h2:before {
content: '';
width: 0;
height: 2px;
bottom: -2px;
background-color: var(--primary_color);
position: absolute;
right: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
} h3.check-out-title {
font-size: 25px;
text-align: center;
max-width: 570px;
margin: auto;
border-bottom: 2px solid #ffffff;
padding-bottom: 20px;
margin-top: 20px;
}
.woocommerce-checkout-info {
border-bottom: 1px solid #eeeeee;
padding: 5px 0;
text-align: center;
max-width: 570px;
margin: auto;
}
.woocommerce-checkout-info .showcoupon,
.woocommerce-checkout-info .showlogin {
font-weight: bold;
}
.woocommerce-checkout form.checkout_coupon,
.woocommerce-checkout form.login {
border: none;
padding: 20px 0;
border-radius: 0;
max-width: 570px;
margin: auto;
border-bottom: 1px solid #eeeeee;
text-align: center;
}
.woocommerce-checkout form.checkout_coupon input.input-text,
.woocommerce-checkout form.login input.input-text {
max-width: 370px;
text-align: center !important;
}
.woocommerce-checkout form.checkout_coupon .form-row-first,
.woocommerce-checkout form.login .form-row-first,
.woocommerce-checkout form.checkout_coupon .form-row-last,
.woocommerce-checkout form.login .form-row-last {
width: 100%;
float: none;
}
.woocommerce-cart .wc-proceed-to-checkout {
text-align: center;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
text-transform: uppercase;
border-radius: 1px;
color: #000000;
background: #50b6a857;
}
.checkout_coupon + form.checkout.woocommerce-checkout,
.login + form.checkout.woocommerce-checkout {
margin-top: 70px;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading {
font-size: 16px;
color: #ffffff;
text-align: center;
margin-bottom: 30px;
font-weight: bold;
padding: 5px 0;
background-color: var(--primary_color);
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address {
float: none;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address label {
font-weight: bold !important;
margin: 0;
font-weight: normal;
display: inline-block;
}
.woocommerce-checkout .checkout .col-2 #ship-to-different-address input[type=checkbox] {
margin: 0;
display: inline-block;
}
#ship-to-different-address .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.select2-container .select2-choice {
background-color: transparent;
border: 1px solid var(--primary_color);
padding: 8px 20px;
font-size: 14px;
color: #858585;
text-transform: none;
border-radius: 0;
height: 44px;
}
.select2-container .select2-choice:hover {
text-decoration: none;
}
.select2-drop-active {
border: none;
background-color: #f5f5f5;
}
.create-account,
.create-account input.input-text {
text-align: center !important;
}
#customer_details {
padding-bottom: 100px;
border-bottom: 1px solid #eeeeee;
}
.woocommerce table.woocommerce-checkout-review-order-table,
.woocommerce table.shop_table.order_details {
border: none;
margin: 0 0 50px 0;
border-radius: 0;
}
.woocommerce table.woocommerce-checkout-review-order-table td,
.woocommerce table.shop_table.order_details td,
.woocommerce table.woocommerce-checkout-review-order-table th,
.woocommerce table.shop_table.order_details th {
border-top: none;
border-bottom: 1px solid #eeeeee;
padding: 7px 0;
font-size: 14px;
font-weight: normal;
line-height: 1.8;
width: 50%;
}
.woocommerce table.woocommerce-checkout-review-order-table td strong,
.woocommerce table.shop_table.order_details td strong,
.woocommerce table.woocommerce-checkout-review-order-table th strong,
.woocommerce table.shop_table.order_details th strong {
font-weight: normal;
}
.woocommerce table.woocommerce-checkout-review-order-table tbody td.product-total,
.woocommerce table.shop_table.order_details tbody td.product-total,
.woocommerce table.woocommerce-checkout-review-order-table thead th.product-total,
.woocommerce table.shop_table.order_details thead th.product-total {
text-align: right;
}
.woocommerce table.woocommerce-checkout-review-order-table thead th,
.woocommerce table.shop_table.order_details thead th {
border-bottom: 1px solid #111;
font-size: 13px;
text-transform: uppercase;
border-bottom-width: 1px;
font-weight: bold;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce table.shop_table.order_details tfoot th {
font-weight: normal;
border-top: none;
font-weight: bold !important;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot,
.woocommerce table.shop_table.order_details tfoot {
border-top: 1px solid #111 !important;
text-transform: uppercase;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce table.shop_table.order_details tfoot td {
text-align: right;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce table.shop_table.order_details tfoot td,
.woocommerce table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce table.shop_table.order_details tfoot th {
border-color: #111;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot .order-total td,
.woocommerce table.shop_table.order_details tfoot .order-total td,
.woocommerce table.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce table.shop_table.order_details tfoot .order-total th {
border-color: transparent;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th,
.woocommerce table.shop_table.order_details tfoot .cart-subtotal th,
.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,
.woocommerce table.shop_table.order_details tfoot .cart-subtotal td {
border-top: 1px solid #111 !important;
}
.woocommerce table.woocommerce-checkout-review-order-table td.product-name dl.variation,
.woocommerce table.shop_table.order_details td.product-name dl.variation {
margin: 0;
font-style: italic;
}
.woocommerce table.woocommerce-checkout-review-order-table td.product-name dl.variation dd,
.woocommerce table.shop_table.order_details td.product-name dl.variation dd,
.woocommerce table.woocommerce-checkout-review-order-table td.product-name dl.variation dt,
.woocommerce table.shop_table.order_details td.product-name dl.variation dt {
float: none;
margin: 0;
padding: 0;
font-weight: normal;
}
.woocommerce table.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce table.shop_table.order_details .cart-subtotal td,
.woocommerce table.woocommerce-checkout-review-order-table .order-total td,
.woocommerce table.shop_table.order_details .order-total td,
.woocommerce table.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce table.shop_table.order_details .cart-subtotal th,
.woocommerce table.woocommerce-checkout-review-order-table .order-total th,
.woocommerce table.shop_table.order_details .order-total th {
font-weight: bold;
}
.woocommerce table.woocommerce-checkout-review-order-table .cart-subtotal td strong,
.woocommerce table.shop_table.order_details .cart-subtotal td strong,
.woocommerce table.woocommerce-checkout-review-order-table .order-total td strong,
.woocommerce table.shop_table.order_details .order-total td strong,
.woocommerce table.woocommerce-checkout-review-order-table .cart-subtotal th strong,
.woocommerce table.shop_table.order_details .cart-subtotal th strong,
.woocommerce table.woocommerce-checkout-review-order-table .order-total th strong,
.woocommerce table.shop_table.order_details .order-total th strong {
font-weight: bold;
}
.woocommerce-checkout #payment {
background-color: transparent;
border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
margin-bottom: 10px;
padding: 15px;
}
.woocommerce-checkout #payment ul.payment_methods li:last-child {
margin-bottom: 0;
}
.wc_payment_method {
background-color: #fafafa;
padding: 5px 0;
}
.wc_payment_method label {
color: #222222;
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
margin: 0;
line-height: 2.4;
vertical-align: middle;
}
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 10px;
vertical-align: middle;
}
.woocommerce-checkout #payment ul.payment_methods li img {
margin: 0 5px 0 10px;
}
.woocommerce-checkout #payment div.payment_box {
background-color: transparent;
font-size: 14px;
line-height: 1.8;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 30px;
margin: 20px 0;
color: #777;
}
.woocommerce-checkout #payment div.payment_box:before {
display: none;
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
margin: 30px 0 0 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
width: 100%;
color: #ff03ff;
text-transform: uppercase;
font-weight: 400;
}
.woocommerce-checkout .entry-content .woocommerce {
background: #ffffff;
padding: 50px 0px;
padding-top: 0;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #order_review_heading {
text-transform: uppercase;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields h3 {
text-transform: uppercase;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p {
margin-bottom: 25px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p label {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
text-transform: capitalize;
color: var(--text_color);
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p label .required {
color: var(--primary_color);
}
@media (max-width: 479px) {
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields p {
width: 100%;
}
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields h3 {
text-transform: uppercase;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p {
margin-bottom: 25px;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p label {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
color: var(--text_color);
text-transform: capitalize;
}
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p label .required {
color: var(--primary_color);
}
@media (max-width: 479px) {
.woocommerce-checkout .entry-content .woocommerce .woocommerce-checkout #customer_details .woocommerce-shipping-fields p {
width: 100%;
}
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dt {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 20px;
clear: none;
font-size: 12px;
font-weight: bold;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd {
padding: 0;
line-height: 20px;
display: block;
float: none;
margin: 0;
font-size: 12px;
} .woocommerce-info,
.woocommerce-message {
border-color: var(--primary_color);
}
.woocommerce-info > a,
.woocommerce-message > a {
font-weight: bold;
}
.woocommerce-info:before,
.woocommerce-message:before {
color: var(--primary_color);
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 5px 10px;
border: 1px solid var(--text_color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background-color: var(--primary_color);
color: #ffffff;
border-color: var(--primary_color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: var(--primary_color);
color: #ffffff;
border-color: var(--primary_color);
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
width: 49%;
display: inline-block;
}
}
.woocommerce-account .woocommerce-MyAccount-content {
margin-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content p a {
font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-content > p {
padding: 1em 2em 1em 1.5em;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
border-top: 3px solid var(--primary_color);
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-account .woocommerce-MyAccount-content > p:before {
content: "\e017";
color: var(--primary_color);
font-family: "WooCommerce";
font-weight: bold;
margin-right: 20px;
border: 1px solid var(--primary_color);
border-radius: 50%;
padding: 3px;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
padding-right: 20px;
}
.woocommerce .col2-set .col-1.woocommerce-Address,
.woocommerce-page .col2-set .col-1.woocommerce-Address {
border-right: 2px solid var(--text_color);
}
@media (max-width: 768px) {
.woocommerce .col2-set .col-1.woocommerce-Address,
.woocommerce-page .col2-set .col-1.woocommerce-Address {
width: 100%;
border-right: none;
}
}
.woocommerce-account .addresses .title .edit {
margin-top: 20px;
font-weight: 600;
text-decoration: underline;
}
.woocommerce table.my_account_orders {
font-size: 14px;
border: 2px solid #eeeeee;
}
.woocommerce table.my_account_orders th {
font-size: 13px;
color: #222222;
text-transform: uppercase;
text-align: center;
line-height: 2.4;
padding: 14px 12px;
font-weight: normal;
border-bottom-width: 2px;
}
.woocommerce table.my_account_orders td {
text-align: center;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0;
min-width: 120px;
}
.woocommerce-account .customer_login_form_wrap .col2-set {
margin-top: 5%;
margin-bottom: 10%;
}
.woocommerce-account .customer_login_form_wrap .col2-set .col-1,
.woocommerce-account .customer_login_form_wrap .col2-set .col-2 {
background: #ffffff;
border: 2px solid #eeeeee;
padding: 50px 45px 30px 45px;
}
.woocommerce-account .customer_login_form_wrap .col2-set p {
text-align: left;
}
.woocommerce-account .customer_login_form_wrap .col2-set h2 {
position: relative;
text-align: left;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 20px;
line-height: 1;
}
.woocommerce-account .customer_login_form_wrap .col2-set h2:before {
content: "";
position: absolute;
left: -10px;
width: 2px;
height: 100%;
background: var(--primary_color);
}
.woocommerce-account .customer_login_form_wrap .col2-set label {
text-align: left;
}
.woocommerce-account .customer_login_form_wrap form.login,
.woocommerce-account .customer_login_form_wrap form.register {
padding: 0;
margin: 0;
text-align: left;
border: none;
border-radius: 0;
}
.woocommerce-account .customer_login_form_wrap form.login .form-row,
.woocommerce-account .customer_login_form_wrap form.register .form-row {
margin-bottom: 20px;
}
.woocommerce-account .customer_login_form_wrap form.login .form-row label.inline,
.woocommerce-account .customer_login_form_wrap form.register .form-row label.inline {
display: inline-block;
margin-top: 10px;
}
.woocommerce-account .customer_login_form_wrap form.login label,
.woocommerce-account .customer_login_form_wrap form.register label {
margin-bottom: 5px;
}
.woocommerce-account .customer_login_form_wrap form.login .input-text,
.woocommerce-account .customer_login_form_wrap form.register .input-text {
height: 40px;
text-align: left;
background: #ffffff;
}
.woocommerce-account .customer_login_form_wrap form.login label[for="rememberme"],
.woocommerce-account .customer_login_form_wrap form.register label[for="rememberme"] {
display: block;
text-transform: none;
margin-top: 12px;
color: var(--text_color);
font-weight: normal;
}
.woocommerce-account .customer_login_form_wrap form.login label[for="rememberme"] input,
.woocommerce-account .customer_login_form_wrap form.register label[for="rememberme"] input {
margin-right: 5px;
}
.woocommerce-account .customer_login_form_wrap form.login .button,
.woocommerce-account .customer_login_form_wrap form.register .button {
margin-top: 5px;
min-width: 120px;
text-transform: uppercase;
font-weight: 900;
float: left;
margin-right: 30px;
} .wishlist-title {
text-align: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 40px;
}
.wishlist-title h2 {
margin-top: 0;
}
.woocommerce table.shop_table.cart.wishlist_table {
font-size: 100%;
}
.woocommerce table.shop_table.cart.wishlist_table tr th span {
font-weight: bold;
color: var(--primary_color);
font-size: 16px;
}
.woocommerce table.shop_table.cart.wishlist_table tr td {
text-align: left;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-name a {
font-size: 16px;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-in-stock,
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-out-of-stock {
font-size: 13px;
text-transform: uppercase;
color: #888888;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-stock-status span.wishlist-in-stock {
color: #D90000;
}
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart {
text-align: right;
padding-right: 30px;
}
.woocommerce table.shop_table.cart.wishlist_table .product-add-to-cart .add-to-cart-wrap {
display: inline-block;
position: relative;
left: auto;
bottom: auto;
opacity: 1;
z-index: 5;
}
.woocommerce table.shop_table.cart.wishlist_table tbody tr:last-child td {
boder-bottom: none;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-add-to-cart a {
min-width: 180px;
padding: 10px 10px;
background-color: var(--primary_color) !important;
color: #ffffff;
font-weight: 700;
white-space: nowrap;
display: inline-block;
overflow: hidden;
position: relative;
border-radius: 3px;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
line-height: 25px;
border: none;
float: left;
opacity: 1;
line-height: 40px;
}
.woocommerce table.shop_table.cart.wishlist_table td.product-add-to-cart a:hover {
background-color: var(--primary_color_lighten_10) !important;
}
.woocommerce table.shop_table.cart.wishlist_table tfoot td {
border-top: 2px solid #eeeeee;
}
.wishlist_table tr th.product-thumbnail {
width: 120px;
}
.wishlist_table tr th.product-remove {
width: 70px;
}
.wishlist_table tr td.product-thumbnail a {
max-width: 70px;
} .woocommerce .product-item-wrap,
.single-product .product-item-wrap {
padding: 0 15px 0 15px;
margin: 5px 0;
}
@media (max-width: 480px) {
.woocommerce .product-item-wrap,
.single-product .product-item-wrap {
padding: 5px;
}
}
.woocommerce .star-rating.rating-invisible,
.single-product .star-rating.rating-invisible {
display: none;
}
.woocommerce .product-item-inner,
.single-product .product-item-inner {
background-color: #ffffff;
position: relative;
overflow: hidden;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.woocommerce .product-thumb img,
.single-product .product-thumb img {
width: 100%;
}
.woocommerce .product-flash-wrap,
.single-product .product-flash-wrap {
position: absolute;
top: 15px;
left: 0;
z-index: 1;
}
.woocommerce .product-flash-wrap span,
.single-product .product-flash-wrap span {
font-size: 14px;
text-transform: uppercase;
margin-top: 0;
z-index: 1;
padding-left: 20px;
border-bottom: 1px solid var(--text_color);
display: block;
}
@media (max-width: 480px) {
.woocommerce .product-flash-wrap span,
.single-product .product-flash-wrap span {
font-size: 8px;
text-transform: uppercase;
margin-top: 0;
z-index: 1;
padding-left: 15px;
border-bottom: 1px solid var(--text_color);
display: block;
}
}
.woocommerce .product-flash-wrap span:last-child,
.single-product .product-flash-wrap span:last-child {
border: none;
}
.woocommerce .product-flash-wrap span:first-child,
.single-product .product-flash-wrap span:first-child {
border-bottom: 1px solid var(--text_color);
}
.woocommerce .product-thumb,
.single-product .product-thumb {
position: relative;
background-color: #ffffff;
}
.woocommerce .product-thumb .product-thumb-primary,
.single-product .product-thumb .product-thumb-primary {
overflow: hidden;
}
.woocommerce .product-thumb .product-thumb-primary img,
.single-product .product-thumb .product-thumb-primary img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce .product-thumb .product-thumb-secondary img,
.single-product .product-thumb .product-thumb-secondary img {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.woocommerce .product-thumb-secondary,
.single-product .product-thumb-secondary {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.woocommerce .ylp-product-link,
.single-product .ylp-product-link,
.woocommerce .product-link,
.single-product .product-link {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
visibility: visible;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.woocommerce .add-to-cart-wrap,
.single-product .add-to-cart-wrap {
display: inline-block;
position: absolute;
opacity: 0;
left: -10px;
bottom: 12px;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
@media (max-width: 480px) {
.woocommerce .add-to-cart-wrap,
.single-product .add-to-cart-wrap {
bottom: 5px;
}
}
.woocommerce .add-to-cart-wrap a,
.single-product .add-to-cart-wrap a {
text-align: center;
color: var(--text_color);
display: inline-block;
padding: 0;
opacity: 0;
position: relative;
border-radius: 0;
font-size: 16px;
min-width: 0;
vertical-align: middle;
}
.woocommerce .add-to-cart-wrap a:before,
.single-product .add-to-cart-wrap a:before {
font-family: FontAwesome;
content: "\f217";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
line-height: 1;
vertical-align: middle;
display: none;
}
.woocommerce .add-to-cart-wrap a:hover,
.single-product .add-to-cart-wrap a:hover {
background-color: transparent;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a,
.single-product .yith-wcwl-wishlistaddedbrowse a,
.woocommerce .yith-wcwl-wishlistexistsbrowse a,
.single-product .yith-wcwl-wishlistexistsbrowse a,
.woocommerce .add_to_wishlist,
.single-product .add_to_wishlist,
.woocommerce .compare,
.single-product .compare,
.woocommerce .product-quick-view,
.single-product .product-quick-view,
.woocommerce .btn_add_to_cart,
.single-product .btn_add_to_cart,
.woocommerce .add-to-cart-wrap a,
.single-product .add-to-cart-wrap a {
text-align: center;
color: var(--text_color);
background-color: transparent !important;
display: inline-block;
padding: 5px;
position: relative;
border: 1px solid;
border-radius: 0;
font-size: 0px;
min-width: 0;
vertical-align: middle;
opacity: 1;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a i,
.single-product .yith-wcwl-wishlistaddedbrowse a i,
.woocommerce .yith-wcwl-wishlistexistsbrowse a i,
.single-product .yith-wcwl-wishlistexistsbrowse a i,
.woocommerce .add_to_wishlist i,
.single-product .add_to_wishlist i,
.woocommerce .compare i,
.single-product .compare i,
.woocommerce .product-quick-view i,
.single-product .product-quick-view i,
.woocommerce .btn_add_to_cart i,
.single-product .btn_add_to_cart i,
.woocommerce .add-to-cart-wrap a i,
.single-product .add-to-cart-wrap a i {
font-size: 16px;
line-height: 28px;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a:hover,
.single-product .yith-wcwl-wishlistaddedbrowse a:hover,
.woocommerce .yith-wcwl-wishlistexistsbrowse a:hover,
.single-product .yith-wcwl-wishlistexistsbrowse a:hover,
.woocommerce .add_to_wishlist:hover,
.single-product .add_to_wishlist:hover,
.woocommerce .compare:hover,
.single-product .compare:hover,
.woocommerce .product-quick-view:hover,
.single-product .product-quick-view:hover,
.woocommerce .btn_add_to_cart:hover,
.single-product .btn_add_to_cart:hover,
.woocommerce .add-to-cart-wrap a:hover,
.single-product .add-to-cart-wrap a:hover,
.woocommerce .yith-wcwl-wishlistaddedbrowse a.active,
.single-product .yith-wcwl-wishlistaddedbrowse a.active,
.woocommerce .yith-wcwl-wishlistexistsbrowse a.active,
.single-product .yith-wcwl-wishlistexistsbrowse a.active,
.woocommerce .add_to_wishlist.active,
.single-product .add_to_wishlist.active,
.woocommerce .compare.active,
.single-product .compare.active,
.woocommerce .product-quick-view.active,
.single-product .product-quick-view.active,
.woocommerce .btn_add_to_cart.active,
.single-product .btn_add_to_cart.active,
.woocommerce .add-to-cart-wrap a.active,
.single-product .add-to-cart-wrap a.active {
color: var(--primary_color);
}
.woocommerce .add-to-cart-wrap a,
.single-product .add-to-cart-wrap a {
font-size: 12px;
font-weight: 400;
display:none;
}
.ylp-product-wrap.yl-single-product .ylp-product-item-wrap.ylp-product-style_1:hover .ylp-product-item-inner .ylp-product-info span.price, .ylp-product-wrap.yl-single-product .ylp-product-item-wrap.ylp-product-style_1:hover .ylp-product-item-inner .ylp-product-info .star-rating {
opacity: 1;
}
.woocommerce .add-to-cart-wrap a i,
.single-product .add-to-cart-wrap a i {
margin-right: 5px;
}
.woocommerce .add-to-cart-wrap a:after,
.single-product .add-to-cart-wrap a:after {
display: none;
}
.woocommerce .wishlist_table .add-to-cart-wrap a.loading,
.single-product .wishlist_table .add-to-cart-wrap a.loading {
font-size: 0 !important;
min-height: 38px;
}
.woocommerce .wishlist_table .add-to-cart-wrap a:after,
.single-product .wishlist_table .add-to-cart-wrap a:after {
display: block;
font-size: 14px;
text-align: center;
width: 100%;
right: 0;
line-height: 38px;
top: 0;
}
.woocommerce .added_to_cart.wc-forward,
.single-product .added_to_cart.wc-forward {
padding-right: 30px;
}
.woocommerce .added_to_cart.wc-forward i,
.single-product .added_to_cart.wc-forward i {
color: var(--primary_color);
}
.woocommerce .compare,
.single-product .compare {
right: 30px;
}
.woocommerce .compare .blockUI.blockOverlay,
.single-product .compare .blockUI.blockOverlay {
background: none !important;
}
.woocommerce .product-quick-view,
.single-product .product-quick-view {
right: 0;
margin-right: 0;
}
.woocommerce .product-quick-view i,
.single-product .product-quick-view i {
font-size: 20px;
}
.woocommerce .product-quick-view i.fa-spin,
.single-product .product-quick-view i.fa-spin {
font-size: 16px;
}
.woocommerce .product-quick-view.active i.fa-spin:before,
.single-product .product-quick-view.active i.fa-spin:before {
content: "\f110";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
font-family: FontAwesome;
}
.woocommerce .product-quick-view,
.single-product .product-quick-view,
.woocommerce .compare,
.single-product .compare {
position: absolute;
bottom: 10px;
opacity: 0;
}
.woocommerce .product-quick-view i,
.single-product .product-quick-view i,
.woocommerce .compare i,
.single-product .compare i {
font-size: 20px;
}
.woocommerce .yith-wcwl-wishlistaddedbrowse a,
.single-product .yith-wcwl-wishlistaddedbrowse a {
color: var(--primary_color);
}
.woocommerce .added-spinner,
.single-product .added-spinner {
color: var(--primary_color);
}
.woocommerce .yith-wcwl-add-to-wishlist,
.single-product .yith-wcwl-add-to-wishlist {
display: inline-block;
margin: 0;
position: absolute;
top: 25px;
right: 1px;
opacity: 0;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce .yith-wcwl-add-to-wishlist span.feedback,
.single-product .yith-wcwl-add-to-wishlist span.feedback {
display: none;
}
.woocommerce .yith-wcwl-add-to-wishlist + div.clear,
.single-product .yith-wcwl-add-to-wishlist + div.clear {
display: none;
}
.woocommerce .yith-wcwl-add-button,
.single-product .yith-wcwl-add-button {
font-size: 0;
position: relative;
}
.woocommerce .yith-wcwl-add-button a i,
.single-product .yith-wcwl-add-button a i {
margin-right: 0px;
}
.woocommerce .yith-wcwl-add-button .ajax-loading,
.single-product .yith-wcwl-add-button .ajax-loading {
display: none !important;
}
.woocommerce .add_to_wishlist:before,
.single-product .add_to_wishlist:before,
.woocommerce .yith-wcwl-wishlistaddedbrowse a:before,
.single-product .yith-wcwl-wishlistaddedbrowse a:before,
.woocommerce .yith-wcwl-wishlistexistsbrowse a:before,
.single-product .yith-wcwl-wishlistexistsbrowse a:before,
.woocommerce .compare.added:before,
.single-product .compare.added:before {
font-family: FontAwesome;
content: "\f08a";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.woocommerce .yith-wcwl-wishlistexistsbrowse a:before,
.single-product .yith-wcwl-wishlistexistsbrowse a:before {
color: var(--primary_color);
}
.woocommerce .add_to_wishlist i,
.single-product .add_to_wishlist i {
font-size: 16px;
line-height: 1;
}
.woocommerce .add_to_wishlist i:before,
.single-product .add_to_wishlist i:before {
line-height: 1;
}
.woocommerce .compare i.fa-spinner,
.single-product .compare i.fa-spinner {
font-size: 16px;
line-height: 28px;
}
.woocommerce .compare.added:before,
.single-product .compare.added:before {
content: "\f268" !important;
font-family: Ionicons;
font-size: 20px;
line-height: 28px;
}
.woocommerce .add_to_wishlist.added-spinner:before,
.single-product .add_to_wishlist.added-spinner:before {
content: "";
display: none;
}
.woocommerce .added-spinner:before,
.single-product .added-spinner:before {
content: "\f110";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.woocommerce .product-info,
.single-product .product-info {
padding: 10px 0;
text-align: center;
background: #ffffff;
position: relative;
z-index: 3;
min-height: 92px;
}
@media (max-width: 480px) {
.woocommerce .product-info,
.single-product .product-info {
padding-bottom: 25px;
}
}
.woocommerce .product-info h3,
.single-product .product-info h3 {
position: relative;
top: 0;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
width: 100%;
padding-right: 0px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 480px) {
.woocommerce .product-info h3,
.single-product .product-info h3 {
position: relative;
top: 0;
font-size: 13px;
margin-top: 2px;
margin-bottom: 10px;
text-align: left;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
}
.woocommerce .product-info .star-rating,
.single-product .product-info .star-rating {
position: absolute;
right: 0px;
bottom: 18px;
margin-top: 0;
font-size: 14px;
width: 93px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 480px) {
.woocommerce .product-info .star-rating,
.single-product .product-info .star-rating {
bottom: 0;
right: inherit;
left: 0;
opacity: 1 !important;
}
}
.woocommerce .product-info span.price,
.single-product .product-info span.price {
font-size: 14px!important;
font-weight: 500;
display: block;
padding: 0px 0px;
text-align: left;
color: var(--text_color) !important;
}
.woocommerce .product-info span.price ins,
.single-product .product-info span.price ins {
display: inline-block;
text-decoration: none;
font-weight: 500 !important;
font-style: inherit;
color: var(--text_color);
}
.woocommerce .product-info span.price del,
.single-product .product-info span.price del {
color: var(--text_color_lighten_20);
display: inline-block;
opacity: 1;
margin-right: 0px;
font-weight: inherit;
font-style: inherit;
}
.woocommerce .product-item-wrap.active .product-thumb .product-thumb-secondary,
.single-product .product-item-wrap.active .product-thumb .product-thumb-secondary,
.woocommerce .product-item-wrap:hover .product-thumb .product-thumb-secondary,
.single-product .product-item-wrap:hover .product-thumb .product-thumb-secondary {
opacity: 1;
}
.woocommerce .product-item-wrap.active .product-info h3,
.single-product .product-item-wrap.active .product-info h3,
.woocommerce .product-item-wrap:hover .product-info h3,
.single-product .product-item-wrap:hover .product-info h3 {
color: var(--primary_color);
}
.woocommerce .product-item-wrap.active .product-info span.price,
.single-product .product-item-wrap.active .product-info span.price,
.woocommerce .product-item-wrap:hover .product-info span.price,
.single-product .product-item-wrap:hover .product-info span.price,
.woocommerce .product-item-wrap.active .product-info .star-rating,
.single-product .product-item-wrap.active .product-info .star-rating,
.woocommerce .product-item-wrap:hover .product-info .star-rating,
.single-product .product-item-wrap:hover .product-info .star-rating {
opacity: 1;
}
.woocommerce .product-item-wrap.active .product-info .add-to-cart-wrap,
.single-product .product-item-wrap.active .product-info .add-to-cart-wrap,
.woocommerce .product-item-wrap:hover .product-info .add-to-cart-wrap,
.single-product .product-item-wrap:hover .product-info .add-to-cart-wrap {
left: 0px;
opacity: 1;
}
.woocommerce .product-item-wrap.active .product-info .yith-wcwl-add-to-wishlist,
.single-product .product-item-wrap.active .product-info .yith-wcwl-add-to-wishlist,
.woocommerce .product-item-wrap:hover .product-info .yith-wcwl-add-to-wishlist,
.single-product .product-item-wrap:hover .product-info .yith-wcwl-add-to-wishlist {
opacity: 1;
}
.woocommerce .product-item-wrap.active .product-info .product-quick-view,
.single-product .product-item-wrap.active .product-info .product-quick-view,
.woocommerce .product-item-wrap:hover .product-info .product-quick-view,
.single-product .product-item-wrap:hover .product-info .product-quick-view,
.woocommerce .product-item-wrap.active .product-info .compare,
.single-product .product-item-wrap.active .product-info .compare,
.woocommerce .product-item-wrap:hover .product-info .compare,
.single-product .product-item-wrap:hover .product-info .compare {
opacity: 1;
}
@media (max-width: 479px) and (min-width: 321px) {
.woocommerce .product-item-wrap .product-info .yith-wcwl-add-to-wishlist,
.single-product .product-item-wrap .product-info .yith-wcwl-add-to-wishlist,
.woocommerce .product-item-wrap .product-info .product-quick-view,
.single-product .product-item-wrap .product-info .product-quick-view,
.woocommerce .product-item-wrap .product-info .compare,
.single-product .product-item-wrap .product-info .compare {
opacity: 0 !important;
}
}
.woocommerce.columns-2 .product-item-wrap,
.single-product.columns-2 .product-item-wrap {
width: 50%;
float: left;
}
.woocommerce.columns-3 .product-item-wrap,
.single-product.columns-3 .product-item-wrap {
width: 33.33333333%;
float: left;
}
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap {
width: 25%;
float: left;
}
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap {
width: 20%;
float: left;
}
.woocommerce.product-slider .product-item-wrap,
.single-product.product-slider .product-item-wrap {
float: none;
padding-bottom: 0;
}
@media (max-width: 991px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap {
width: 33.33%;
}
}
@media (max-width: 768px) {
.woocommerce.columns-5 .product-item-wrap,
.single-product.columns-5 .product-item-wrap,
.woocommerce.columns-4 .product-item-wrap,
.single-product.columns-4 .product-item-wrap,
.woocommerce.columns-3 .product-item-wrap,
.single-product.columns-3 .product-item-wrap {
width: 50%;
}
}
.woocommerce > .woocommerce {
margin: 0;
}
.woocommerce > .woocommerce .product-item-wrap {
padding: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb {
width: 33.33%;
float: left;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-thumb-primary img {
padding-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-thumb-secondary img {
padding-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-thumb .product-flash-wrap span {
margin-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info {
padding: 0 0 0 30px;
width: 66.66%;
float: left;
text-align: left;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info .star-rating {
position: relative;
text-align: left;
right: 0;
margin: 20px 0 10px 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info .star-rating:before {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info span.price {
margin-top: 25px;
padding-top: 10px;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info h3 {
width: 100%;
padding-right: 0;
margin-top: 12px;
margin-bottom: 20px;
font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info {
padding-left: 10px;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info h3 {
font-size: 14px;
margin-bottom: 0;
margin-top: 0;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-info span.price {
margin-top: 0;
}
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner .product-actions {
display: none;
}
.woocommerce > .woocommerce .product-item-wrap .product-item-inner:hover {
-webkit-transform: translate(0, -3px);
-ms-transform: translate(0, -3px);
transform: translate(0, -3px);
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info .star-rating {
bottom: 0;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info span.price {
margin-top: 10px !important;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info span.price,
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info .star-rating {
opacity: 1;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap .product-info .add-to-cart-wrap {
display: none;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info span.price,
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .star-rating {
opacity: 1;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .yith-wcwl-add-to-wishlist {
opacity: 0;
}
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .product-quick-view,
.woocommerce.columns-1 .woocommerce .product-item-wrap:hover .product-info .compare {
opacity: 0;
}
.woocommerce.columns-1 .product-item-wrap {
width: 100%;
}
.woocommerce.columns-1 .product-item-wrap .product-info h3 {
font-size: 14px;
color: var(--text_color);
text-align: left;
}
.woocommerce.columns-1 .product-item-wrap .product-info .star-rating:before {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.woocommerce.columns-1 .product-item-wrap .product-info span.price {
text-align: left;
}
.woocommerce.columns-1 .product-item-wrap .product-info .product-single-short-description {
text-align: left;
} .woocommerce-order-received .woocommerce h2,
.woocommerce-account .woocommerce h2,
.woocommerce-order-received .woocommerce header.title h3,
.woocommerce-account .woocommerce header.title h3 {
font-size: 25px;
color: #25262C;
margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce address,
.woocommerce-account .woocommerce address {
line-height: 1.8;
}
.woocommerce .order_details {
padding: 0;
} .track_order {
text-align: left;
}
.track_order .form-row input.button {
margin-top: 30px;
height: 50px;
min-width: 170px;
text-transform: uppercase;
font-size: 16px;
}
.track_order p:first-child {
line-height: 1.8;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
display: none;
}
.woocommerce .track_order .form-row-first,
.woocommerce .track_order .form-row-last {
float: none;
margin: auto;
margin-bottom: 20px;
width: 100%;
}
.woocommerce .track_order .form-row-first label,
.woocommerce .track_order .form-row-last label {
font-size: 16px;
text-transform: capitalize;
margin-bottom: 10px;
color: var(--primary_color);
}
.woocommerce .track_order .form-row-first input,
.woocommerce .track_order .form-row-last input {
text-align: left;
color: var(--primary_color);
}
.woocommerce .track_order .form-row-first input .placeholder,
.woocommerce .track_order .form-row-last input .placeholder {
text-align: left;
color: var(--primary_color_fade_50);
}
.woocommerce form.track_order .form-row input.input-text {
height: 50px;
border: 1px solid #eee !important;
}
.woocommerce form.track_order .form-row input.input-text:focus {
border-color: var(--primary_color) !important;
} .product-paging-load-more button {
background-color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.product-paging-load-more button:hover {
background-color: var(--primary_color_darken_20);
}
.ylp-product-info .product-quick-view,
.ylp-product-info .compare {
position: absolute;
bottom: 10px;
opacity: 0;
}
.ylp-product-info .product-quick-view i,
.ylp-product-info .compare i {
font-size: 20px;
}
.ylp-product-info .product-quick-view i.fa-spinner,
.ylp-product-info .compare i.fa-spinner {
font-size: 16px;
line-height: 28px;
} .woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
width: 100%;
}
.cart-form {
margin-bottom: 50px;
margin-top: 80px;
}
.woocommerce table.shop_table.cart thead tr th {
text-transform: uppercase;
}
.woocommerce table.shop_table.cart tbody tr td.actions {
padding: 20px 10px;
}
.woocommerce table.shop_table.cart tbody tr td.actions input {
min-width: 170px;
border: none !important;
border-radius: 3px;
}
@media (max-width: 480px) {
.woocommerce table.shop_table.cart tbody tr td.actions input {
min-width: auto;
}
}
.woocommerce table.shop_table.cart tbody .product-thumbnail img {
min-width: 70px;
}
@media (max-width: 479px) {
.woocommerce table.shop_table.cart tbody .product-thumbnail img {
display: block;
float: left;
height: 70px;
}
.woocommerce-page table.cart .product-thumbnail {
display: block;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
content: none;
float: left;
}
}
}
.woocommerce table.shop_table.cart tbody .product-quantity .quantity label {
display: none;
}
.woocommerce table.shop_table.cart tbody .product-quantity .quantity input.qty {
border: 2px solid #eeeeee;
padding: 5px 0 5px 10px;
}
.woocommerce table.shop_table.cart .product-remove a {
margin: 0 auto;
}
.woocommerce table.shop_table.cart td.actions .coupon input {
padding: 6px 12px 6px;
color: #000000;
background: #50b6a857;
}
.woocommerce table.shop_table.cart td.actions button.button {
padding: 7px 5px;
color: #000000;
background: #50b6a857;
}
.woocommerce table.shop_table.cart td.actions button.button:disabled[disabled] {
color: #ffffff;
background: #50b6a857;
}
.cart-collaterals h4.widget-title,
.cart-collaterals h2 {
font-size: 18px;
color: #25262C;
margin-bottom: 45px;
text-align: left;
text-transform: uppercase;
border-left: 2px solid var(--primary_color);
padding-left: 15px;
font-weight: bold;
}
.woocommerce .cart-collaterals .cart_totals {
width: 100%;
float: left;
margin: 0 auto;
}
@media (max-width: 479px) {
.woocommerce .cart-collaterals .cart_totals {
margin: 0;
}
}
.woocommerce .cart-collaterals .cart_totals_inner,
.woocommerce-page .cart-collaterals .cart_totals_inner,
.woocommerce-shipping-calculator {
margin-top: 30px;
}
.woocommerce-shipping-calculator .shipping-calculator-button {
background-color: rgba(255, 255, 255, 0.2);
padding: 10px;
}
.woocommerce-shipping-calculator .shipping-calculator-button:hover,
.woocommerce-shipping-calculator .shipping-calculator-button:focus {
color: #ffffff;
}
.woocommerce .shipping-calculator-form button.button {
background-color: rgba(255, 255, 255, 0.2);
}
.woocommerce .shipping-calculator-form #calc_shipping_postcode {
border: none;
background: #fff;
padding: 10px 20px;
height: auto;
border-radius: 4px;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
padding: 0 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
background-color: #fff;
}
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
text-align: center;
font-size: 14px;
font-weight: normal;
color: #000;
text-transform: uppercase;
padding: 10px 0;
border: 0px solid #e5e5e5;
}
.woocommerce-cart .cart-collaterals .cart_totals table .cart-subtotal td,
.woocommerce-cart .cart-collaterals .cart_totals table .order-total td,
.woocommerce-cart .cart-collaterals .cart_totals table .cart-subtotal strong,
.woocommerce-cart .cart-collaterals .cart_totals table .order-total strong {
font-weight: normal;
}
.woocommerce ul#shipping_method {
line-height: 2;
}
.woocommerce ul#shipping_method li {
padding: 0;
text-indent: 0;
}
.woocommerce ul#shipping_method li input[type=radio] {
margin: 0;
vertical-align: middle;
}
.woocommerce ul#shipping_method li label {
font-weight: normal;
margin: 0;
}
.woocommerce ul#shipping_method .amount {
font-weight: normal;
}
p.return-to-shop {
margin-bottom: 80px !important;
}
.cross-sells .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.cross-sells .owl-nav div i {
font-size: 24px;
color: #ffffff;
line-height: 44px;
}
.cross-sells .owl-nav div:hover {
background-color: var(--primary_color);
}
.cross-sells .owl-nav .owl-prev {
left: -10px;
}
.cross-sells .owl-nav .owl-next {
right: -10px;
}
input#calc_shipping_city {
background: #fff;
height: auto;
border-radius: 3px;
padding: 10px 20px;
} .site-content-single-product .single-product-info {
margin: 0 -15px;
position: relative;
background-color: #ffffff;
padding: 30px 0px;
overflow: hidden;
}
.site-content-single-product .single-product-info.custom-page-layout {
padding: 0;
}
.site-content-single-product .single-product-info.custom-page-layout .single-product-image-wrap .product-flash-wrap {
left: 15px;
}
.site-content-single-product .single-product-info.custom-page-layout .single-product-image-wrap.left .product-flash-wrap {
left: 25%;
}
.site-content-single-product .single-product-info .single-product-image-wrap {
float: left;
width: 50%;
padding: 0 15px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-product-gallery {
width: 100%;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-product-gallery__trigger {
width: 32px;
height: 32px;
top: 3px;
right: 3px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider {
height: auto;
margin: 20px auto;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider:hover .slick-arrow {
opacity: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-slide {
display: inline-block;
margin: 0 8px;
outline: none;
clear: none !important;
z-index: 6;
position: relative;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-slide img {
width: 100%;
border: 2px solid transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-slide.slick-active .flex-active {
border-color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-arrow {
opacity: 0;
margin-top: 0;
z-index: 7;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 26px;
height: 26px;
margin-top: -13px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-arrow:hover {
background-color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-arrow:before {
font: normal normal normal 22px/1 FontAwesome;
color: #ffffff;
width: 20px;
height: 20px;
font-weight: 400;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-prev {
left: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-prev:before {
content: '\f104';
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-next {
right: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap .flex-control-thumbs.slick-slider .slick-next:before {
content: '\f105';
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image {
position: relative;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap {
left: 0px;
top: 30px;
z-index: 2;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div {
border-radius: 0;
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: rgba(0, 0, 0, 0.2);
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div:hover {
background-color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div.owl-prev {
left: 0px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner .owl-buttons div.owl-next {
right: 0px;
}
.site-content-single-product .single-product-info .single-product-image-wrap .single-product-image .single-product-image-inner:hover .owl-buttons div {
opacity: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image {
display: block;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1; }
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image:after {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
background-color: #ffffff;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.site-content-single-product .single-product-info .single-product-image-wrap .woocommerce-main-image img {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
padding: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 100%;
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-image-total-1,
.site-content-single-product .single-product-info .single-product-image-wrap .product-thumb-disable {
display: none;
}
.site-content-single-product .single-product-info .single-product-image-wrap .product-thumb-wrap {
width: 100%;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1:hover .owl-nav {
opacity: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div:hover {
color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div.owl-next {
right: 30px;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync1 .owl-nav > div.owl-prev {
left: 30px;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2:hover .owl-nav {
opacity: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div:hover {
background-color: var(--primary_color);
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div.owl-next {
right: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .owl-nav > div.owl-prev {
left: 0;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image {
text-align: center;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a {
margin: 30px 5px;
display: block;
position: relative;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a:before {
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-box-shadow: inset 0 0 0 0px #ffffff;
box-shadow: inset 0 0 0 0px #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .thumbnail-image a:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .synced .thumbnail-image a {
-webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.2);
}
.site-content-single-product .single-product-info .single-product-image-wrap #sync2 .synced .thumbnail-image a:before {
-webkit-box-shadow: inset 0 0 0 5px #ffffff;
box-shadow: inset 0 0 0px 5px #ffffff;
}
.site-content-single-product .single-product-info .summary-product-wrap {
float: left;
width: 50%;
padding: 0 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap h1.product_title {
position: relative;
color: var(--primary_color);
font-weight: normal;
font-size: 25px;
font-weight: 200;
padding-bottom: 5px;
line-height: 1.4;
}
.site-content-single-product .single-product-info .summary-product-wrap h1.product_title a {
color: #1F1F1F;
}
.site-content-single-product .single-product-info .summary-product-wrap h1.product_title:before {
content: none;
width: 100px;
height: 2px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1199px) {
.site-content-single-product .single-product-info .summary-product-wrap h1.product_title {
font-size: 36px;
}
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-product-rating {
margin-top: 10px;
margin-bottom: 20px;
vertical-align: middle;
line-height: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-product-rating .woocommerce-review-link {
font-size: 15px;
line-height: 1.4;
margin-left: 10px;
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-product-rating .star-rating {
float: none;
margin: 0;
display: inline-block;
font-size: 13px;
height: 15px;
vertical-align: middle;
}
.site-content-single-product .single-product-info .summary-product-wrap p.price {
width: 100%;
font-size: 18px;
font-weight: 300;
line-height: 1.2;
font-style: normal;
letter-spacing: 0;
margin-top: 20px;
margin-bottom: 30px;
color: #000000;
}
.site-content-single-product .single-product-info .summary-product-wrap p.price del {
position: relative;
font-size: 20px;
color: #000;
}
.site-content-single-product .single-product-info .summary-product-wrap p.price ins {
text-decoration: none;
}
@media (max-width: 479px) {
.site-content-single-product .single-product-info .summary-product-wrap p.price {
font-size: 20px;
}
}
.site-content-single-product .single-product-info .summary-product-wrap .product-single-short-description {
color: var(--text_color);
margin-bottom: 2px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product-single-short-description p {
margin-bottom: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart {
display: inline-block;
margin-bottom: 30px;
width: 100%;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart div.quantity {
margin-right: 10px;
display:none !important;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart div.quantity label {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart div.quantity input {
height: 40px;
font-size: 16px;
padding: 0 5px 0 15px;
border: 1px solid;
border-radius:5px;
}
.hotlinks{
display: flex;
justify-content: space-between;
font-size:14px;
}
.hotlinks li:hover {
background: var(--primary_color);
color: #fff;
border-color: var(--primary_color);
}
.hotlinks a:hover {
background: var(--primary_color);
color: #fff;
}
.hotlinks-mobile{
display: ;
justify-content: space-between;
font-size:10px;
padding-top:10px;
}
.details-more-button{
border: 1px solid #000000 !important;
border-radius: 4px;
background-color: #FFFFFF;
} .site-content-single-product .single-product-info .summary-product-wrap form.cart .button,
.site-content-single-product .single-product-info .summary-product-wrap form.cart .added_to_cart {
font-size: 18px;
padding-top: 7px;
text-transform: uppercase;
padding-bottom: 7px;
height: 40px;
min-width: 100%;
background-color: #50b6a857;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .button:hover,
.site-content-single-product .single-product-info .summary-product-wrap form.cart .added_to_cart:hover {
background-color: #fff;
}
@media (max-width: 479px) {
.site-content-single-product .single-product-info .summary-product-wrap form.cart .button,
.site-content-single-product .single-product-info .summary-product-wrap form.cart .added_to_cart {
width: 100%;
}
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .button.added {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table {
border: none;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td {
padding-bottom: 20px;
line-height: 42px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.label {
padding: 0 10px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table label {
font-weight: normal;
font-size: 15px;
color: #1f1f1f;
margin: 0;
line-height: 42px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price {
font-weight: normal;
line-height: 42px;
font-size: 18px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price ins {
display: inline-block;
text-decoration: none;
color: inherit;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price del {
display: inline-block;
font-size: 16px;
color: #a0a0a0;
opacity: 1;
margin-right: 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap form.cart .group_table td.price .out-of-stock {
display: flex;
margin-bottom: 0;
color: #cacaca;
font-size: 11px;
margin-left: 3px;
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-variation {
margin: 20px 0;
}
.site-content-single-product .single-product-info .summary-product-wrap .woocommerce-variation .woocommerce-variation-price .price ins {
text-decoration: none;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations {
width: 100%;
margin: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations tr:nth-child(3) td {
padding: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations td {
display: flex;
text-align: left; }
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations td.label {
padding: 0;
width:33%;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations tr + tr td,
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations tr + tr td.label {
padding: 0 0 0 0;
float:left !important;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations td.label label {
font-weight: normal;
line-height: 42px;
margin-bottom: 0;
padding-right: 10px;
text-transform: uppercase;
font-size: 12px;
color: #000000;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation_wrap:after,
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .variations_button:after {
content: "";
display: block;
clear: both;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation span.price {
font-size: 24px !important;
color: var(--primary_color);
line-height: 1;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist {
margin-left: 0px;
display: inline-block;
margin-top: 0;
text-align: center;
line-height: 48px;
margin-bottom: 20px;
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
font-size: 0;
width: 50px;
height: 50px;
border: 1px solid #eeeeee;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a {
display: block;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img {
display: none !important;
}
.site-content-single-product .single-product-info .summary-product-wrap .yith-wcwl-add-to-wishlist i {
line-height: 48px;
font-size: 18px;
margin-right: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function {
display: none;
margin-top: 20px;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-to-wishlist {
margin: 0 15px 0 0;
display: inline-block;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist {
font-size: 13px;
color: #777;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a:hover:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a:hover:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist:hover:before {
color: #ffffff;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .compare.added:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistaddedbrowse a:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-wishlistexistsbrowse a:before,
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .yith-wcwl-add-button a.add_to_wishlist:before {
font-family: FontAwesome;
content: "\f004";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 11px;
vertical-align: middle;
width: 36px;
height: 36px;
background-color: #FAFAFA;
line-height: 36px;
text-align: center;
border-radius: 100%;
display: inline-block;
color: #888888;
margin-right: 10px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .compare.added:before {
content: "\f012";
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function a.compare {
font-size: 13px;
color: #777;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function a.compare i {
font-size: 11px;
vertical-align: middle;
width: 36px;
height: 36px;
background-color: #FAFAFA;
line-height: 36px;
text-align: center;
border-radius: 100%;
display: inline-block;
color: #888888;
margin-right: 10px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function a.compare:hover i {
color: #ffffff;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .feedback {
display: none !important;
}
.site-content-single-product .single-product-info .summary-product-wrap .single-product-function .fa-heart-o {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta > span {
display: block;
padding-bottom: 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta > span + span {
margin-top: 5px;
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta .yith-wcbr-brands-logo {
padding: 0px;
margin: 0px;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta .yith-wcbr-brands {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .product_meta label {
text-transform: uppercase;
font-weight: 400;
margin-bottom: 0;
font-weight: bold;
color: #000000;
width: auto;
}
.site-content-single-product .single-product-info .summary-product-wrap .stock {
display: none;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap label {
font-weight: bold;
color: #000000;
text-transform: uppercase;
margin-bottom: 20px;
}
.site-content-single-product .single-product-info .summary-product-wrap .select_option {
margin-right: 15px;
}
.site-content-single-product .single-product-info .summary-product-wrap .select_option span {
font-weight: bold;
color: var(--text_color_fade_50);
}
.site-content-single-product .single-product-info .summary-product-wrap .select_option.selected span {
color: #000000;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap {
width: 100%;
text-align: left;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share {
display: inline-block;
padding: 0;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li {
margin-right: 5px;
margin-bottom: 10px;
display: inline-block;
text-align: center;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li a {
padding: 1px 10px;
border-radius: 3px;
display: block;
border: 1px solid var(--text_color_fade_80);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li a i:before {
padding-right: 5px;
}
.site-content-single-product .single-product-info .summary-product-wrap .social-share-wrap .social-share li a:hover {
background-color: var(--primary_color);
color: #ffffff;
border-color: var(--primary_color);
}
.site-content-single-product .single-product-info .yith-wcwl-add-to-wishlist {
display: none;
}
.site-content-single-product .single-product-info .compare {
display: none;
}
@media (max-width: 768px) {
.site-content-single-product .single-product-info .single-product-image-wrap {
width: 100%;
}
.site-content-single-product .single-product-info .summary-product-wrap {
width: 100%;
}
.site-content-single-product .single-product-info .summary-product-wrap h1 {
padding-top: 30px;
}
}
.site-content-single-product .single-product-info.custom-page-layout .single-product-image-wrap {
width: 100%;
}
.site-content-single-product .single-product-info.custom-page-layout .summary-product-wrap {
width: 100%;
}
.site-content-single-product.modal .single-product-info {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.site-content-single-product.modal .single-product-info .single-product-image-wrap .single-product-image .product-flash-wrap {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-product-wrap .single-product-inner {
margin-bottom: 60px;
}
.single-product-wrap .full {
margin: 0 60px;
}
.single-product-wrap .full .site-content-single-product .single-product-inner {
margin-bottom: 60px;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info {
padding: 0;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info.custom-page-layout .single-product-image-wrap {
width: 100%;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info.custom-page-layout .summary-product-wrap {
width: 100%;
padding: 0 15px;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
padding: 0;
text-align: center;
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 70%;
}
@media (max-width: 991px) {
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .single-product-image-wrap {
width: 100%;
}
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .summary-product-wrap {
padding: 75px 10% 75px 70px;
}
@media (max-width: 1440px) {
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .summary-product-wrap {
padding: 30px 15px;
}
}
@media (max-width: 991px) {
.single-product-wrap .full .site-content-single-product .single-product-inner .product .single-product-info .summary-product-wrap {
width: 100%;
float: none;
}
}
.single-product-wrap .full .site-content-single-product .single-product-inner .product.product-type-variable .single-product-info .single-product-image-wrap .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .attachment-shop_single {
width: 70% !important;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs {
margin-top: 0;
padding: 0px 0;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container {
width: 100%;
border: none;
background-color: transparent;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs {
background-color: transparent;
margin-bottom: 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li {
border-radius: 0;
background-color: #ffffff;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li a {
padding: 7px 15px;
border-radius: 0;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li:first-child a {
padding-left: 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li:last-child a {
padding-right: 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li:after {
display: none;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container ul.tabs li.active a {
color: var(--primary_color);
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container .panel {
width: 100%;
padding: 60px 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container .panel#tab-description p {
position: relative;
width: 50%;
float: left;
text-align: left;
padding-left: 30px;
}
.single-product-wrap .full .site-content-single-product .woocommerce-tabs .container .panel#tab-description p:before {
content: '';
height: 100%;
width: 2px;
background-color: #eeeeee;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1299px) {
.single-product-wrap .full {
margin: 0 15px;
}
} .woocommerce div.product .woocommerce-tabs.list .accessories ul.tabs .accessories_tab.active a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs.list .accessories ul.tabs .accessories_tab a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs.list .description ul.tabs .description_tab.active a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs.list .description ul.tabs .description_tab a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs.list .reviews ul.tabs .reviews_tab.active a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs.list .reviews ul.tabs .reviews_tab a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs.list .additional_information ul.tabs .additional_information_tab.active a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs.list .additional_information ul.tabs .additional_information_tab a {
color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs:after {
content: "";
display: block;
clear: both;
}
.woocommerce div.product .woocommerce-tabs .container {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: center;
padding: 0px;
background-color: #ffffff;
margin: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 1px;
border: none;
background-color: var(--text_color_fade_50);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
position: relative;
z-index: 1;
display: inline-block;
font-weight: bold;
border: none;
background-color: transparent;
margin: 0;
padding: 0;
background-color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 24px;
font-weight: bold;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
padding: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a {
padding-left: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child a {
padding-right: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
color: var(--primary_color);
}
@media (max-width: 599px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 18px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child a {
padding-left: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child a {
padding-right: 15px;
}
}
.woocommerce div.product .woocommerce-tabs .panel {
position: relative;
overflow: hidden;
margin: 0 auto;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 40px 10px;
padding-top: 0;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
display: none;
font-size: 24px;
position: relative;
}
.woocommerce div.product .woocommerce-tabs .panel #reviews h2 {
display: block;
}
.woocommerce div.product .woocommerce-tabs .panel .commentlist {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel #review_form_wrapper {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes th {
padding: 8px 8px 8px 30px;
}
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes .alt th,
.woocommerce div.product .woocommerce-tabs .panel .shop_attributes .alt td {
background-color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs #tab-description {
line-height: 1.8;
text-align: left;
}
.woocommerce div.product .woocommerce-tabs #tab-description .wc-content > h2 {
display: none;
}
.woocommerce div.product .woocommerce-tabs .accessories {
margin-bottom: 35px;
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap:hover .product-item-inner .product-info .add-to-cart-wrap,
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap:hover .product-item-inner .product-info .yith-wcwl-add-to-wishlist,
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap:hover .product-item-inner .product-info .compare {
display: none;
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap:hover .product-item-inner .product-info .price {
opacity: 1;
}
.woocommerce div.product .woocommerce-tabs .accessories.grid .product-item-wrap {
float: left;
}
.woocommerce div.product .woocommerce-tabs .accessories.grid .product-item-wrap:before {
content: '+';
position: absolute;
top: 40%;
font-size: 20px;
left: -6px;
z-index: 3;
color: var(--text_color_lighten_40);
}
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-4 .product-item-wrap {
width: 20%;
}
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-3 .product-item-wrap {
width: 25%;
}
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-2 .product-item-wrap {
width: 14%;
}
@media (max-width: 1024px) {
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-4 .product-item-wrap,
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-3 .product-item-wrap {
width: 33.33%;
}
}
@media (max-width: 480px) {
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-4 .product-item-wrap,
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-3 .product-item-wrap,
.woocommerce div.product .woocommerce-tabs .accessories.grid.column-2 .product-item-wrap {
width: 50%;
}
}
.woocommerce div.product .woocommerce-tabs .accessories .product-view {
float: none;
}
@media (max-width: 480px) {
.woocommerce div.product .woocommerce-tabs .accessories .product-view .row {
margin: 0;
}
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-dots {
position: absolute;
right: 0;
bottom: -10px;
margin-right: 30px;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-dots > div {
width: 10px;
height: 10px;
background: #eee;
border-radius: 50%;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 0 2px;
display: inline-block;
float: right;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-dots > div.active,
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-dots > div:hover {
background: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav {
display: none;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav div i {
font-size: 24px;
color: #ffffff;
line-height: 44px;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav div:hover {
background-color: var(--primary_color);
}
@media (max-width: 500px) {
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav .owl-prev {
left: 10px !important;
}
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav .owl-next {
right: 10px;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .product-item-wrap:before {
content: '+';
position: absolute;
top: 40%;
font-size: 20px;
left: -6px;
z-index: 3;
color: var(--text_color_lighten_40);
}
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .product-static {
width: 20%;
float: left;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .yolo-slider {
float: right;
width: 80%;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .product-static {
width: 25%;
float: left;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .yolo-slider {
float: right;
width: 75%;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-2 .product-static {
width: calc(100%/3);
float: left;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-2 .yolo-slider {
float: right;
width: calc(2*100%/3);
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .product-static:before {
content: '+' !important;
position: absolute;
top: 40%;
font-size: 20px;
right: -6px;
left: auto;
z-index: 3;
color: var(--text_color_lighten_40);
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav div i {
font-size: 24px;
color: #ffffff;
line-height: 44px;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav div:hover {
background-color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav .owl-prev {
left: 10px;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider .owl-nav .owl-next {
right: 10px;
}
@media (max-width: 1024px) {
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .product-static,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .product-static {
width: 33.33333333%;
}
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .yolo-slider,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .yolo-slider {
width: calc(2*100%/3);
}
}
@media (max-width: 991px) {
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .product-static,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .product-static,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-2 .product-static,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .yolo-slider,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .yolo-slider,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-2 .yolo-slider {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .product-static,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .product-static,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-2 .product-static,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-4 .yolo-slider,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-3 .yolo-slider,
.woocommerce div.product .woocommerce-tabs .accessories.slider.column-2 .yolo-slider {
width: 100%;
float: none;
}
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap .product-item-inner:before {
content: '+';
position: absolute;
top: 40%;
font-size: 20px;
left: -15px;
z-index: 3;
color: var(--text_color_lighten_40);
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap.ac-first:before {
content: '';
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap .product-thumb .product-link {
display: none;
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap .product-actions {
display: none;
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap .product-info .star-rating {
display: none;
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap.product-not-checked {
cursor: not-allowed;
opacity: 0.3;
}
.woocommerce div.product .woocommerce-tabs .accessories .product-item-wrap.product-not-checked:hover .product-item-inner {
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs .accessories .check-products {
margin-top: 30px;
display: inline-block;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs .accessories .total-price h3 {
margin-top: 10;
}
.woocommerce div.product .woocommerce-tabs .accessories .total-price h4 {
margin-bottom: 20px;
color: var(--text_color);
}
.woocommerce div.product .woocommerce-tabs .accessories .accessories-add-to-cart .add-to-cart {
font-size: 18px;
color: #fff;
padding-top: 7px;
text-transform: uppercase;
padding-bottom: 7px;
height: 50px;
min-width: 215px;
border: none;
background-color: var(--secondary_color);
border-radius: 3px;
font-weight: bold;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.woocommerce div.product .woocommerce-tabs .accessories .accessories-add-to-cart .add-to-cart:hover {
background-color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs .accessories .accessories-add-to-cart .add-to-cart.ac-loading {
cursor: no-drop;
opacity: 0.3;
}
@media (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs div.panel {
width: 100%;
}
} @media (max-width: 767px) {
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
}
.woocommerce #reviews #comments ol.commentlist li {
margin: 0;
border-bottom: 1px solid #eeeeee;
padding: 25px 0px;
}
.woocommerce #reviews #comments ol.commentlist li:last-child {
border-color: transparent;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 70px;
height: 70px;
padding: 0;
margin: 0;
border: none;
position: static;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 80px;
padding: 0 10px 0px 10px;
border: none;
position: relative;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
float: right;
margin: 0px;
}
@media (max-width: 479px) {
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
float: none;
margin-bottom: 10px;
}
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
margin-right: 20px;
color: #000000;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time {
font-size: 12px;
text-transform: capitalize;
}
@media (max-width: 767px) {
.woocommerce #reviews #comments h2 {
font-size: 20px;
}
}
.woocommerce #review_form #respond h3.comment-reply-title {
font-size: 18px;
margin-bottom: 15px;
position: relative;
font-weight: normal;
}
.woocommerce #review_form #respond p {
margin: 0px;
width: 100%;
float: none;
}
.woocommerce #review_form #respond p p.stars {
display: inline-block;
line-height: 1;
padding: 0px;
}
.woocommerce #review_form #respond p.form-submit {
margin-top: 30px;
}
.woocommerce #review_form #respond p.form-submit input {
padding: 15px;
}
.woocommerce #review_form #respond .comment-fields-wrap .row {
margin: 0;
}
.woocommerce #review_form #respond .comment-fields-wrap .row label {
margin-top: 20px;
margin-bottom: 10px;
color: #000000;
}
.woocommerce #review_form #respond .comment-fields-wrap .row .comment-form-rating:hover label,
.woocommerce #review_form #respond .comment-fields-wrap .row .comment-form-comment:hover label {
color: var(--primary_color);
}
.woocommerce #review_form #respond .comment-form-rating label,
.woocommerce #review_form #respond .comment-form-comment label {
color: #000000;
margin-top: 20px;
margin-bottom: 10px;
}
.cross-sells h4.widget-title,
.upsells.products h4.widget-title,
.related.products h4.widget-title {
text-transform: uppercase;
text-align: center;
border: none;
padding: 20px 0px 10px;
}
.cross-sells .slider,
.upsells.products .slider,
.related.products .slider {
margin: 5px;
}
.cross-sells .slider .product-item-wrap,
.upsells.products .slider .product-item-wrap,
.related.products .slider .product-item-wrap {
padding: 0 15px;
}
.cross-sells .owl-theme .owl-controls,
.upsells.products .owl-theme .owl-controls,
.related.products .owl-theme .owl-controls {
margin: 0;
height: 0;
position: absolute;
top: -98px;
right: 15px;
}
.cross-sells .owl-nav div,
.upsells.products .owl-nav div,
.related.products .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.cross-sells .owl-nav div i,
.upsells.products .owl-nav div i,
.related.products .owl-nav div i {
font-size: 24px;
color: #ffffff;
line-height: 44px;
}
.cross-sells .owl-nav div:hover,
.upsells.products .owl-nav div:hover,
.related.products .owl-nav div:hover {
background-color: var(--primary_color);
}
.cross-sells .owl-nav .owl-prev,
.upsells.products .owl-nav .owl-prev,
.related.products .owl-nav .owl-prev {
left: 15px;
display:none;
}
.cross-sells .owl-nav .owl-next,
.upsells.products .owl-nav .owl-next,
.related.products .owl-nav .owl-next {
right: 15px;
display:none;
}
.site-content-single-product .related.products h4.widget-title {
text-transform: uppercase;
text-align: center;
letter-spacing: 3px;
padding: 50px 0px 10px;
background-color: #ffffff;
}
.upsells,
.cross-sells {
margin-top: 10px;
}
.related .widget-title {
position: relative;
border: none !important;
text-align: center;
text-transform: uppercase;
margin: 0;
z-index: 1;
}
.related .slider .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.related .slider .owl-nav div i {
font-size: 24px;
color: #ffffff;
line-height: 44px;
}
.related .slider .owl-nav div:hover {
background-color: var(--primary_color);
}
.related .slider .owl-nav .owl-prev {
left: 15px;
}
.related .slider .owl-nav .owl-next {
right: 15px;
}
.related .slider .product-item-wrap {
padding: 0px 10px;
}
.related .slider .product-item-wrap .product-info h3 {
margin-bottom: 20px;
width: 100%;
}
.woocommerce.slider .product {
margin-bottom: 25px;
padding: 0px 5px;
}
.variable-items-wrapper.color-variable-wrapper { display: flex;
padding-left: 15px;
list-style: none;
}
.variable-items-wrapper.color-variable-wrapper > li {
width: 38px !important;
height: 28px !important; display: flex;
padding: 0;
margin-right: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid rgba(0, 0, 0, 0.3);
cursor: pointer;
position: relative;
vertical-align: middle;
}
.variable-items-wrapper.color-variable-wrapper > li.selected {
cursor: pointer;
border-color: var(--primary_color);
}
.variable-items-wrapper.label-variable-wrapper {
padding-left: 15px;
}
.variable-items-wrapper.label-variable-wrapper > li {
cursor: pointer;
position: relative;
padding: 0px 10px;
border: 1px solid #eee;
margin-right: 5px;
}
.variable-items-wrapper.label-variable-wrapper > li.selected {
cursor: pointer;
border-color: var(--primary_color);
}
.variable-items-wrapper.image-variable-wrapper {
display: flex;
padding-left: 15px;
padding-bottom: 5px;
list-style: none;
margin-bottom: 0 !important;
}
.variable-items-wrapper.image-variable-wrapper > li {
width: 90px !important;
height: 50px !important; display: flex;
padding: 0;
margin-right: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border: 0px solid rgba(0, 0, 0, 0.3);
cursor: pointer;
position: relative;
vertical-align: middle;
}
.variable-items-wrapper.image-variable-wrapper > li.selected {
cursor: pointer;
border: 1px solid #000;
border-color: var(--primary_color);
}
.woocommerce div.product .woocommerce-tabs > h4 {
font-size: 30px;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-tabs.accessories-list {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs.accessories-list .accessories .product-listing .product-item-wrap {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs.accessories-list .accessories .product-listing .product-item-wrap:before {
top: -30px;
left: 60px;
}
.woocommerce div.product .woocommerce-tabs.accessories-list .accessories .product-listing .product-item-wrap .product-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce div.product .woocommerce-tabs.accessories-list .accessories .product-listing .product-item-wrap .product-item-inner .product-thumb {
max-width: 100px;
}
.woocommerce div.product .woocommerce-tabs.accessories-list .accessories .product-listing .product-item-wrap .product-item-inner .product-info {
padding-left: 15px;
padding-right: 15px;
}
#review_form_wrapper {
padding: 0 0px;
}
#yolo-product-nav .product-navigation {
display: table;
width: 100%;
}
#yolo-product-nav .product-navigation .yolo-product-prev,
#yolo-product-nav .product-navigation .yolo-product-next {
display: table-cell;
width: 50%;
text-transform: uppercase;
font-weight: bold;
}
#yolo-product-nav .product-navigation .yolo-product-next {
text-align: right;
}
#yolo-product-nav .product-navigation .yolo-product-next a:after {
content: '\f101';
font-family: FontAwesome;
margin-left: 5px;
display: inline-block;
}
#yolo-product-nav .product-navigation .yolo-product-prev a:before {
content: '\f100';
font-family: FontAwesome;
margin-right: 5px;
display: inline-block;
}
.single-product .pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li a:hover {
border-color: var(--primary_color);
}
.single-product .pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li.selected a {
border-color: var(--primary_color);
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery {
margin-top: -60px;
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul {
height: 50px;
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li a {
height: 50px;
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li a:hover {
border-color: var(--primary_color);
}
.pp_pic_holder .pp_content_container .pp_left .pp_right .pp_content .pp_fade .pp_gallery ul li.selected a {
border-color: var(--primary_color);
}
.yl_page_builder.column-3 ul {
margin: 0 -15px;
}
.yl_page_builder.column-3 ul li {
padding: 15px;
width: 33%;
margin: 0 !important;
float: left;
}
.yl_page_builder.column-2 ul {
margin: 0 -15px;
}
.yl_page_builder.column-2 ul li {
width: 50%;
padding: 15px;
margin: 0 !important;
float: left;
}
.yl_page_builder.column-1 ul li {
width: 100%;
margin-bottom: 30px !important;
float: left;
}
.yl_page_builder.column-1 ul li a img {
width: 100%;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: 10px 4px 0 0;
}  .overlay-bg-vc-wapper {
position: relative;
}
.yolo_parallax_effect {
background-attachment: fixed;
}
.overlay-bg-vc {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fullwidth {
width: 100%;
overflow: hidden;
}
.fullwidth:before,
.fullwidth:after {
content: "";
display: table;
}
.fullwidth:after {
clear: both;
}
.content-middle {
display: table;
width: 100%;
}
.content-middle-inner {
display: table-cell;
vertical-align: middle;
width: 100%;
}
#yolo-content-wrapper .wpb_row,
#yolo-content-wrapper .wpb_content_element,
#yolo-content-wrapper ul.wpb_thumbnails-fluid > li,
#yolo-content-wrapper .last_toggle_el_margin,
#yolo-content-wrapper .wpb_button {
margin-bottom: 0; }
.vc_separator .vc_sep_holder {
padding-bottom: 1px;
}
.no-border {
border: 0 !important;
}
.no-padding {
padding: 0;
}
.no-padding-vc div[class*=vc_col-] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-margin-vc {
margin-left: 0 !important;
margin-right: 0 !important;
}
.height-auto {
height: auto !important;
}
.bg-content-box {
background-clip: content-box;
}
.bg-column {
background-clip: content-box;
background-size: contain;
background-position: center;
}
.margin-bottom-5 {
margin-bottom: 5px !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-15 {
margin-bottom: 15px !important;
}
.margin-top-5 {
margin-top: 5px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-15 {
margin-top: 15px;
}
@media screen and (max-width: 991px) {
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35 {
margin-bottom: 15px !important;
}
.margin-bottom-40 {
margin-bottom: 20px !important;
}
.margin-bottom-45 {
margin-bottom: 25px !important;
}
.margin-bottom-50 {
margin-bottom: 30px !important;
}
.margin-bottom-55 {
margin-bottom: 35px !important;
}
.margin-bottom-60 {
margin-bottom: 40px !important;
}
.margin-bottom-65 {
margin-bottom: 45px !important;
}
.margin-bottom-70 {
margin-bottom: 50px !important;
}
.margin-bottom-75 {
margin-bottom: 55px !important;
}
.margin-bottom-80 {
margin-bottom: 60px !important;
}
.margin-bottom-85 {
margin-bottom: 65px !important;
}
.margin-bottom-90 {
margin-bottom: 70px !important;
}
.margin-bottom-95 {
margin-bottom: 75px !important;
}
.margin-bottom-100 {
margin-bottom: 80px !important;
}
.margin-top-20,
.margin-top-25,
.margin-top-30,
.margin-top-35 {
margin-top: 15px !important;
}
.margin-top-40 {
margin-top: 20px !important;
}
.margin-top-45 {
margin-top: 25px !important;
}
.margin-top-50 {
margin-top: 30px !important;
}
.margin-top-55 {
margin-top: 35px !important;
}
.margin-top-60 {
margin-top: 40px !important;
}
.margin-top-65 {
margin-top: 45px !important;
}
.margin-top-70 {
margin-top: 50px !important;
}
.margin-top-75 {
margin-top: 55px !important;
}
.margin-top-80 {
margin-top: 60px !important;
}
.margin-top-85 {
margin-top: 65px !important;
}
.margin-top-90 {
margin-top: 70px !important;
}
.margin-top-95 {
margin-top: 75px !important;
}
.margin-top-100 {
margin-top: 80px !important;
}
}
@media screen and (max-width: 480px) {
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45 {
margin-bottom: 15px !important;
}
.margin-bottom-50 {
margin-bottom: 20px !important;
}
.margin-bottom-55 {
margin-bottom: 25px !important;
}
.margin-bottom-60 {
margin-bottom: 30px !important;
}
.margin-bottom-65 {
margin-bottom: 35px !important;
}
.margin-bottom-70 {
margin-bottom: 40px !important;
}
.margin-bottom-75 {
margin-bottom: 45px !important;
}
.margin-bottom-80 {
margin-bottom: 50px !important;
}
.margin-bottom-85 {
margin-bottom: 55px !important;
}
.margin-bottom-90 {
margin-bottom: 60px !important;
}
.margin-bottom-95 {
margin-bottom: 65px !important;
}
.margin-bottom-100 {
margin-bottom: 70px !important;
}
.margin-bottom-105 {
margin-bottom: 75px !important;
}
.margin-bottom-110 {
margin-bottom: 80px !important;
}
.margin-bottom-115 {
margin-bottom: 85px !important;
}
.margin-bottom-120 {
margin-bottom: 90px !important;
}
.margin-top-20,
.margin-top-25,
.margin-top-30,
.margin-top-35,
.margin-top-40,
.margin-top-45 {
margin-top: 15px !important;
}
.margin-top-50 {
margin-top: 20px !important;
}
.margin-top-55 {
margin-top: 25px !important;
}
.margin-top-60 {
margin-top: 30px !important;
}
.margin-top-65 {
margin-top: 35px !important;
}
.margin-top-70 {
margin-top: 40px !important;
}
.margin-top-75 {
margin-top: 45px !important;
}
.margin-top-80 {
margin-top: 50px !important;
}
.margin-top-85 {
margin-top: 55px !important;
}
.margin-top-90 {
margin-top: 60px !important;
}
.margin-top-95 {
margin-top: 65px !important;
}
.margin-top-100 {
margin-top: 70px !important;
}
.margin-top-105 {
margin-top: 75px !important;
}
.margin-top-110 {
margin-top: 80px !important;
}
.margin-top-115 {
margin-top: 85px !important;
}
.margin-top-120 {
margin-top: 90px !important;
}
}
@media screen and (min-width: 992px) {
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-bottom-25 {
margin-bottom: 25px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-bottom-35 {
margin-bottom: 35px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
.margin-bottom-45 {
margin-bottom: 45px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
.margin-bottom-55 {
margin-bottom: 55px !important;
}
.margin-bottom-60 {
margin-bottom: 60px !important;
}
.margin-bottom-65 {
margin-bottom: 65px !important;
}
.margin-bottom-70 {
margin-bottom: 70px !important;
}
.margin-bottom-75 {
margin-bottom: 75px !important;
}
.margin-bottom-80 {
margin-bottom: 80px !important;
}
.margin-bottom-85 {
margin-bottom: 85px !important;
}
.margin-bottom-90 {
margin-bottom: 90px !important;
}
.margin-bottom-95 {
margin-bottom: 95px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
}
.margin-bottom-105 {
margin-bottom: 105px !important;
}
.margin-bottom-110 {
margin-bottom: 110px !important;
}
.margin-bottom-115 {
margin-bottom: 115px !important;
}
.margin-bottom-120 {
margin-bottom: 120px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-25 {
margin-top: 25px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-35 {
margin-top: 35px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-top-45 {
margin-top: 45px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-top-55 {
margin-top: 55px !important;
}
.margin-top-60 {
margin-top: 60px !important;
}
.margin-top-65 {
margin-top: 65px !important;
}
.margin-top-70 {
margin-top: 70px !important;
}
.margin-top-75 {
margin-top: 75px !important;
}
.margin-top-80 {
margin-top: 80px !important;
}
.margin-top-85 {
margin-top: 85px !important;
}
.margin-top-90 {
margin-top: 90px !important;
}
.margin-top-95 {
margin-top: 95px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.margin-top-105 {
margin-top: 105px !important;
}
.margin-top-110 {
margin-top: 110px !important;
}
.margin-top-115 {
margin-top: 115px !important;
}
.margin-top-120 {
margin-top: 120px !important;
}
}
.height-1000 {
height: 1000px;
}
.height-900 {
height: 900px;
}
.height-800 {
height: 800px;
}
.height-700 {
height: 700px;
}
.height-600 {
height: 600px;
}
.height-500 {
height: 500px;
}
.height-400 {
height: 400px;
}
.height-300 {
height: 300px;
}
.height-200 {
height: 200px;
}
.height-100 {
height: 100px;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.md-padding-right-100 {
padding-right: 100px;
}
.md-padding-left-100 {
padding-left: 100px;
}
}
@media (max-width: 1199px) {
.md-margin-bottom-15 {
margin-bottom: 15px !important;
}
.md-margin-bottom-30 {
margin-bottom: 30px !important;
}
.md-margin-bottom-40 {
margin-bottom: 40px !important;
}
.md-margin-bottom-50 {
margin-bottom: 50px !important;
}
}
@media (max-width: 991px) {
.sm-margin-bottom-15 {
margin-bottom: 15px !important;
}
.sm-margin-bottom-30 {
margin-bottom: 30px !important;
}
.sm-margin-bottom-40 {
margin-bottom: 40px !important;
}
.sm-margin-bottom-50 {
margin-bottom: 50px !important;
}
.sm-height-1000 {
height: 1000px;
}
.sm-height-900 {
height: 900px;
}
.sm-height-800 {
height: 800px;
}
.sm-height-700 {
height: 700px;
}
.sm-height-600 {
height: 600px;
}
.sm-height-500 {
height: 500px;
}
.sm-height-400 {
height: 400px;
}
.sm-height-300 {
height: 300px;
}
.sm-height-200 {
height: 200px;
}
.sm-height-100 {
height: 100px;
}
}
@media (max-width: 767px) {
.xs-margin-bottom-15 {
margin-bottom: 15px !important;
}
.xs-margin-bottom-30 {
margin-bottom: 30px !important;
}
.xs-margin-bottom-40 {
margin-bottom: 40px !important;
}
.xs-margin-bottom-50 {
margin-bottom: 50px !important;
}
.xs-height-1000 {
height: 1000px;
}
.xs-height-900 {
height: 900px;
}
.xs-height-800 {
height: 800px;
}
.xs-height-700 {
height: 700px;
}
.xs-height-600 {
height: 600px;
}
.xs-height-500 {
height: 500px;
}
.xs-height-400 {
height: 400px;
}
.xs-height-300 {
height: 300px;
}
.xs-height-200 {
height: 200px;
}
.xs-height-100 {
height: 100px;
}
}
.text-left-xs-center {
text-align: left;
}
.text-right-xs-center {
text-align: right;
}
@media (max-width: 767px) {
.text-left-xs-center {
text-align: center;
}
.text-right-xs-center {
text-align: center;
}
}
.vc-content-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} @-webkit-keyframes yolo_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes yolo_bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.wpb_start_animation.wpb_bounce {
-webkit-animation-name: yolo_bounce;
animation-name: yolo_bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes yolo_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes yolo_flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.wpb_start_animation.wpb_flash {
-webkit-animation-name: yolo_flash;
animation-name: yolo_flash;
}
@-webkit-keyframes yolo_pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes yolo_pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_pulse {
-webkit-animation-name: yolo_pulse;
animation-name: yolo_pulse;
}
@-webkit-keyframes yolo_rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
opacity: 1;
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
opacity: 1;
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
opacity: 1;
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes yolo_rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
opacity: 1;
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
opacity: 1;
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
opacity: 1;
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
opacity: 1;
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_rubberBand {
-webkit-animation-name: yolo_rubberBand;
animation-name: yolo_rubberBand;
}
@-webkit-keyframes yolo_shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes yolo_shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.wpb_start_animation.wpb_shake {
-webkit-animation-name: yolo_shake;
animation-name: yolo_shake;
}
@-webkit-keyframes yolo_swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
opacity: 1;
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
opacity: 1;
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
opacity: 1;
}
}
@keyframes yolo_swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
opacity: 1;
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
opacity: 1;
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
opacity: 1;
}
}
.wpb_start_animation.wpb_swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: yolo_swing;
animation-name: yolo_swing;
}
@-webkit-keyframes yolo_tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
opacity: 1;
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes yolo_tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
opacity: 1;
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.wpb_start_animation.wpb_tada {
-webkit-animation-name: yolo_tada;
animation-name: yolo_tada;
}
@-webkit-keyframes yolo_wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
opacity: 1;
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
opacity: 1;
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
opacity: 1;
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_wobble {
-webkit-animation-name: yolo_wobble;
animation-name: yolo_wobble;
}
@-webkit-keyframes yolo_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes yolo_bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.wpb_start_animation.wpb_bounceIn {
-webkit-animation-name: yolo_bounceIn;
animation-name: yolo_bounceIn;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes yolo_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInDown {
-webkit-animation-name: yolo_bounceInDown;
animation-name: yolo_bounceInDown;
}
@-webkit-keyframes yolo_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInLeft {
-webkit-animation-name: yolo_bounceInLeft;
animation-name: yolo_bounceInLeft;
}
@-webkit-keyframes yolo_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes yolo_bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInRight {
-webkit-animation-name: yolo_bounceInRight;
animation-name: yolo_bounceInRight;
}
@-webkit-keyframes yolo_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes yolo_bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.wpb_start_animation.wpb_bounceInUp {
-webkit-animation-name: yolo_bounceInUp;
animation-name: yolo_bounceInUp;
}
@-webkit-keyframes yolo_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes yolo_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.wpb_start_animation.wpb_fadeIn {
-webkit-animation-name: yolo_fadeIn;
animation-name: yolo_fadeIn;
}
@-webkit-keyframes yolo_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInDown {
-webkit-animation-name: yolo_fadeInDown;
animation-name: yolo_fadeInDown;
}
@-webkit-keyframes yolo_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInLeft {
-webkit-animation-name: yolo_fadeInLeft;
animation-name: yolo_fadeInLeft;
}
@-webkit-keyframes yolo_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInRight {
-webkit-animation-name: yolo_fadeInRight;
animation-name: yolo_fadeInRight;
}
@-webkit-keyframes yolo_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes yolo_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.wpb_start_animation.wpb_fadeInUp {
-webkit-animation-name: yolo_fadeInUp;
animation-name: yolo_fadeInUp;
}
@-webkit-keyframes yolo_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes yolo_flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.wpb_start_animation.wpb_flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: yolo_flipInX;
animation-name: yolo_flipInX;
}
@-webkit-keyframes yolo_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
opacity: 1;
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes yolo_flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
opacity: 1;
}
}
.wpb_start_animation.wpb_flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: yolo_flipInY;
animation-name: yolo_flipInY;
}
@-webkit-keyframes yolo_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes yolo_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.wpb_start_animation.wpb_zoomIn {
-webkit-animation-name: yolo_zoomIn;
animation-name: yolo_zoomIn;
}
.wpb_start_animation.wpb_fadeIn.yolo-css-animation,
.wpb_start_animation.wpb_fadeInDown.yolo-css-animation,
.wpb_start_animation.wpb_fadeInUp.yolo-css-animation,
.wpb_start_animation.wpb_fadeInLeft.yolo-css-animation,
.wpb_start_animation.wpb_fadeInRight.yolo-css-animation,
.wpb_start_animation.wpb_bounceIn.yolo-css-animation,
.wpb_start_animation.wpb_bounceInDown.yolo-css-animation,
.wpb_start_animation.wpb_bounceInUp.yolo-css-animation,
.wpb_start_animation.wpb_bounceInLeft.yolo-css-animation,
.wpb_start_animation.wpb_bounceInRight.yolo-css-animation,
.wpb_start_animation.wpb_zoomIn.yolo-css-animation,
.wpb_start_animation.wpb_flipInX.yolo-css-animation,
.wpb_start_animation.wpb_flipInY.yolo-css-animation,
.wpb_start_animation.wpb_bounce.yolo-css-animation,
.wpb_start_animation.wpb_flash.yolo-css-animation,
.wpb_start_animation.wpb_shake.yolo-css-animation,
.wpb_start_animation.wpb_pulse.yolo-css-animation,
.wpb_start_animation.wpb_swing.yolo-css-animation,
.wpb_start_animation.wpb_rubberBand.yolo-css-animation,
.wpb_start_animation.wpb_wobble.yolo-css-animation,
.wpb_start_animation.wpb_tada.yolo-css-animation {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.yolo-css-animation {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
filter: alpha(opacity=100);
}
.background-right {
background-position: right bottom !important;
background-repeat: no-repeat !important;
}
.vc_row.vc_row-o-equal-height .yolo-row > .vc_column_container {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}  @media (max-width: 1299px) {
.yolo-full-width > .vc_row,
footer .vc_row {
margin: 0 -15px !important;
}
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent;
border-color: #f0f0f0;
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
font-size: 14px;
font-weight: bold;
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
color: var(--primary_color);
padding: 18px 30px;
line-height: 1.5;
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:before,
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:after {
border-color: var(--primary_color);
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-panel-title a {
color: #ffffff;
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-panel-title a i:before,
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-panel-title a i:after {
border-color: #ffffff;
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a {
color: #ffffff;
}
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a i:before,
.vc_general.accordion1 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a i:after {
border-color: #ffffff;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent;
border-color: #f0f0f0;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
font-size: 14px;
font-weight: bold;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
color: var(--primary_color);
padding: 18px 30px;
line-height: 1.5;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:before,
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:after {
border-color: var(--primary_color);
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-panel-title a {
color: #ffffff;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-panel-title a i:before,
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover .vc_tta-panel-title a i:after {
border-color: #ffffff;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: var(--primary_color);
border-color: var(--primary_color);
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a {
color: #ffffff;
line-height: 1.5;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a i:before,
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a i:after {
border-color: #ffffff;
}
.vc_general.accordion2 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body {
background-color: #fafafa;
}
.vc_tta.vc_general .vc_tta-panel-body {
border: solid transparent;
box-sizing: content-box;
padding: 0px 0px !important;
display: none;
overflow: hidden;
transform: translate3d(0,0,0);
transition: padding .2s ease-in-out;
}
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent;
border: none;
border-bottom: 1px solid var(--primary_color);
}
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
font-size: 14px;
font-weight: bold;
}
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
text-transform: uppercase;
color: var(--primary_color);
padding: 28px 0px;
padding-right: 30px;
line-height: 1.5;
}
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:before,
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:after {
border-color: var(--primary_color);
}
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: transparent;
border-color: var(--primary_color);
}
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: transparent;
border-color: var(--primary_color);
}
.vc_general.accordion3 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title {
font-weight: 900;
}
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {
background-color: transparent;
border: none;
border-bottom: 1px solid var(--primary_color);
}
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
font-size: 14px;
font-weight: bold;
}
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
text-transform: uppercase;
color: var(--primary_color);
padding: 28px 0px;
padding-right: 30px;
line-height: 1.5;
}
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:before,
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a i:after {
border-color: var(--primary_color);
}
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: none;
border-color: var(--primary_color);
}
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: transparent;
border-color: var(--primary_color);
}
.vc_general.accordion4 .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title {
font-weight: 900;
}
.vc_general.tab-style-1 .vc_tta-tabs-container {
border-bottom: 1px solid var(--primary_color);
}
.vc_general.tab-style-1 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
margin: 0 8px;
margin-bottom: -1px;
}
.vc_custom_1682688495021 h2 {
display:none;
}
.woocommerce table.shop_attributes th {
width: 40%;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0,0,0,.1);
margin: 0;
line-height: 1.5;
}
.vc_general.tab-style-1 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
font-size: 14px;
text-transform: uppercase; border: 0px solid var(--primary_color);
}
.vc_general.tab-style-1 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
border-color: transparent;
background-color: #50b6a857;
color: #000000;
border-bottom:1px solid #50b6a857;
}
.vc_general.tab-style-2 .vc_tta-tabs-container {
border-bottom: 1px solid #eeeeee;
}
.vc_general.tab-style-2 .vc_tta-tabs-container .vc_tta-tabs-list {
margin-bottom: -1px;
}
.vc_general.tab-style-2 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
margin: 0 8px;
}
.vc_general.tab-style-2 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
font-size: 18px;
background-color: #eeeeee;
border: 1px solid #eeeeee;
}
.vc_general.tab-style-2 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
background-color: var(--primary_color);
color: #ffffff;
border-color: transparent;
}
.vc_general.tab-style-3 .vc_tta-tabs-container .vc_tta-tabs-list {
margin-bottom: -1px;
}
.vc_general.tab-style-3 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
margin: 0;
}
.vc_general.tab-style-3 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:before {
content: '';
background-color: #eee;
height: 1px;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.vc_general.tab-style-3 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
position: relative;
z-index: 1;
background-color: #ffffff;
font-size: 24px;
border: none;
}
.vc_general.tab-style-3 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover {
color: var(--primary_color);
background-color: #ffffff;
}
.vc_general.tab-style-3 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
font-weight: bold;
color: var(--primary_color);
background-color: #ffffff;
}
.vc_general.tab-style-4 .vc_tta-tabs-container .vc_tta-tabs-list {
margin-bottom: -1px;
}
.vc_general.tab-style-4 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab {
margin: 0;
}
.vc_general.tab-style-4 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
background-color: transparent;
position: relative;
z-index: 1;
background-color: #ffffff;
font-size: 24px;
border: none;
}
.vc_general.tab-style-4 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover {
background-color: transparent;
color: var(--primary_color);
}
.vc_general.tab-style-4 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
background-color: transparent;
font-size: 48px;
color: var(--primary_color);
font-weight: normal;
}
@media (max-width: 991px) {
.vc_general.tab-style-4 .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a {
font-size: 24px;
font-weight: bold;
}
}
.skill_process .vc_general {
height: 4px;
margin: 60px 0;
background-color: var(--primary_color_fade_40);
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.skill_process .vc_general small.vc_label {
position: absolute;
top: -35px;
width: 100%;
font-size: 14px;
padding: 0;
text-transform: uppercase;
color: var(--primary_color) !important;
}
.skill_process .vc_general small.vc_label span {
font-size: 14px;
line-height: 30px;
right: 0;
position: absolute;
}
.skill_process .vc_general span {
border-radius: 0 !important;
}
.skill_process2 .vc_general {
height: 4px;
margin: 60px 0;
background-color: var(--primary_color_fade_40);
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.skill_process2 .vc_general small.vc_label {
position: absolute;
top: -35px;
width: 100%;
font-size: 14px;
padding: 0;
font-style: italic;
text-transform: uppercase;
color: var(--primary_color) !important;
}
.skill_process2 .vc_general small.vc_label span {
margin-left: 30px;
font-size: 14px;
line-height: 30px;
}
.skill_process2 .vc_general span {
border-radius: 0 !important;
}
.gallery_class_3 h2 {
margin-top: 0;
font-size: 30px;
position: relative;
padding-bottom: 25px;
}
.gallery_class_3 h2:after {
content: "";
position: absolute;
width: 75px;
left: 0;
top: 42px;
height: 5px;
background-color: var(--primary_color);
-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.2);
}
.gallery_class_3 ul {
margin: 0 -15px !important;
}
.gallery_class_3 ul li {
width: 33.33%;
padding: 15px !important;
max-width: none!important;
float: left;
display: inline-block;
position: relative!important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
.gallery_class_3 ul li a img {
width: 100%;
}
@media (max-width: 480px) {
.gallery_class_3 ul {
margin: 0 -5px;
}
.gallery_class_3 ul li {
padding: 5px !important;
}
}
.gallery_class_2 h2 {
margin-top: 0;
font-size: 30px;
position: relative;
padding-bottom: 25px;
}
.gallery_class_2 h2:after {
content: "";
position: absolute;
width: 75px;
left: 0;
top: 42px;
height: 5px;
background-color: var(--primary_color);
-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.2);
}
.gallery_class_2 ul {
margin: 0 -15px !important;
}
.gallery_class_2 ul li {
width: 50%;
padding: 15px !important;
max-width: none!important;
float: left;
display: inline-block;
position: relative!important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
.gallery_class_2 ul li a img {
width: 100%;
}
@media (max-width: 480px) {
.gallery_class_2 ul {
margin: 0 -5px;
}
.gallery_class_2 ul li {
padding: 5px !important;
}
}
.gallery_class_2x h2 {
margin-top: 0;
font-size: 30px;
position: relative;
padding-bottom: 25px;
}
.gallery_class_2x h2:after {
content: "";
position: absolute;
width: 75px;
left: 0;
top: 42px;
height: 5px;
background-color: var(--primary_color);
-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.2);
}
.gallery_class_2x ul li {
width: 50%;
max-width: none!important;
float: left;
display: inline-block;
position: relative!important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
.gallery_class_2x ul li a img {
width: 100%;
}
@media (max-width: 480px) {
.gallery_class_2x ul {
margin: 0 -5px;
}
.gallery_class_2x ul li {
padding: 5px !important;
}
}
.vc_general.vc_btn3.vc_btn3-shape-square {
border-radius: 3px;
font-weight: bold;
}     .navbar-nav,
.navbar-nav a,
.navbar-nav ul,
.navbar-nav li,
.navbar-nav div,
.navbar-nav form,
.navbar-nav input {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.navbar-nav a {
text-decoration: none;
}
.navbar-nav {
display: inline-block;
cursor: default;
}
.navbar-nav li {
list-style: none;
}
.navbar-nav > li > a {
position: relative;
display: block;
z-index: 510;
padding: 20px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar-nav > li > a span.yolo_sub_label {
font-size: 11px;
} span.yolo_sub_label {
font-size: 10px;
font-weight: normal;
color: #eeeeee;
letter-spacing: 0;
line-height: 1;
display: inline-block;
padding: 1px 2px;
vertical-align: baseline;
margin-left: 4px;
border-radius: 2px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
top: -1px;
} .navbar-nav > li.menu_style_column > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
display: none;
width: 100%;
top: 98%;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #ffffff;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_column:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_column.mega-fullwidth {
position: inherit;
}
.navbar-nav > li.menu_style_column.mega-fullwidth > ul {
left: 0;
width: 100% !important;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth {
position: inherit;
}
.navbar-nav > li.menu_style_column.mega-fullwidth > ul {
left: 0;
width: 100% !important;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-2 > ul > li {
float: left;
width: 50%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-3 > ul > li {
float: left;
width: 33.3333333%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-4 > ul > li {
float: left;
width: 25%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-5 > ul > li {
float: left;
width: 20%;
}
.navbar-nav > li.menu_style_column.mega-fullwidth.mega-col-columns-6 > ul > li {
float: left;
width: 16.6666666%;
}
.navbar-nav > li.menu_style_column {
position: relative;
}
.navbar-nav > li.menu_style_column > ul {
left: 0;
width: auto;
}
.navbar-nav > li.menu_style_column > ul > li {
width: 250px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-2 > ul {
width: 500px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-2 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-3 > ul {
width: 750px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-3 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-4 > ul {
width: 1000px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-4 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-5 > ul {
width: 1250px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-5 > ul > li {
float: left;
}
.navbar-nav > li.menu_style_column.mega-col-columns-6 > ul {
width: 1500px;
}
.navbar-nav > li.menu_style_column.mega-col-columns-6 > ul > li {
float: left;
}
.yolo-main-menu.navbar-nav li > a > i {
line-height: 20px;
}
.yolo-main-menu.navbar-nav li > a > i.left {
padding-right: 10px;
float: left;
}
.yolo-main-menu.navbar-nav li > a > i.center {
padding-left: 10px;
padding-right: 10px;
}
.yolo-main-menu.navbar-nav li > a > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.yolo-main-menu.navbar-nav > li > a > i.center {
display: block;
} .navbar-nav > li.menu_style_dropdown {
z-index: 9999;
}
.navbar-nav > li.menu_style_dropdown > a > span {
font-size: 9px;
line-height: 14px;
position: relative;
top: -2px;
margin-left: 5px;
color: #ffffff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul {
position: absolute;
display: none;
top: 99%;
opacity: 0;
visibility: hidden;
overflow: hidden;
background-color: #ffffff;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
display: block;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li a {
padding-left: 20px !important;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li a > span {
font-size: 9px;
line-height: 12px;
position: relative;
top: -2px;
margin-left: 5px;
color: #ffffff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #ffffff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li {
text-align: left;
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #ffffff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #ffffff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #ffffff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #ffffff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #ffffff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #ffffff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #ffffff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #ffffff;
visibility: hidden;
overflow: hidden;
z-index: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
min-width: 250px;
float: none;
display: list-item;
position: relative;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
border: none;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i {
line-height: 25px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.left {
padding-right: 10px;
float: left;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.center {
padding-left: 10px;
padding-right: 10px;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > i.right {
padding-left: 10px;
padding-right: 10px;
float: right;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > span {
font-size: 10px;
line-height: 18px;
position: relative;
top: -2px;
margin-left: 5px;
color: #ffffff;
padding: 0 5px;
display: inline-block;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
position: absolute;
top: 0;
left: 90%;
display: none;
opacity: 0;
background-color: #ffffff;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
z-index: 1;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
}
.navbar-nav > li.menu_style_dropdown > ul > li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
overflow: visible;
} .navbar-nav > li.menu_style_dropdown:hover > ul {
opacity: 1;
display: block;
visibility: visible;
overflow: visible;
} .navbar-nav > li.menu_style_tab > ul {
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
text-align: left;
position: absolute;
display: none;
width: 100%;
top: 98%;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.navbar-nav > li.menu_style_tab > ul:after {
content: '';
position: absolute;
left: 25%;
width: 1px;
top: 0;
bottom: 0;
background-color: #eeeeee;
}
.navbar-nav > li.menu_style_tab > ul > li {
display: block;
width: 25%;
position: static;
clear: none;
border-bottom: 1px solid #eeeeee;
}
.navbar-nav > li.menu_style_tab > ul > li:hover > a:before,
.navbar-nav > li.menu_style_tab > ul > li.active > a:before {
height: 100%;
}
.navbar-nav > li.menu_style_tab > ul > li > a {
padding: 15px 20px;
display: block;
position: relative;
text-transform: uppercase;
font-weight: 700;
}
.navbar-nav > li.menu_style_tab > ul > li > a:after {
content: '';
}
.navbar-nav > li.menu_style_tab > ul > li > a:before {
content: '';
position: absolute;
height: 0;
width: 2px;
top: 0;
left: 0;
background-color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.navbar-nav > li.menu_style_tab > ul > li.active > a {
color: var(--primary_color);
}
.navbar-nav > li.menu_style_tab > ul > li ul.social-profile > li a i {
padding-right: 10px;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul {
width: 100%;
left: 0;
padding: 0;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li {
width: 25%;
display: inline-block;
padding-top: 20px;
padding: 8px;
padding-bottom: 4%;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li:last-child {
padding: 8px !important;
padding-bottom: 6% !important;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li .posts-thumbnail-content .posts-thumbnail-meta .author,
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li .posts-thumbnail-content .posts-thumbnail-meta time,
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area .widget-post-thumbnail ul li .posts-thumbnail-content .posts-thumbnail-meta span {
color: var(--menu_sub_text_color);
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area,
.navbar-nav > li.menu_style_tab > ul > li ul {
padding: 20px 20px;
opacity: 0;
visibility: hidden;
position: absolute;
width: auto;
height: auto;
left: 25%;
top: 100%;
right: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-1 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-1 section {
width: 100%;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-2 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-2 section {
width: 50%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-3 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-3 section {
width: 33.3333%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li .yolo_megamenu_widget_area.columns-4 section,
.navbar-nav > li.menu_style_tab > ul > li ul.columns-4 section {
width: 25%;
float: left;
}
.navbar-nav > li.menu_style_tab > ul > li.active .yolo_megamenu_widget_area,
.navbar-nav > li.menu_style_tab > ul > li.active ul {
opacity: 1;
visibility: visible;
top: 0;
}
.navbar-nav > li.menu_style_tab:hover > ul {
display: block;
opacity: 1;
visibility: visible;
} .yolo-nav-mobile-menu li {
list-style-type: none;
}
.yolo-nav-mobile-menu li > ul.sub-menu {
display: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section {
position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper {
margin: 0;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper h3 {
position: relative;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .widget-title-wrapper h3:before {
content: '';
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0px;
height: 2px;
width: 46px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget {
width: 100%;
left: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget a .product-title {
color: var(--heading_color);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget a:hover .product-title {
color: var(--primary_color);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li ins {
padding-left: 10px;
text-decoration: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li:last-child {
border: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li a img {
width: 30%;
float: left;
margin: 0;
padding-right: 10px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li a:after {
content: '';
}
.yolo_widget_area > .yolo_megamenu_widget_area section .product_list_widget > li .star-rating {
display: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section.yolo_widget_product_cat .product_list_widget li {
padding: 3px;
}
.yolo_megamenu_widget_area ul.instagram-pics {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.yolo_megamenu_widget_area ul.instagram-pics li {
display: inline-block;
padding: 0;
margin: 0;
}
.yolo_megamenu_widget_area ul.instagram-pics a {
display: block;
position: relative;
overflow: hidden;
}
.yolo_megamenu_widget_area ul.instagram-pics a:before {
content: "";
position: absolute;
width: 101%;
height: 101%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
}
.yolo_megamenu_widget_area ul.instagram-pics a:hover:before {
opacity: 1;
}
.yolo_megamenu_widget_area .instagram-col-2 ul.instagram-pics li {
width: 50%;
}
.yolo_megamenu_widget_area .instagram-col-3 ul.instagram-pics li {
width: 33.33333333%;
}
.yolo_megamenu_widget_area .instagram-col-4 ul.instagram-pics li {
width: 25%;
}
.yolo_megamenu_widget_area .instagram-col-6 ul.instagram-pics li {
width: 16.66666667%;
}
.yolo_megamenu_widget_area .instagram-col-8 ul.instagram-pics li {
width: 12.5%;
}
.yolo_megamenu_widget_area .padding-2 ul.instagram-pics {
margin-left: -2px;
margin-right: -2px;
margin-top: -2px;
padding: 15px 15px 50px 0;
}
.yolo_megamenu_widget_area .padding-2 ul.instagram-pics li {
padding: 4px;
}
.yolo_megamenu_widget_area .padding-3 ul.instagram-pics {
margin-left: -3px;
margin-right: -3px;
margin-top: -3px;
padding: 15px 15px 50px 0;
}
.yolo_megamenu_widget_area .padding-3 ul.instagram-pics li {
padding: 3px;
}
.yolo_megamenu_widget_area .padding-4 ul.instagram-pics {
margin-left: -4px;
margin-right: -4px;
margin-top: -4px;
padding: 15px 15px 50px 0;
}
.yolo_megamenu_widget_area .padding-4 ul.instagram-pics li {
padding: 4px;
}
.yolo_megamenu_widget_area .title-center .widget-title {
text-align: center;
}
.yolo_megamenu_widget_area ul.instagram-pics + p {
margin: 0;
font-size: 13px;
font-style: italic;
letter-spacing: 0.02em;
}
.yolo_megamenu_widget_area .widget-text-center {
text-align: center;
}
@media (max-width: 991px) {
.yolo_megamenu_widget_area .yolo_widget_product_cat li {
display: inline-block;
float: none;
}
}
.menu-wrapper .navbar-nav > li:first-child > a {
padding-left: 0;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu {
text-align: left;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 2px;
height: 100%;
background: var(--primary_color);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li:hover {
padding-left: 5px;
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.menu-wrapper .navbar-nav li.menu_style_dropdown .sub-menu li a {
position: relative;
display: block;
padding: 10px 20px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu {
text-align: left;
padding: 40px 0px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li {
border-left: 2px solid #eeeeee;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li:first-child {
border: none;
padding-left: 2px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a {
position: relative;
display: block;
padding: 0 20px 15px 20px !important;
margin-bottom: 20px;
color: var(--menu_sub_text_color);
font-weight: 700;
text-transform: uppercase;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a:hover {
color: var(--primary_color);
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a:after {
content: '';
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 20px;
height: 2px;
width: 46px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a i.left,
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li > a i.right {
padding-top: 5px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li ul li:before {
width: 2px;
left: -2px;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li .yolo_megamenu_widget_area > .widget-social-profile > span {
padding: 10px 20px;
display: block;
}
.menu-wrapper .navbar-nav li.menu_style_column > .sub-menu > li .yolo_megamenu_widget_area > .widget-social-profile ul li i {
padding-right: 10px;
} .yolo_widget_area .tagcloud {
font-size: 0;
margin-top: 20px;
}
.yolo_widget_area .tagcloud a {
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: inline-block;
padding: 7px 10px;
margin-bottom: 10px;
margin-right: 10px;
line-height: 1;
font-size: 14px !important;
border: 1px solid #eeeeee;
font-weight: 500;
}
.yolo_widget_area .tagcloud a:last-child {
margin-right: 0;
}
.yolo_widget_area .tagcloud a:hover {
color: #ffffff !important;
text-decoration: none;
background-color: var(--primary_color) !important;
border-color: var(--primary_color);
} .yolo-box-login {
padding: 120px 30px;
background: #fff;
min-width: 468px;
min-height: 600px;
margin: 50px auto;
position: relative;
background-size: cover;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
}
@media (max-width: 480px) {
.yolo-box-login {
padding: 60px 30px;
min-width: 280px;
min-height: 500px;
max-width: 320px;
}
}
.yolo-box-login.yolo-popup-main {
display: none;
}
.yolo-box-login .title {
text-transform: uppercase;
font-size: 36px;
margin-bottom: 30px;
margin: 0;
}
@media (max-width: 480px) {
.yolo-box-login .title {
font-size: 24px;
}
}
.yolo-box-login span {
font-size: 18px;
}
@media (max-width: 480px) {
.yolo-box-login span {
font-size: 14px;
}
}
.yolo-box-login span.btslogan {
font-size: 14px;
margin-top: 20px;
}
.yolo-box-login span.btslogan:before {
content: '*';
display: inline-block;
}
.yolo-box-login label {
display: none;
}
.yolo-box-login .notice {
display: none;
}
.yolo-box-login .yolo-login-member-wrap,
.yolo-box-login .yolo-register-member-wrap {
margin-bottom: 15px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left {
margin-bottom: 30px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap {
margin-bottom: 15px;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap input,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap input {
height: 40px;
width: 100%;
background-color: transparent;
border: 1px solid var(--primary_color);
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error input,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error input {
border: 1px solid red;
}
.yolo-box-login .yolo-login-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error .notice,
.yolo-box-login .yolo-register-member-wrap .yolo-register-member-left .yolo-item-wrap.validate-error .notice {
color: red;
display: block;
}
.yolo-box-login .yolo-login-action button {
position: relative;
width: 100%;
height: 50px;
background-color: var(--primary_color);
color: #ffffff;
border: none;
text-transform: uppercase;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-box-login .yolo-login-action button i {
right: 3px;
left: auto !important;
top: 12px;
}
.yolo-box-login .yolo-login-action button:hover {
background-color: var(--primary_color_lighten_15);
}
.yolo-box-login .yolo-login-member-container,
.yolo-box-login .yolo-register-member-container {
margin-top: 50px;
}
.yolo-box-login .yolo-login-member-container .open-form-toggle,
.yolo-box-login .yolo-register-member-container .open-form-toggle {
right: -86px;
width: 137px;
white-space: nowrap;
}
.yolo-box-login .yolo-register-member-container {
display: none;
}
.yolo-box-login .open-form-toggle {
border-radius: 25px 25px 0 0;
-webkit-border-radius: 25px 25px 0 0;
-moz-border-radius: 25px 25px 0 0;
position: absolute;
right: -81px;
top: 70px;
padding: 5px 20px;
background: #000;
color: #fff;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.yolo-account {
position: relative;
height: inherit;
font-size: var(--menu_font_size);
font-weight: var(--menu_font_weight);
}
.yolo-account > a {
line-height: 62px;
}
.yolo-account > a i {
font-size: 18px;
}
.yolo-account:hover > a {
color: var(--primary_color);
}
.yolo-account ul {
position: absolute;
top: 150%;
opacity: 0;
min-width: 200px;
visibility: hidden;
overflow: hidden;
background-color: #ffffff;
-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
z-index: 9;
list-style-type: none;
padding: 30px;
right: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-account ul li {
line-height: 40px;
}
.yolo-account ul li a span.profile-avatar {
display: inline-block;
height: 16px;
width: 16px;
margin-right: 5px;
}
.yolo-account ul li a span.profile-avatar img {
border-radius: 100%;
}
.yolo-account ul li a .profile-text {
text-transform: capitalize;
}
.yolo-account ul li a:hover {
color: var(--primary_color);
}
.yolo-account:hover ul {
top: 99%;
visibility: visible;
opacity: 1;
text-align: left;
}
.banner-shortcode-wrap {
background-color: #ffffff;
}
.banner-shortcode-wrap.style_1 .banner-content {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_1 .banner-content img {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
width: 100%;
}
.banner-shortcode-wrap.style_1 .banner-content .text-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 50px;
width: 100%;
}
.banner-shortcode-wrap.style_1 .banner-content .text-content .banner-title {
margin-top: 0;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 15px;
}
@media (max-width: 480px) {
.banner-shortcode-wrap.style_1 .banner-content .text-content .banner-title {
margin-bottom: 0;
font-size: 14px;
}
}
@media (max-width: 480px) {
.banner-shortcode-wrap.style_1 .banner-content .text-content .sub-title {
display: none;
}
}
.banner-shortcode-wrap.style_1 .banner-content .text-content.left {
text-align: left;
width: 60%;
left: 0;
}
@media (max-width: 1199px) {
.banner-shortcode-wrap.style_1 .banner-content .text-content.left {
padding: 0;
padding-left: 30px;
width: 55%;
}
}
.banner-shortcode-wrap.style_1 .banner-content .text-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_1 .banner-content .text-content.right {
right: 0;
width: 60%;
text-align: right;
}
@media (max-width: 1199px) {
.banner-shortcode-wrap.style_1 .banner-content .text-content.right {
padding: 0;
padding-right: 30px;
width: 55%;
}
}
.banner-shortcode-wrap.style_1 .banner-content .button-text {
margin-top: 15px;
text-transform: uppercase;
display: inline-block;
padding: 2px 20px;
border: 1px solid var(--text_color);
background-color: #ffffff;
font-weight: bold;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.banner-shortcode-wrap.style_1 .banner-content .button-text:hover {
background-color: var(--text_color);
color: #ffffff;
}
.banner-shortcode-wrap.style_1 .banner-content:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_1 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_2 {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_2:before,
.banner-shortcode-wrap.style_2:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
position: absolute;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
border: 15px solid transparent;
width: 0;
height: 0;
top: 0;
left: 0;
z-index: 1;
opacity: 0.5;
}
.banner-shortcode-wrap.style_2:hover:before {
border-top-color: var(--primary_color);
border-right-color: var(--primary_color);
width: 100%;
height: 100%;
-webkit-transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
-o-transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
}
.banner-shortcode-wrap.style_2:hover:after {
border-bottom-color: var(--primary_color);
border-left-color: var(--primary_color);
-webkit-transition: height 0.3s ease-out, width 0.3s ease-out 0.3s;
-o-transition: height 0.3s ease-out, width 0.3s ease-out 0.3s;
transition: height 0.3s ease-out, width 0.3s ease-out 0.3s;
width: 100%;
height: 100%;
}
.banner-shortcode-wrap.style_2:hover .banner-content img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.banner-shortcode-wrap.style_2:hover .banner-content:before {
opacity: 0.5;
}
.banner-shortcode-wrap.style_2:hover .banner-content .text-content .button-text {
opacity: 1;
}
.banner-shortcode-wrap.style_2:hover .banner-content .text-content .sub-title {
opacity: 0;
}
.banner-shortcode-wrap.style_2:hover .banner-content .text-content.left .button-text {
left: 0;
}
.banner-shortcode-wrap.style_2:hover .banner-content .text-content.center .button-text {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-shortcode-wrap.style_2:hover .banner-content .text-content.right .button-text {
right: 0;
}
.banner-shortcode-wrap.style_2 .banner-content {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_2 .banner-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
opacity: 0;
background-color: #eee;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.banner-shortcode-wrap.style_2 .banner-content img {
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
width: 100%;
}
.banner-shortcode-wrap.style_2 .banner-content .text-content {
position: absolute;
top: 40px;
width: 100%;
z-index: 2;
}
.banner-shortcode-wrap.style_2 .banner-content .text-content .banner-title {
margin-top: 0;
font-size: 36px;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 1299px) {
.banner-shortcode-wrap.style_2 .banner-content .text-content .banner-title {
font-size: 30px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.banner-shortcode-wrap.style_2 .banner-content .text-content .banner-title {
font-size: 24px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_2 .banner-content .text-content .banner-title {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_2 .banner-content .text-content .sub-title {
font-size: 16px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_2 .banner-content .text-content.left {
text-align: left;
left: 30px;
}
.banner-shortcode-wrap.style_2 .banner-content .text-content.left .button-text {
left: -50px;
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_2 .banner-content .text-content.left {
left: 15px;
}
}
.banner-shortcode-wrap.style_2 .banner-content .text-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_2 .banner-content .text-content.center .button-text {
left: 30%;
}
.banner-shortcode-wrap.style_2 .banner-content .text-content.right {
right: 30px;
text-align: right;
}
.banner-shortcode-wrap.style_2 .banner-content .text-content.right .button-text {
right: -50px;
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_2 .banner-content .text-content.right {
right: 15px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_2 .banner-content .text-content {
top: 20px;
}
}
.banner-shortcode-wrap.style_2 .banner-content .button-text {
margin-top: 15px;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
bottom: 0;
font-size: 16px;
font-weight: bold;
opacity: 0;
border-radius: 3px;
}
.banner-shortcode-wrap.style_2 .banner-content .button-text:after {
margin-left: 3px;
content: "\f30f";
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 991px) and (min-width: 768px) {
.banner-shortcode-wrap.style_2:before,
.banner-shortcode-wrap.style_2:after {
border-width: 10px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_2:before,
.banner-shortcode-wrap.style_2:after {
border-width: 5px;
}
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_2 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_3 {
background-color: transparent;
}
.banner-shortcode-wrap.style_3 .banner-content {
position: relative;
}
.banner-shortcode-wrap.style_3 .banner-content img {
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
width: 100%;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover {
position: absolute;
top: 30%;
left: 50%;
height: 42px;
width: 42px;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.2);
border: 2px solid #ffffff;
text-align: center;
padding: 4px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover .icon-hover-inner {
position: relative;
background-color: #ffffff;
border-radius: 100%;
height: 30px;
width: 30px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover .icon-hover-inner i {
font-size: 18px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 27px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover .content-hover-icon {
position: absolute;
left: 0;
padding-bottom: 25px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
transform: translate(0, 70px);
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
z-index: 3;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover .content-hover-icon .content-hover {
position: relative;
width: 190px;
background-color: #fff;
display: block;
text-align: center;
padding: 18px 5px 15px;
margin-left: -80px;
-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover .content-hover-icon .content-hover .product-title {
font-weight: bold;
font-size: 16px;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover .content-hover-icon .content-hover .icon-price {
font-size: 16px;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover .content-hover-icon .content-hover:before {
content: '';
border-top: 10px solid #ffffff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
left: 50%;
top: -10px;
margin-left: -10px;
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover:hover {
-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}
.banner-shortcode-wrap.style_3 .banner-content .icon-hover:hover .content-hover-icon {
-webkit-transform: translate(0, 25px);
-ms-transform: translate(0, 25px);
transform: translate(0, 25px);
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.banner-shortcode-wrap.style_3 .banner-content .text-content {
position: absolute;
bottom: 15px;
left: 0px;
width: 100%;
z-index: 2;
}
.banner-shortcode-wrap.style_3 .banner-content .text-content .banner-title {
margin: 0;
padding-left: 20px;
font-size: 20px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_3 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_4 .banner-content {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_4 .banner-content .img-content {
position: relative;
display: inline-block;
}
.banner-shortcode-wrap.style_4 .banner-content .img-content:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
-webkit-box-shadow: inset 0 0 0 0px rgba(17, 17, 17, 0.15);
box-shadow: inset 0 0 0 0px rgba(17, 17, 17, 0.15);
}
.banner-shortcode-wrap.style_4 .banner-content.left {
overflow: hidden;
}
.banner-shortcode-wrap.style_4 .banner-content.left .img-content {
float: right;
}
.banner-shortcode-wrap.style_4 .banner-content img {
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content {
position: absolute;
width: 100%;
z-index: 2;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content .banner-title {
margin-top: 0;
font-size: 48px;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 1600px) {
.banner-shortcode-wrap.style_4 .banner-content .text-content .banner-title {
text-shadow: 0px 0px 3px #ffffff;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_4 .banner-content .text-content .banner-title {
font-size: 30px;
}
}
.banner-shortcode-wrap.style_4 .banner-content .text-content .sub-title {
font-size: 18px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_4 .banner-content .text-content .sub-title {
font-size: 14px;
}
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.top {
top: 80px;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.bottom {
bottom: 80px;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.left {
text-align: left;
left: 0px;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.left .button-text {
left: -50px;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.right {
right: 0px;
text-align: right;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.right .button-text {
right: -50px;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.right .button-text:before {
margin-right: 3px;
content: "\f2ca";
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.banner-shortcode-wrap.style_4 .banner-content .text-content.right .button-text:after {
display: none;
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_4 .banner-content .text-content {
background-color: rgba(255, 255, 255, 0.8);
}
}
.banner-shortcode-wrap.style_4 .banner-content .button-text {
margin-top: 15px;
display: inline-block;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
bottom: 0;
font-size: 18px;
font-weight: bold;
opacity: 0;
border-radius: 3px;
}
.banner-shortcode-wrap.style_4 .banner-content .button-text:after {
margin-left: 3px;
content: "\f30f";
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_4 .banner-content .button-text {
font-size: 14px;
}
}
.banner-shortcode-wrap.style_4 .banner-content:hover .img-content:before {
-webkit-box-shadow: inset 0 0 0 10px rgba(17, 17, 17, 0.15);
box-shadow: inset 0 0 0 10px rgba(17, 17, 17, 0.15);
}
.banner-shortcode-wrap.style_4 .banner-content:hover .text-content .banner-title {
-webkit-animation: toLeftFromRight 0.5s forwards;
animation: toLeftFromRight 0.5s forwards;
}
.banner-shortcode-wrap.style_4 .banner-content:hover .text-content .button-text {
opacity: 1;
}
.banner-shortcode-wrap.style_4 .banner-content:hover .text-content .sub-title {
opacity: 0;
}
.banner-shortcode-wrap.style_4 .banner-content:hover .text-content.left .banner-title {
-webkit-animation: toRightFromLeft 0.5s forwards;
animation: toRightFromLeft 0.5s forwards;
}
.banner-shortcode-wrap.style_4 .banner-content:hover .text-content.left .button-text {
left: 0;
}
.banner-shortcode-wrap.style_4 .banner-content:hover .text-content.center .button-text {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-shortcode-wrap.style_4 .banner-content:hover .text-content.right .button-text {
right: 0;
}
@media (max-width: 991px) {
.banner-shortcode-wrap.style_4 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_5 .banner-content .text-content {
bottom: 20px;
padding: 40px;
position: absolute;
z-index: 1;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_5 .banner-content .text-content .banner-title {
white-space: nowrap;
text-transform: uppercase;
margin-top: 0;
font-size: 36px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_5 .banner-content .text-content .banner-title {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_5 .banner-content .button-text {
display: inline-block;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 18px;
font-weight: bold;
}
.banner-shortcode-wrap.style_5 .banner-content .button-text:after {
margin-left: 3px;
content: "\f10b";
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: pulse-left-right 2s ease-out infinite;
animation: pulse-left-right 2s ease-out infinite;
}
.banner-shortcode-wrap.style_5 .banner-content:hover .text-content {
background-color: #ffffff;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_5 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_6.margin_shortcode {
margin-top: -200px;
}
@media (max-width: 1600px) {
.banner-shortcode-wrap.style_6.margin_shortcode {
margin-top: -60px;
}
}
@media (max-width: 599px) {
.banner-shortcode-wrap.style_6.margin_shortcode {
margin-top: 0px;
}
}
.banner-shortcode-wrap.style_6 .banner-content {
position: relative;
padding: 60px;
display: table;
color: rgba(51, 51, 51, 0.8);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.banner-shortcode-wrap.style_6 .banner-content:hover {
color: var(--text_color);
}
.banner-shortcode-wrap.style_6 .banner-content:hover .content-img:after {
-webkit-box-shadow: inset 0 0 0 10px rgba(17, 17, 17, 0.3);
box-shadow: inset 0 0 0 10px rgba(17, 17, 17, 0.3);
}
.banner-shortcode-wrap.style_6 .banner-content.top-right:hover .text-content .main-content .price,
.banner-shortcode-wrap.style_6 .banner-content.top-right:hover .text-content .main-content .description {
left: 0px;
opacity: 1;
}
.banner-shortcode-wrap.style_6 .banner-content.top-right .content-img:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid #ffffff;
border-bottom: 20px solid transparent;
}
.banner-shortcode-wrap.style_6 .banner-content.top-right .text-content {
vertical-align: top;
padding-left: 25px;
padding-right: 60px;
}
.banner-shortcode-wrap.style_6 .banner-content.top-right .text-content .main-content .price {
left: 10px;
}
.banner-shortcode-wrap.style_6 .banner-content.top-right .text-content .main-content .description {
left: 20px;
}
@media (max-width: 1300px) {
.banner-shortcode-wrap.style_6 .banner-content.top-right .text-content {
padding-right: 25px;
}
}
@media (max-width: 599px) {
.banner-shortcode-wrap.style_6 .banner-content.top-right .text-content {
padding: 10px 0;
}
.banner-shortcode-wrap.style_6 .banner-content.top-right .text-content .main-content {
display: none;
}
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left:hover .text-content .heading-content .banner-number {
vertical-align: bottom;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left:hover .text-content .main-content .price,
.banner-shortcode-wrap.style_6 .banner-content.bottom-left:hover .text-content .main-content .description {
right: 0px;
opacity: 1;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .content-img {
vertical-align: bottom;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .content-img:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 20px solid #ffffff;
border-bottom: 20px solid transparent;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content {
text-align: right;
padding-right: 25px;
padding-left: 60px;
vertical-align: bottom;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .heading-content {
float: right;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .heading-content .heading-inner {
padding: 0;
padding-right: 15px;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .heading-content .banner-number {
vertical-align: bottom;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .main-content {
margin-top: auto;
padding-left: 0;
margin-bottom: 35px;
padding-right: 44px;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .main-content .price {
right: 10px;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .main-content .price:before {
left: auto;
right: -20px;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .main-content .description {
right: 20px;
}
@media (max-width: 1300px) {
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content {
padding-left: 25px;
}
}
@media (max-width: 599px) {
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content {
padding: 10px 0;
}
.banner-shortcode-wrap.style_6 .banner-content.bottom-left .text-content .main-content {
display: none;
}
}
.banner-shortcode-wrap.style_6 .banner-content .content-img {
width: 37%;
display: table-cell;
position: relative;
}
.banner-shortcode-wrap.style_6 .banner-content .content-img:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
-webkit-box-shadow: inset 0 0 0 0px rgba(17, 17, 17, 0.3);
box-shadow: inset 0 0 0 0px rgba(17, 17, 17, 0.3);
}
.banner-shortcode-wrap.style_6 .banner-content .content-img img {
width: 100%;
}
@media (max-width: 599px) {
.banner-shortcode-wrap.style_6 .banner-content .content-img {
display: inline-block;
width: 100%;
}
.banner-shortcode-wrap.style_6 .banner-content .content-img:before {
display: none;
}
}
.banner-shortcode-wrap.style_6 .banner-content .text-content {
display: table-cell;
width: 63%;
z-index: 2;
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .heading-content {
display: table;
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .heading-content .heading-inner {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .heading-content .heading-inner .banner-title {
line-height: 1;
text-transform: uppercase;
font-size: 24px;
margin: 0;
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .heading-content .heading-inner .sub-title {
font-size: 16px;
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .heading-content .banner-number {
position: relative;
line-height: 1;
display: table-cell;
font-size: 60px;
font-weight: 600;
}
@media (max-width: 599px) {
.banner-shortcode-wrap.style_6 .banner-content .text-content .heading-content .banner-number {
font-size: 50px;
}
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .main-content {
margin-top: 35px;
padding-left: 44px;
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .main-content .price {
opacity: 0;
font-size: 24px;
font-weight: bold;
position: relative;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .main-content .price:before {
content: '';
position: absolute;
height: 8px;
width: 8px;
background-color: var(--text_color);
left: -20px;
top: 18px;
opacity: 0.5;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.banner-shortcode-wrap.style_6 .banner-content .text-content .main-content p {
position: relative;
opacity: 0;
-webkit-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
transition: all 0.75s ease;
margin: 0;
}
@media (max-width: 599px) {
.banner-shortcode-wrap.style_6 .banner-content .text-content {
display: block;
width: 100%;
}
}
@media (max-width: 1600px) {
.banner-shortcode-wrap.style_6 .banner-content {
padding: 30px;
}
}
@media (max-width: 599px) {
.banner-shortcode-wrap.style_6 .banner-content {
padding: 0 30px;
display: block;
}
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_6 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_7 .banner-content {
position: relative;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_7 .banner-content img {
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
width: 100%;
}
.banner-shortcode-wrap.style_7 .banner-content:before {
content: '';
position: absolute;
top: 50%;
left: 0;
height: 50px;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(255, 255, 255, 0.8);
}
.banner-shortcode-wrap.style_7 .banner-content .text-content {
position: absolute;
z-index: 2;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-shortcode-wrap.style_7 .banner-content .text-content .banner-title {
white-space: nowrap;
text-transform: uppercase;
text-align: center;
margin: 0;
font-size: 16px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 15px 0;
}
.banner-shortcode-wrap.style_7 .banner-content:hover {
-webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
}
.banner-shortcode-wrap.style_7 .banner-content:hover:before {
height: 100%;
}
@media (max-width: 991px) {
.banner-shortcode-wrap.style_7 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_8 .banner-content {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_8 .banner-content img {
-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
width: 100%;
}
.banner-shortcode-wrap.style_8 .banner-content .text-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 50px;
width: 100%;
}
.banner-shortcode-wrap.style_8 .banner-content .text-content .banner-title {
margin-top: 0;
font-size: 36px;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.banner-shortcode-wrap.style_8 .banner-content .text-content .banner-title {
font-size: 30px;
}
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_8 .banner-content .text-content .banner-title {
font-size: 24px;
}
}
.banner-shortcode-wrap.style_8 .banner-content .text-content .sub-title {
font-size: 16px;
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_8 .banner-content .text-content .sub-title {
display: none;
}
}
.banner-shortcode-wrap.style_8 .banner-content .text-content.left {
text-align: left;
width: 65%;
left: 0;
}
.banner-shortcode-wrap.style_8 .banner-content .text-content.center {
text-align: center;
}
.banner-shortcode-wrap.style_8 .banner-content .text-content.right {
right: 0;
width: 65%;
text-align: left;
}
.banner-shortcode-wrap.style_8 .banner-content .button-text {
margin-top: 30px;
text-transform: uppercase;
display: inline-block;
padding: 5px 20px;
border: 1px solid var(--text_color);
border-radius: 3px;
font-weight: bold;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_8 .banner-content .button-text:hover {
background-color: var(--text_color);
color: #ffffff;
}
@media (max-width: 991px) {
.banner-shortcode-wrap.style_8 .banner-content .button-text {
margin-top: 15px;
}
}
.banner-shortcode-wrap.style_8 .banner-content:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
@media (max-width: 767px) {
.banner-shortcode-wrap.style_8 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_9 .banner-content {
position: relative;
overflow: hidden;
}
.banner-shortcode-wrap.style_9 .banner-content .img-content {
position: relative;
display: inline-block;
}
.banner-shortcode-wrap.style_9 .banner-content .img-content:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
-webkit-box-shadow: inset 0 0 0 0px #111111;
box-shadow: inset 0 0 0 0px #111111;
}
.banner-shortcode-wrap.style_9 .banner-content .price {
position: absolute;
height: 90px;
width: 90px;
border-radius: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 90px;
background-color: rgba(17, 17, 17, 0.5);
line-height: 90px;
text-align: center;
color: #ffffff;
font-size: 24px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 1199px) and (min-width: 768px) {
.banner-shortcode-wrap.style_9 .banner-content .price {
width: 60px;
height: 60px;
right: 40px;
line-height: 60px;
font-size: 18px;
}
}
.banner-shortcode-wrap.style_9 .banner-content .text-content {
position: absolute;
width: 100%;
z-index: 2;
top: 20px;
left: 20px;
}
.banner-shortcode-wrap.style_9 .banner-content .text-content .banner-title {
margin-top: 0;
text-transform: uppercase;
font-size: 48px;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 1199px) and (min-width: 768px) {
.banner-shortcode-wrap.style_9 .banner-content .text-content .banner-title {
font-size: 24px;
margin-bottom: 0;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_9 .banner-content .text-content .banner-title {
font-size: 30px;
}
}
.banner-shortcode-wrap.style_9 .banner-content .text-content .sub-title {
font-size: 18px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_9 .banner-content .text-content .sub-title:after {
content: "\f474";
display: inline-block;
font-family: "Ionicons";
font-size: 24px;
margin-left: 10px;
line-height: 1;
}
@media (max-width: 1199px) and (min-width: 768px) {
.banner-shortcode-wrap.style_9 .banner-content .text-content .sub-title {
font-size: 14px;
}
}
@media (max-width: 479px) {
.banner-shortcode-wrap.style_9 .banner-content .text-content .sub-title {
font-size: 14px;
}
}
.banner-shortcode-wrap.style_9 .banner-content:hover .img-content:before {
-webkit-box-shadow: inset 0 0 0 10px rgba(17, 17, 17, 0.3);
box-shadow: inset 0 0 0 10px rgba(17, 17, 17, 0.3);
}
.banner-shortcode-wrap.style_9 .banner-content:hover .price {
background-color: var(--primary_color);
}
.banner-shortcode-wrap.style_9 .banner-content:hover .text-content .banner-title {
animation: 0.5s ease-in-out 0s normal none 1 moveFromLeft;
-webkit-animation: 0.5s ease-in-out 0s normal none 1 moveFromLeft;
}
.banner-shortcode-wrap.style_9 .banner-content:hover .text-content .sub-title {
animation: 0.4s ease-in-out 0.2s normal none 1 moveFromLeft;
-webkit-animation: 0.4s ease-in-out 0.2s normal none 1 moveFromLeft;
}
@media (max-width: 991px) {
.banner-shortcode-wrap.style_9 {
margin-top: 15px;
margin-bottom: 15px;
}
}
.banner-shortcode-wrap.style_10 {
margin: 0 -15px;
background-color: transparent;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: #ffffff;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.banner-shortcode-wrap.style_10 .banner-content {
position: relative;
overflow: hidden;
height: 900px;
}
.banner-shortcode-wrap.style_10 .banner-content .text-content {
position: relative;
width: 100%;
top: 550px;
z-index: 2;
padding: 0 30px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_10 .banner-content .text-content .banner-title {
margin-top: 0;
text-transform: uppercase;
font-size: 36px;
color: #ffffff;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.2);
}
.banner-shortcode-wrap.style_10 .banner-content .text-content .sub-title {
text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.2);
font-size: 14px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-bottom: 15px;
}
.banner-shortcode-wrap.style_10 .banner-content .text-content p {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.banner-shortcode-wrap.style_10 .banner-content .text-content a {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
display: inline-block;
border: 1px solid #ffffff;
padding: 10px 20px;
font-weight: bold;
}
.banner-shortcode-wrap.style_10 .banner-content .text-content a:hover {
background-color: #ffffff;
}
.banner-shortcode-wrap.style_10 .banner-content:hover .text-content {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.banner-shortcode-wrap.style_10 .banner-content:hover .text-content p,
.banner-shortcode-wrap.style_10 .banner-content:hover .text-content a {
opacity: 1;
visibility: visible;
}
.banner-shortcode-wrap.style_10:hover {
background-color: rgba(0, 0, 0, 0.7);
border-color: #ffffff;
}
@media (max-width: 1199px) and (min-width: 992px) {
.banner-shortcode-wrap.style_10 .banner-content .text-content {
padding: 0 10px;
}
}
@media (max-width: 991px) {
.banner-shortcode-wrap.style_10 {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.banner-shortcode-wrap.style_10 .banner-content {
height: 600px;
}
.banner-shortcode-wrap.style_10 .banner-content .text-content {
top: 250px;
}
} .clients-shortcode-wrap {
position: relative;
}
.clients-shortcode-wrap.style_1:hover .owl-nav .owl-prev,
.clients-shortcode-wrap.style_1:hover .owl-nav .owl-next {
cursor: pointer;
opacity: 1;
}
.clients-shortcode-wrap.style_1:hover .owl-nav .owl-prev {
left: 0px;
}
.clients-shortcode-wrap.style_1:hover .owl-nav .owl-next {
right: 0px;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item {
text-align: center;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item img {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
width: auto;
margin: 0 auto;
opacity: 0.5;
}
.clients-shortcode-wrap.style_1 .clients-list .client-item:hover img {
opacity: 1;
}
.clients-shortcode-wrap.style_1 .clients-list .owl-dots {
position: absolute;
left: 50%;
bottom: -70px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
text-align: center;
}
.clients-shortcode-wrap.style_1 .clients-list .owl-dots .owl-dot {
-webkit-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
width: 10px;
height: 10px;
display: inline-block;
margin: 10px;
border-radius: 100%;
background-color: #eee;
}
.clients-shortcode-wrap.style_1 .clients-list .owl-dots .owl-dot span {
display: block;
}
.clients-shortcode-wrap.style_1 .clients-list .owl-dots .owl-dot.active,
.clients-shortcode-wrap.style_1 .clients-list .owl-dots .owl-dot:hover {
background-color: var(--primary_color);
}
@media (max-width: 767px) {
.clients-shortcode-wrap.style_1 .clients-list .owl-dots {
display: none;
}
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-prev,
.clients-shortcode-wrap.style_1 .owl-nav .owl-next {
position: absolute;
top: 50%;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
color: rgba(51, 51, 51, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
opacity: 0;
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-prev:hover,
.clients-shortcode-wrap.style_1 .owl-nav .owl-next:hover {
color: #111111;
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-prev i,
.clients-shortcode-wrap.style_1 .owl-nav .owl-next i {
width: auto;
height: auto;
padding: 15px;
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-prev {
left: -15px;
}
.clients-shortcode-wrap.style_1 .owl-nav .owl-next {
right: -15px;
}
.countdown-shortcode-wrap .countdown-content {
text-align: center;
}
.countdown-shortcode-wrap .countdown-content .list-time {
list-style: none;
list-style-type: none;
padding: 0;
text-align: center;
}
.countdown-shortcode-wrap .countdown-content .list-time li {
position: relative;
display: inline-block;
margin: 20px 15px;
padding: 18px 0;
width: 80px;
height: 80px;
border: 1px solid var(--text_color);
border-radius: 3px;
}
.countdown-shortcode-wrap .countdown-content .list-time li p {
margin: 0;
}
.countdown-shortcode-wrap .countdown-content .list-time li p.countdown-number {
font-size: 24px;
font-weight: normal;
}
.countdown-shortcode-wrap .countdown-content .list-time li p:last-child {
margin-top: 30px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.countdown-shortcode-wrap .countdown-content .list-time li.cd-seconds p.countdown-number:after {
content: '';
}
@media (max-width: 479px) {
.countdown-shortcode-wrap .countdown-content .list-time li {
margin: 20px 15px;
}
}
.countdown-shortcode-wrap .countdown-content2 .list-time {
list-style: none;
list-style-type: none;
padding: 0;
text-align: center;
}
.countdown-shortcode-wrap .countdown-content2 .list-time li {
position: relative;
display: inline-block;
margin: 20px 15px;
padding: 18px 0;
width: 80px;
height: 80px;
border: 1px solid var(--text_color);
border-radius: 3px;
}
.countdown-shortcode-wrap .countdown-content2 .list-time li p {
margin: 0;
}
.countdown-shortcode-wrap .countdown-content2 .list-time li p.countdown-number {
font-size: 24px;
font-weight: normal;
background-color: none;
}
.countdown-shortcode-wrap .countdown-content2 .list-time li p:last-child {
position: relative;
margin-top: 0px;
text-align: center;
font-size: 18px;
display: inline-block;
background-color: none;
}
.countdown-shortcode-wrap .countdown-content2 .list-time li.cd-seconds p.countdown-number:after {
content: '';
}
@media (max-width: 479px) {
.countdown-shortcode-wrap .countdown-content2 .list-time li {
margin: 20px 15px;
}
}
.countdown-shortcode-wrap .countdown-content2 .time_circles {
color: #ffffff;
}
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Days h4,
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Hours h4,
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Minutes h4,
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Seconds h4,
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Days span,
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Hours span,
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Minutes span,
.countdown-shortcode-wrap .countdown-content2 .time_circles .textDiv_Seconds span {
color: #fff;
background: none !important;
}
.countdown-shortcode-wrap .countdown-content3 ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.countdown-shortcode-wrap .countdown-content3 ul li {
position: relative;
display: inline-block;
margin: 30px 40px;
padding: 0 0px;
}
.countdown-shortcode-wrap .countdown-content3 ul li p {
margin: 0;
}
.countdown-shortcode-wrap .countdown-content3 ul li p.countdown-number {
font-size: 60px;
font-weight: normal;
}
@media (max-width: 479px) {
.countdown-shortcode-wrap .countdown-content3 ul li p.countdown-number {
font-size: 48px;
}
}
.countdown-shortcode-wrap .countdown-content3 ul li p:last-child {
position: absolute;
right: -50px;
top: 70px;
display: block;
margin-top: 0px;
text-align: left;
font-size: 16px;
width: 70px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.countdown-shortcode-wrap .countdown-content3 ul li.cd-seconds p.countdown-number:after {
content: '';
}
@media (max-width: 479px) {
.countdown-shortcode-wrap .countdown-content3 ul li {
margin: 10px 20px;
}
}
.counter-wrap-style_1 {
position: relative;
border-radius: 100%;
margin: 0 auto;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.counter-wrap-style_1 .gr-counter .content-inner {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.3;
}
.counter-wrap-style_1 .gr-counter .content-inner .gr-number-counter {
font-size: 48px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_1 .gr-counter .content-inner .gr-text-defaul {
margin-top: 5px;
white-space: nowrap;
font-size: 18px;
text-transform: uppercase;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_2 {
position: relative;
border-radius: 100%;
margin: 0 auto;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.counter-wrap-style_2 .gr-counter .content-inner {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.3;
}
.counter-wrap-style_2 .gr-counter .content-inner .gr-number-counter {
font-size: 48px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_2 .gr-counter .content-inner .plus {
font-size: 48px;
}
.counter-wrap-style_2 .gr-counter .content-inner .gr-text-defaul {
position: relative;
margin-top: 50px;
white-space: nowrap;
font-size: 18px;
font-weight: normal;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_2 .gr-counter .content-inner .gr-text-defaul:before {
content: '';
width: 50px;
height: 1px;
background-color: var(--primary_color);
position: absolute;
top: -28px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.counter-wrap-style_2 {
margin: 15px 0;
}
}
.counter-wrap-style_3 {
position: relative;
border-radius: 100%;
margin: 0 auto;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.counter-wrap-style_3 .gr-counter .content-inner {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.3;
}
.counter-wrap-style_3 .gr-counter .content-inner .gr-number-counter {
font-size: 48px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_3 .gr-counter .content-inner .plus {
font-size: 48px;
}
.counter-wrap-style_3 .gr-counter .content-inner .gr-text-defaul {
position: relative;
margin-top: 50px;
white-space: nowrap;
font-size: 18px;
font-weight: bold;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-transform: uppercase;
}
.counter-wrap-style_3 .gr-counter .content-inner .gr-text-defaul:before {
content: '';
width: 50px;
height: 2px;
background-color: var(--primary_color);
position: absolute;
top: -28px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.counter-wrap-style_3 {
margin: 15px 0;
}
}
.counter-wrap-style_4 {
position: relative;
border-radius: 100%;
margin: 0 auto;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.counter-wrap-style_4 .gr-counter .content-inner {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.3;
color: #ffffff;
}
.counter-wrap-style_4 .gr-counter .content-inner .gr-number-counter {
font-size: 48px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_4 .gr-counter .content-inner .plus {
font-size: 48px;
}
.counter-wrap-style_4 .gr-counter .content-inner .gr-text-defaul {
position: relative;
margin-top: 50px;
white-space: nowrap;
font-size: 18px;
font-weight: normal;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.counter-wrap-style_4 .gr-counter .content-inner .gr-text-defaul:before {
content: '';
width: 50px;
height: 1px;
background-color: #ffffff;
position: absolute;
top: -28px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.counter-wrap-style_4 {
margin: 15px 0;
}
} .gmaps-shortcode-wrap .map-info {
width: 180px;
}
.gmaps-shortcode-wrap .map-info .info-image {
float: left;
max-width: 200px;
padding: 10px;
}
.gmaps-shortcode-wrap .map-info .info-address {
padding: 8px 0 8px 0;
}
.gmaps-shortcode-wrap .map-info .info-address p {
text-align: center;
font-size: 14px;
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button {
width: 200px;
margin: 0 auto;
padding: 15px 0;
border: 1px solid var(--primary_color);
text-align: center;
}
.gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button:hover {
background: var(--primary_color);
cursor: pointer;
}
.history-slider-shortcode-wrap img {
width: 100%;
}
.history-slider-shortcode-wrap.style_1 {
position: relative;
}
.history-slider-shortcode-wrap.style_1 .history-slider-control .news-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.history-slider-shortcode-wrap.style_1 .history-slider-control .news-nav:hover {
cursor: pointer;
}
.history-slider-shortcode-wrap.style_1 .history-slider-control .news-nav.nav-prev {
float: left;
margin-left: 25px;
}
@media (max-width: 479px) {
.history-slider-shortcode-wrap.style_1 .history-slider-control .news-nav.nav-prev {
margin-left: 5px;
}
}
.history-slider-shortcode-wrap.style_1 .history-slider-control .news-nav.nav-next {
right: 0;
float: right;
margin-right: 25px;
}
@media (max-width: 479px) {
.history-slider-shortcode-wrap.style_1 .history-slider-control .news-nav.nav-next {
margin-right: 5px;
}
}
.history-slider-shortcode-wrap.style_1 .history-slider-control .news-nav i {
font-size: 16px;
padding: 15px;
background-color: #ffffff;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content {
position: relative;
width: 100%;
overflow: hidden;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item {
position: relative;
overflow: hidden;
padding: 15px;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item:focus {
outline: none;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current {
position: relative;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .img-content {
float: left;
width: 100%;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .img-content img {
opacity: 1;
}
@media (max-width: 1900px) {
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .img-content {
width: 100%;
}
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .text-content {
background-color: #ffffff;
position: absolute;
padding: 30px;
right: 0;
width: 34%;
height: 100%;
display: block;
}
@media (max-width: 991px) {
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .text-content .title-slider {
font-size: 18px;
}
}
@media (max-width: 1900px) {
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .text-content {
width: 70%;
padding: 30px;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
text-align: center;
top: 50%;
left: 50%;
height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .text-content .number {
line-height: 1.8;
}
}
@media (max-width: 767px) {
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.slick-current .text-content {
padding: 15px;
}
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item .img-content img {
opacity: 0.5;
}
@media (max-width: 1900px) {
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item .img-content img {
width: 100%;
}
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item .text-content {
display: none;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item .text-content .number {
font-size: 16px;
line-height: 1;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item .text-content .title-slider {
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item .text-content .description {
margin-top: 40px;
font-style: italic;
}
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item.float-right .img-content img {
float: right;
}
@media (max-width: 767px) {
.history-slider-shortcode-wrap.style_1 .history-slider-content .history-item {
padding: 0;
}
}
.history-slider-shortcode-wrap.style_2 {
position: relative;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content {
position: relative;
width: 100%;
overflow: hidden;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content #sync2 {
width: 33%;
position: absolute;
bottom: 0;
right: 0;
padding-left: 30px;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content #sync2 .synced .item-thumb img {
opacity: 1;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content #sync2 .synced .item-thumb:before {
opacity: 0;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content #sync2 .item-thumb {
position: relative;
overflow: hidden;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content #sync2 .item-thumb:before {
content: '';
position: absolute;
background-color: rgba(255, 255, 255, 0.5);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 991px) {
.history-slider-shortcode-wrap.style_2 .history-slider-content #sync2 {
position: relative;
padding-left: 0;
width: 50%;
margin: 0 auto;
margin-top: 30px;
}
}
.history-slider-shortcode-wrap.style_2 .history-slider-content .item {
position: relative;
overflow: hidden;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .img-content {
width: 67%;
float: left;
}
@media (max-width: 991px) {
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .img-content {
width: 100%;
}
}
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content {
float: left;
width: 33%;
padding-left: 30px;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content .number {
font-size: 16px;
line-height: 1;
}
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content .title-slider {
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
}
@media (max-width: 479px) {
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content .title-slider {
font-size: 18px;
}
}
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content .description {
margin-top: 40px;
font-style: italic;
}
@media (max-width: 1199px) {
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content .description {
margin-top: 0;
}
}
@media (max-width: 991px) {
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content .description {
display: none;
}
}
@media (max-width: 991px) {
.history-slider-shortcode-wrap.style_2 .history-slider-content .item .text-content {
width: 90%;
position: absolute;
text-align: center;
padding: 30px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.8);
}
}
.history-slider-shortcode-wrap.style_3 {
position: relative;
}
.history-slider-shortcode-wrap.style_3 .history-slider-control .news-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.history-slider-shortcode-wrap.style_3 .history-slider-control .news-nav:hover {
cursor: pointer;
}
.history-slider-shortcode-wrap.style_3 .history-slider-control .news-nav.nav-prev {
float: left;
margin-left: 25px;
}
@media (max-width: 479px) {
.history-slider-shortcode-wrap.style_3 .history-slider-control .news-nav.nav-prev {
margin-left: 5px;
}
}
.history-slider-shortcode-wrap.style_3 .history-slider-control .news-nav.nav-next {
right: 0;
float: right;
margin-right: 25px;
}
@media (max-width: 479px) {
.history-slider-shortcode-wrap.style_3 .history-slider-control .news-nav.nav-next {
margin-right: 5px;
}
}
.history-slider-shortcode-wrap.style_3 .history-slider-control .news-nav i {
font-size: 16px;
padding: 15px;
background-color: #ffffff;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content {
position: relative;
width: 100%;
overflow: hidden;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item {
position: relative;
overflow: hidden;
padding: 0 15px;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item:focus {
outline: none;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item.slick-current .img-content {
float: left;
width: 100%;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item.slick-current .img-content img {
opacity: 1;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item.slick-current .text-content {
opacity: 1;
position: absolute;
left: 50%;
top: 30%;
padding: 30px;
background-color: rgba(255, 255, 255, 0.7);
line-height: 1.2;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40%;
display: block;
text-align: center;
}
@media (max-width: 991px) {
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item.slick-current .text-content .title-slider {
font-size: 18px;
}
}
@media (max-width: 767px) {
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item.slick-current .text-content {
padding: 15px;
width: 70%;
}
}
@media (max-width: 1900px) {
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item .img-content img {
width: 100%;
}
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item .text-content {
opacity: 0;
position: absolute;
left: 50%;
top: 30%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40%;
display: block;
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item .text-content .number {
font-size: 16px;
line-height: 1;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item .text-content .title-slider {
text-transform: uppercase;
font-size: 48px;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 5px 2px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item .text-content .description {
margin-top: 40px;
font-style: italic;
}
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item.float-right .img-content img {
float: right;
}
@media (max-width: 767px) {
.history-slider-shortcode-wrap.style_3 .history-slider-content .history-item {
padding: 0;
}
}
.pricing_style_1 {
height: 550px;
line-height: 1.7;
background-color: #f4f4f4;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_1:hover,
.pricing_style_1.recommend {
margin-top: -20px;
height: 590px;
}
.pricing_style_1:hover .item-inner,
.pricing_style_1.recommend .item-inner {
padding: 45px 40px;
}
.pricing_style_1:hover .item-inner .recommend_title,
.pricing_style_1.recommend .item-inner .recommend_title {
display: inline-block;
padding: 2px 10px;
background-color: var(--primary_color);
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
}
@media (max-width: 1199px) and (min-width: 768px) {
.pricing_style_1:hover .item-inner,
.pricing_style_1.recommend .item-inner {
padding: 45px 20px;
}
}
.pricing_style_1:hover .content-footer,
.pricing_style_1.recommend .content-footer {
opacity: 1;
}
.pricing_style_1 .item-inner {
margin-right: -1px;
position: relative;
height: 100%;
padding: 70px 40px;
border: 1px solid #e5e5e5;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 1199px) and (min-width: 768px) {
.pricing_style_1 .item-inner {
padding: 70px 20px;
}
}
.pricing_style_1 .content-header .content-header-inner .text {
width: 100%;
margin-top: 15px;
font-size: 16px;
font-weight: 700;
color: #000;
text-transform: uppercase;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_1 .content-header .content-header-inner .price {
font-size: 16px;
color: #000;
}
.pricing_style_1 .content-header .content-header-inner .price span {
font-size: 38px;
font-weight: 900;
}
.pricing_style_1 .content-header .content-header-inner .price span:after {
content: '/';
font-size: 28px;
display: inline-block;
font-weight: normal;
}
.pricing_style_1 .content-header .content-header-inner .sub_title {
position: relative;
padding-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.pricing_style_1 .content-main .decs ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 25px;
}
.pricing_style_1 .content-main .decs ul li {
font-size: 14px;
color: var(--text_color);
-webkit-transition: none;
-o-transition: none;
transition: none;
padding: 10px 0;
text-align: left;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_1 .content-main .decs ul li i {
margin-right: 5px;
}
.pricing_style_1 .content-main .decs ul li i.fa-check {
color: var(--primary_color);
}
.pricing_style_1 .content-footer {
margin-top: 10px;
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_1 .content-footer a {
position: relative;
display: inline-block;
background: var(--primary_color);
padding: 10px 20px;
color: #ffffff;
text-transform: uppercase;
}
.pricing_style_1 .content-footer a:before {
height: 100%;
width: 1px;
background-color: #ffffff;
content: '';
position: absolute;
right: 50px;
top: 0;
}
.pricing_style_1 .content-footer a:after {
padding-left: 30px;
content: '\f178';
font-family: fontAwesome;
display: inline-block;
}
.pricing_style_1 .content-footer a:hover {
background-color: #000000;
}
@media (max-width: 991px) {
.pricing_style_1 {
margin: 15px 0;
height: 590px;
}
.pricing_style_1 .item-inner {
padding: 45px 40px;
}
.pricing_style_1 .item-inner .recommend_title {
display: inline-block;
padding: 2px 10px;
background-color: var(--primary_color);
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
}
.pricing_style_1 .content-footer {
opacity: 1;
}
.pricing_style_1:hover,
.pricing_style_1.recommend {
margin-top: 15px;
}
}
@media (max-width: 480px) {
.pricing_style_1 {
margin: 15px -15px;
}
.pricing_style_1 .item-inner {
padding: 45px 30px;
}
.pricing_style_1:hover .item-inner,
.pricing_style_1.recommend .item-inner {
padding: 45px 30px;
}
}
.pricing_style_2 {
line-height: 1.7;
background-color: #f9f9f9;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
}
.pricing_style_2:hover .item-inner {
background-color: #ffffff;
-webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
}
.pricing_style_2 .item-inner {
position: relative;
height: 100%;
padding: 40px 0px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_2 .content-header .content-header-inner .text {
width: 100%;
font-size: 36px;
font-weight: 400;
color: #000;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_2 .content-header .content-header-inner .price {
color: #000;
}
.pricing_style_2 .content-header .content-header-inner .price span {
font-size: 24px;
font-weight: 700;
}
.pricing_style_2 .content-header .content-header-inner .sub_title {
position: relative;
padding: 0 15px;
margin-top: 35px;
margin-bottom: 15px;
}
.pricing_style_2 .content-header .content-header-inner .sub_title:before {
content: '';
height: 2px;
width: 30px;
position: absolute;
background-color: var(--primary_color);
top: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pricing_style_2 .content-main .decs ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 25px;
}
.pricing_style_2 .content-main .decs ul li {
font-size: 14px;
color: var(--text_color);
-webkit-transition: none;
-o-transition: none;
transition: none;
padding: 10px 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_2 .content-main .decs ul li i {
margin-right: 5px;
}
.pricing_style_2 .content-main .decs ul li i.fa-check {
color: var(--primary_color);
}
.pricing_style_2 .content-main .decs ul li:nth-child(2n+1) {
background-color: #ffffff;
}
.pricing_style_2 .content-footer {
margin-top: 30px;
opacity: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.pricing_style_2 .content-footer a {
position: relative;
display: inline-block;
padding: 10px 30px;
color: var(--primary_color);
text-transform: uppercase;
border: 1px solid var(--primary_color);
font-weight: bold;
}
.pricing_style_2 .content-footer a:hover {
background-color: var(--primary_color);
color: #ffffff;
}
@media (max-width: 991px) {
.pricing_style_2 {
margin: 15px 0;
}
} .icon-box-shortcode-wrap.style_1 .icon-box-container {
text-align: center;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container:hover .icon-wrap {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap {
font-size: 50px;
line-height: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap img {
margin: 0 auto;
}
.icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title {
text-transform: uppercase;
margin: 0;
margin-top: 20px;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.icon-box-shortcode-wrap.style_1 .icon-box-container {
margin-top: 15px;
margin-bottom: 15px;
}
}
.icon-box-shortcode-wrap.style_2 .icon-box-container {
text-align: center;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container:hover .icon-wrap {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap {
font-size: 26px;
line-height: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap img {
margin: 0 auto;
}
.icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title {
text-transform: uppercase;
margin: 0;
margin-top: 13px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.icon-box-shortcode-wrap.style_2 .icon-box-container {
margin-top: 15px;
margin-bottom: 15px;
}
} .icon-footer-shortcode-wrap {
position: relative;
display:inline-flex;
width:100%;
}
.icon-footer-shortcode-wrap .icon-footer-list {
list-style: none;
padding: 0;
justify-content: space-between;
margin: 0;
text-align: left;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.left {
text-align: left;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.left .icon-footer-item {
margin-left: 0;
text-align: left;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.right {
text-align: right;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.right .icon-footer-item {
margin-right: 0;
text-align: right;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.border_icon .icon-footer-item .icon-wrap {
border: 1px solid;
border-color: inherit;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.border_icon.left {
text-align: left;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.border_icon.left .icon-footer-item {
margin-left: 0;
text-align: center;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.border_icon.right {
text-align: right;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list.border_icon.right .icon-footer-item {
margin-right: 0;
text-align: center;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list .icon-footer-item {
display: inline-block;
text-align: center;
margin: 0 4px;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list .icon-footer-item .icon-wrap {
height: 25px;
width: 25px;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
line-height: 25px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list .icon-footer-item .icon-wrap {
font-size: 14px;
margin: 0 auto;
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list .icon-footer-item:hover .icon-wrap {
color: #111111 !important;
border-color: var(--primary_color);
}
.icon-footer-shortcode-wrap.style_1 .icon-footer-list .icon-footer-item:hover .icon-title {
color: var(--primary_color);
}
.icon-footer-shortcode-wrap.style_2 .icon-footer-list .icon-footer-item {
display: block;
}
.icon-footer-shortcode-wrap.style_2 .icon-footer-list .icon-footer-item .icon-wrap {
display: inline-block;
width: 20px;
margin-right: 10px;
margin-left: 20px;
font-size: 18px;
}
.icon-footer-shortcode-wrap.style_2 .icon-footer-list .icon-footer-item .icon-title {
display: inline-block;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list.left {
text-align: left;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list.left .icon-footer-item {
padding: 0 20px;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list.left .icon-footer-item:first-child {
padding-left: 0;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list.left .icon-footer-item .icon-wrap {
font-size: 20px;
color: #c4c4c4;
}
@media (max-width: 479px) {
.icon-footer-shortcode-wrap.style_3 .icon-footer-list.left .icon-footer-item {
padding: 0 15px;
}
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list.center {
text-align: center;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list.right {
text-align: right;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list .icon-footer-item {
display: inline-block;
padding: 0 10px;
line-height: 1;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list .icon-footer-item .icon-wrap {
display: inline-block;
font-size: 24px;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list .icon-footer-item .icon-wrap i {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.icon-footer-shortcode-wrap.style_3 .icon-footer-list .icon-footer-item .icon-wrap:hover i {
color: #111111 !important;
}
.icon-footer-shortcode-wrap.style_4 .icon-footer-list.left {
text-align: center;
display:inline-flex;
width:100%;
}
.icon-footer-shortcode-wrap.style_4 .icon-footer-list.center {
text-align: center;
display: inline-flex;
width: 100%;
}
.icon-footer-shortcode-wrap.style_4 .icon-footer-list.right {
text-align: right;
}
.icon-footer-shortcode-wrap.style_4 .icon-footer-list .icon-footer-item {
display: inline-block;
padding: 1px 3px;
border: 1px solid #a5a5a5;
border-radius: 5px;
min-width:33%;
}
@media (max-width: 991px){
.icon-footer-shortcode-wrap.style_4 .icon-footer-list .icon-footer-item {
display: inline-block;
padding: 2px 4px;
border: 1px solid #a5a5a5;
border-radius: 5px;
min-width:49%;
}
}
.icon-footer-shortcode-wrap.style_4 .icon-footer-list .icon-footer-item .icon-wrap {
color: var(--primary_color);
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
}
.icon-footer-shortcode-wrap.style_4 .icon-footer-list .icon-footer-item .icon-title {
display: inline-block;
}
.yolo-instagram-wrap {
position: relative;
z-index: 0;
}
.yolo-instagram-wrap .yolo-instagram.grid .instagram-info {
float: left;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-8 .instagram-info {
width: 12.5%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-7 .instagram-info {
width: 14.285%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-6 .instagram-info {
width: 16.6666%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-5 .instagram-info {
width: 20%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-4 .instagram-info {
width: 25%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-3 .instagram-info {
width: 33.333%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-3 .instagram-info img {
width: 100%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-2 .instagram-info {
width: 50%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-2 .instagram-info img {
width: 100%;
}
.yolo-instagram-wrap .yolo-instagram.grid.columns-1 .instagram-info {
width: 100%;
}
@media (max-width: 991px) {
.yolo-instagram-wrap .yolo-instagram.grid.columns-8 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-7 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-6 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-5 .instagram-info {
width: 25%;
}
}
@media (max-width: 767px) {
.yolo-instagram-wrap .yolo-instagram.grid.columns-8 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-7 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-6 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-5 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-4 .instagram-info,
.yolo-instagram-wrap .yolo-instagram.grid.columns-4 .instagram-info {
width: 33.33%;
}
}
.yolo-instagram-wrap .instagram-info {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin: 5px 0;
position: relative;
}
.yolo-instagram-wrap .instagram-info a:before {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: 2;
}
.yolo-instagram-wrap .instagram-info a:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "\f2a3";
display: inline-block;
font-family: "Ionicons";
font-size: 24px;
width: 24px;
opacity: 0;
z-index: 2;
line-height: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-instagram-wrap .instagram-info:hover {
-webkit-box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.yolo-instagram-wrap .instagram-info:hover a:before,
.yolo-instagram-wrap .instagram-info:hover a:after {
opacity: 1;
}
.yolo-instagram-wrap .owl-nav .owl-prev,
.yolo-instagram-wrap .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 10px 15px;
color: #808080;
z-index: 1;
background-color: #ffffff;
opacity: 0;
cursor: pointer;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.yolo-instagram-wrap .owl-nav .owl-prev:hover,
.yolo-instagram-wrap .owl-nav .owl-next:hover {
color: var(--primary_color);
}
.yolo-instagram-wrap .owl-nav .owl-prev {
left: 0px;
}
.yolo-instagram-wrap .owl-nav .owl-next {
right: 0px;
}
.yolo-instagram-wrap:hover .owl-nav .owl-prev,
.yolo-instagram-wrap:hover .owl-nav .owl-next {
opacity: 1;
}
.yolo-instagram-wrap:hover .owl-prev {
left: 20px;
}
.yolo-instagram-wrap:hover .owl-next {
right: 20px;
}
.yolo-instagram-wrap .btn_gallery {
text-align: right;
height: 0;
position: relative;
}
.yolo-instagram-wrap .btn_gallery a {
right: 15px;
position: absolute;
bottom: 15px;
z-index: 2;
display: inline-block;
background: rgba(255, 255, 255, 0.9);
padding: 10px 35px;
text-transform: uppercase;
color: var(--text_color);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
font-size: 14px;
font-weight: 600;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-instagram-wrap .btn_gallery a:hover {
background-color: var(--primary_color);
color: #ffffff;
}
.hidden {
display: none;
}
.portfolio-container {
overflow-x: hidden;
position: relative;
}
.portfolio-container .paging {
text-align: center;
}
.portfolio-container .paging .load-more {
margin-top: 50px;
margin-bottom: 30px;
text-transform: uppercase;
padding: 10px 60px;
background-color: transparent;
background-color: var(--secondary_color);
border-radius: 30px;
font-weight: bold;
color: #ffffff;
}
.portfolio-container .paging .load-more:hover {
background-color: var(--primary_color);
}
.portfolio-tabs {
margin-bottom: 30px;
}
.portfolio-tabs .tab-wrapper.left {
text-align: left;
}
@media (max-width: 991px) {
.portfolio-tabs .tab-wrapper.left {
text-align: center;
}
}
.portfolio-tabs .tab-wrapper.center {
text-align: center;
}
.portfolio-tabs .tab-wrapper.right {
text-align: right;
}
@media (max-width: 991px) {
.portfolio-tabs .tab-wrapper.right {
text-align: center;
}
}
.portfolio-tabs .tab-wrapper ul {
list-style: none;
padding: 0;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
position: relative;
}
.portfolio-tabs .tab-wrapper ul li a {
border: none;
min-width: auto;
padding: 5px 10px;
font-size: 16px;
font-weight: 600;
}
.portfolio-tabs .tab-wrapper ul li:hover a {
color: var(--primary_color);
}
.portfolio-tabs .tab-wrapper ul li.active a {
color: var(--primary_color);
}
div.light_rounded .pp_description,
div.light_square .pp_description {
text-align: center;
font-weight: 600;
font-size: 16px;
}
div.light_rounded .pp_description a,
div.light_square .pp_description a {
text-decoration: none;
}
div.light_rounded .pp_description a:hover,
div.light_square .pp_description a:hover {
text-decoration: none;
}
.portfolio-wrapper h3 {
margin-top: 8px;
margin-bottom: 10px;
}
.portfolio-wrapper.col-padding-5 .portfolio-item {
padding: 0 5px;
margin: 5px 0;
}
.portfolio-wrapper.col-padding-10 .portfolio-item {
padding: 0 10px;
margin: 10px 0;
}
.portfolio-wrapper.col-padding-15 .portfolio-item {
padding: 0 15px;
margin: 15px 0;
}
.portfolio-wrapper.col-padding-20 .portfolio-item {
padding: 0 20px;
margin: 20px 0;
}
.portfolio-wrapper.rubino-col-md-2 .portfolio-item {
width: 50%;
}
.portfolio-wrapper.rubino-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-title,
.portfolio-wrapper.rubino-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 24px;
}
.portfolio-wrapper.rubino-col-md-2 .portfolio-item .portfolio-title-wrap.top .portfolio-tag,
.portfolio-wrapper.rubino-col-md-2 .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
font-size: 18px;
}
.portfolio-wrapper.rubino-col-md-2 .portfolio-item.portrait {
width: 50%;
}
.portfolio-wrapper.rubino-col-md-2 .portfolio-item.landscape {
width: 100%;
}
.portfolio-wrapper.rubino-col-md-2 .portfolio-item.small_squared {
width: 50%;
}
.portfolio-wrapper.rubino-col-md-2 .portfolio-item.big_squared {
width: 100%;
}
.portfolio-wrapper.rubino-col-md-3 .portfolio-item {
width: 33.3333333%;
}
.portfolio-wrapper.rubino-col-md-3 .portfolio-item .portfolio-title-wrap.top .portfolio-title,
.portfolio-wrapper.rubino-col-md-3 .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
font-size: 18px;
}
.portfolio-wrapper.rubino-col-md-3 .portfolio-item.portrait {
width: 33.3333333%;
}
.portfolio-wrapper.rubino-col-md-3 .portfolio-item.landscape {
width: 66.6666666%;
}
.portfolio-wrapper.rubino-col-md-3 .portfolio-item.small_squared {
width: 33.3333333%;
}
.portfolio-wrapper.rubino-col-md-3 .portfolio-item.big_squared {
width: 66.6666666%;
}
.portfolio-wrapper.rubino-col-md-4 .portfolio-item {
width: 25%;
}
.portfolio-wrapper.rubino-col-md-4 .portfolio-item.portrait {
width: 25%;
}
.portfolio-wrapper.rubino-col-md-4 .portfolio-item.landscape {
width: 50%;
}
.portfolio-wrapper.rubino-col-md-4 .portfolio-item.small_squared {
width: 20%;
}
.portfolio-wrapper.rubino-col-md-4 .portfolio-item.big_squared {
width: 50%;
}
@media screen and (max-width: 991px) {
.portfolio-wrapper.rubino-col-md-4 .portfolio-item {
width: 50%;
}
}
.portfolio-wrapper.rubino-col-md-5 .portfolio-item {
width: 20%;
float: left;
}
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.portrait {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.portrait {
width: 50%;
}
}
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.landscape {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.landscape {
width: 50%;
}
}
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.small_squared {
width: 20%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.small_squared {
width: 50%;
}
}
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.big_squared {
width: 40%;
}
@media screen and (max-width: 767px) {
.portfolio-wrapper.rubino-col-md-5 .portfolio-item.big_squared {
width: 50%;
}
}
.portfolio-wrapper.rubino-col-md-6 .portfolio-item {
width: 16.6666667%;
}
.portfolio-wrapper.rubino-col-md-6 .portfolio-item.portrait {
width: 16.6666667%;
}
.portfolio-wrapper.rubino-col-md-6 .portfolio-item.landscape {
width: 33.3333333%;
}
.portfolio-wrapper.rubino-col-md-6 .portfolio-item.small_squared {
width: 16.6666667%;
}
.portfolio-wrapper.rubino-col-md-6 .portfolio-item.big_squared {
width: 33.3333333%;
}
@media screen and (max-width: 1199px) {
.portfolio-wrapper .portfolio-item {
width: 33.33% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
@media screen and (max-width: 767px) {
.portfolio-wrapper .portfolio-item {
width: 50% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
@media screen and (max-width: 479px) {
.portfolio-wrapper .portfolio-item {
width: 100% !important;
height: auto !important;
}
.portfolio-wrapper .portfolio-item img {
height: auto !important;
}
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom {
border: 1px solid #eeeeee;
text-align: center;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title {
position: relative;
text-transform: uppercase;
margin-top: 15px;
display: block;
font-size: 16px;
padding-bottom: 10px;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-title:before,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-title:before {
content: '';
width: 50px;
height: 1px;
background-color: var(--text_color);
position: absolute;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.top .portfolio-tag,
.portfolio-wrapper .portfolio-item .portfolio-title-wrap.bottom .portfolio-tag {
margin-top: 10px;
margin-bottom: 15px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail i {
font-size: 24px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
opacity: 0;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color);
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color);
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: var(--primary_color);
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(255, 255, 255, 0.9);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: var(--primary_color);
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover {
text-align: left;
background: rgba(255, 255, 255, 0.9);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: var(--primary_color);
left: 0;
position: relative;
width: 100%;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i {
color: var(--primary_color);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: 0;
left: auto;
right: 0;
z-index: 1;
width: 50px;
height: 50px;
border-radius: 100%;
line-height: 48px;
border: 1px solid transparent;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 24px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:before {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:hover {
font-size: 24px;
border-color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid rgba(17, 17, 17, 0.9);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color);
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover:before {
content: '';
display: block;
position: absolute;
z-index: 2;
top: 7px;
left: 7px;
height: 25px;
width: 25px;
border-top: 4px solid var(--primary_color);
border-left: 4px solid var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover:after {
content: '';
display: block;
position: absolute;
z-index: 2;
bottom: 7px;
right: 7px;
height: 25px;
width: 25px;
border-bottom: 4px solid var(--primary_color);
border-right: 4px solid var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #ffffff;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
color: #ffffff;
font-size: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: #ffffff;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: var(--text_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
background: rgba(0, 0, 0, 0.5);
border: none;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content > a .title {
color: #ffffff;
font-size: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content > a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
color: #ffffff;
font-size: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: var(--primary_color);
font-style: italic;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
font-size: 20px;
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: var(--primary_color);
}
.portfolio-wrapper .portfolio-item .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: var(--primary_color);
font-style: italic;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail {
position: relative;
overflow: hidden;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_4 .entry-thumbnail-hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_5 .entry-thumbnail-hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_2 img,
.portfolio-wrapper.hover-dir-off .entry-thumbnail:hover.effect_3 img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid rgba(17, 17, 17, 0.9);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color);
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_4 .entry-thumbnail-hover {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
margin-bottom: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: #111111 !important;
}
.portfolio-wrapper.hover-dir-off .entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: var(--primary_color);
left: 0;
position: relative;
width: 100%;
font-weight: bold;
text-transform: uppercase;
}
.portfolio-slide.style-1 .portfolio-wrapper {
display: table;
width: 100%;
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content {
width: 17%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content .category {
font-size: 16px;
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content h2 {
position: relative;
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content h2 a {
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content h2 a {
font-size: 24px;
}
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content h2:before {
content: '';
height: 3px;
background-color: var(--primary_color);
width: 40px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -40px;
}
@media (max-width: 599px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content h2 {
margin: 10px 0;
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content h2:before {
display: none;
}
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content .entry-tag {
font-size: 16px;
margin-top: 75px;
}
@media (max-width: 599px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content .entry-content .entry-tag {
margin-top: 10px;
}
}
@media (max-width: 599px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-content {
width: 70%;
display: block;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
padding: 30px;
}
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb {
width: 83%;
display: table-cell;
vertical-align: middle;
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb .portfolio-slider-item {
width: 80%;
}
@media (max-width: 1199px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb .portfolio-slider-item {
width: 100%;
}
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb .entry-thumbnail {
min-height: 700px;
background-position: center center;
}
@media (max-width: 599px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb .entry-thumbnail {
min-height: 500px;
}
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb .swiper-button-black {
font-size: 0;
}
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb .swiper-button-black.swiper-button-prev {
display: none;
}
@media (max-width: 599px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb .swiper-button-black.swiper-button-prev {
display: block;
}
}
@media (max-width: 599px) {
.portfolio-slide.style-1 .portfolio-wrapper .portfolio-thumb {
display: block;
width: 100%;
}
}
@media (max-width: 599px) {
.portfolio-slide.style-1 .portfolio-wrapper {
display: block;
width: 100%;
}
}
.portfolio-slide.style-2 .portfolio-wrapper {
position: relative;
margin-bottom: 80px;
}
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-content {
position: absolute;
left: 50%;
bottom: -60px;
z-index: 2;
text-align: center;
background-color: #ffffff;
padding: 20px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
min-width: 500px;
-webkit-box-shadow: 2px 0 7px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0 7px 2px rgba(0, 0, 0, 0.2);
}
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-content .category,
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-content .entry-tag {
font-size: 18px;
}
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-content h2 {
margin: 10px 0;
}
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-content h2 a {
font-size: 24px;
text-transform: uppercase;
}
@media (max-width: 599px) {
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-content {
min-width: 250px;
}
}
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-thumb .portfolio-slider-item {
width: 75%;
}
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-thumb .portfolio-slider-item .entry-thumbnail {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 700px;
}
@media (max-width: 599px) {
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-thumb .portfolio-slider-item .entry-thumbnail {
min-height: 500px;
}
}
@media (max-width: 599px) {
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-thumb .portfolio-slider-item {
width: 100%;
}
}
.portfolio-slide.style-2 .portfolio-wrapper .portfolio-thumb .swiper-button-white {
font-size: 0;
}
.portfolio-full.detail-01 .portfolio-top {
margin-top: 50px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div:hover {
color: var(--primary_color);
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-01 .portfolio-top .col-md-12 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
@media (max-width: 767px) {
.portfolio-full.detail-01 .portfolio-top {
margin-top: 0;
}
}
.portfolio-full.detail-01 .paging-wrap {
margin-top: 60px;
}
.portfolio-full.detail-01 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div:hover {
background-color: var(--primary_color);
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-01 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
@media (max-width: 767px) {
.portfolio-full.detail-01 .paging-wrap {
margin-top: 30px;
}
}
.portfolio-full.detail-01 .portfolio-content-wrap {
padding-top: 30px;
}
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-title-wrap h2 {
position: relative;
font-size: 48px;
text-transform: none;
padding-bottom: 15px;
margin-top: 30px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-title-wrap h2:before {
content: '';
display: none;
}
@media (max-width: 767px) {
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-title-wrap h2 {
font-size: 36px;
}
}
@media (max-width: 479px) {
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-title-wrap h2 {
font-size: 30px;
margin-top: 0;
}
}
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-info-text {
text-align: center;
width: 70%;
margin: 0 auto;
}
@media (max-width: 767px) {
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-info-text {
width: 100%;
}
}
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-info {
display: table;
width: 100%;
margin-top: 30px;
}
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-info .portfolio-info-box {
display: table-cell;
width: 25%;
}
@media (max-width: 767px) {
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-info .portfolio-info-box {
width: 50%;
display: inline-block;
float: left;
}
}
@media (max-width: 767px) {
.portfolio-full.detail-01 .portfolio-content-wrap.gallery-full-width .portfolio-info {
display: block;
}
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2 {
position: relative;
font-size: 24px;
text-transform: uppercase;
padding-bottom: 15px;
margin-top: 15px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-title-wrap h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 20px;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
margin-bottom: 20px;
color: var(--text_color);
font-weight: bold;
text-transform: uppercase;
position: relative;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box h6:before {
content: '';
height: 1px;
width: 40px;
background-color: var(--primary_color);
position: absolute;
bottom: -10px;
left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box div {
line-height: 1.4;
color: var(--text_color);
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
border-radius: 3px;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-term-tag span:hover {
color: #ffffff;
background: var(--primary_color);
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
float: left;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
text-align: center;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-01 .portfolio-content-wrap .portfolio-info.spec .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-02 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item {
margin-bottom: 30px;
}
.portfolio-full.detail-02 .container .col-md-6 .post-slideshow .item img {
width: 100%;
}
.portfolio-full.detail-02 .col-md-6 {
text-align: left;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--text_color);
font-weight: bold;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--text_color);
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
border-radius: 3px;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
background: var(--primary_color);
color: #ffffff;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #eeeeee;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-02 .col-md-6 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-03 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-03 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div:hover {
color: var(--primary_color);
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-next {
right: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .post-slideshow .owl-nav > div.owl-prev {
left: 30px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap {
margin-top: 15px;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container {
margin-top: 0;
padding: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row {
margin: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row:hover .owl-nav {
opacity: 1;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div:hover {
background-color: var(--primary_color);
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-next {
right: 0;
}
.portfolio-full.detail-03 .container .col-md-8 .paging-wrap .container .row .owl-nav > div.owl-prev {
left: 0;
}
.portfolio-full.detail-03 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--text_color);
font-weight: bold;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--text_color);
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
border-radius: 3px;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
color: #ffffff;
background: var(--primary_color);
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #eeeeee;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-03 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-04 .container {
margin-top: 100px;
text-align: center;
}
.portfolio-full.detail-04 .container .col-md-8 img {
width: 100%;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item {
position: relative;
margin-bottom: 30px;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item .grid-image-hover i:hover {
color: var(--primary_color);
}
.portfolio-full.detail-04 .container .col-md-8 .post-grid .col-md-6 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-04 .col-md-4 {
text-align: left;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2 {
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--text_color);
font-weight: bold;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--text_color);
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
border-radius: 3px;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
color: #ffffff;
background: var(--primary_color);
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #eeeeee;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-04 .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-full.detail-05 .container {
margin-top: 100px;
}
.portfolio-full.detail-05 .container .col-md-12 img {
width: 100%;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item {
position: relative;
margin-bottom: 30px;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover {
opacity: 0;
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i {
font-size: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item .grid-image-hover i:hover {
color: var(--primary_color);
}
.portfolio-full.detail-05 .container .col-md-12 .post-grid .col-md-4 .item:hover .grid-image-hover {
opacity: 1;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap {
margin-top: 50px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 {
text-align: left;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2 {
color: var(--text_color);
margin-top: 0;
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-8 .portfolio-info h2:before {
content: '';
height: 1px;
width: 50px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box:first-child h6 {
margin-top: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box h6 {
font-size: 18px;
margin-top: 30px;
color: var(--text_color);
font-weight: bold;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box div {
line-height: 1.4;
color: var(--text_color);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-cat span {
text-transform: uppercase;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span {
padding: 5px 10px;
background: #f6f6f6;
margin-right: 5px;
display: inline-block;
margin-top: 5px;
border-radius: 3px;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-term-tag span:hover {
color: #ffffff;
background: var(--primary_color);
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper {
list-style: none;
list-style-type: none;
padding: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li {
display: inline-block;
margin: 0 9px;
width: 40px;
height: 40px;
float: left;
border: 1px solid #eeeeee;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a {
display: block;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li a i {
line-height: 38px;
width: 40px;
text-align: center;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:first-child {
margin-left: 0;
}
.portfolio-full.detail-05 .container.portfolio-content-wrap .col-md-4 .portfolio-info .portfolio-info-box .portfolio-social-profile-wrapper li:last-child {
margin-right: 0;
}
.portfolio-related-wrap .heading-wrap h2 {
font-size: inherit;
}
.portfolio-related-wrap .heading-wrap .post-navigation {
margin-top: 100px;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-previous .post-navigation-content,
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links .nav-next .post-navigation-content {
display: none;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div i {
color: var(--text_color);
top: 0;
margin-top: 0;
text-align: center;
height: 50px;
width: 60px;
line-height: 50px;
background-color: #f6f6f6;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links a div:hover i {
color: var(--primary_color);
}
.portfolio-related-wrap .heading-wrap .post-navigation .nav-links > i {
color: var(--text_color);
line-height: 50px;
font-size: 28px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .heading-wrap .heading {
text-align: center;
text-transform: uppercase;
color: var(--text_color);
font-size: 36px;
margin-top: 70px;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon {
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon i {
font-size: 12px;
color: var(--primary_color);
height: 30px;
width: 30px;
background-color: #ffffff;
line-height: 30px;
position: relative;
margin: 0 auto;
z-index: 1;
}
.portfolio-related-wrap .heading-wrap .heading .heading-icon:before {
content: '';
width: 70px;
height: 1px;
background-color: rgba(17, 17, 17, 0.5);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
@media (max-width: 479px) {
.portfolio-related-wrap .heading-wrap .heading {
font-size: 24px;
margin-top: 50px;
}
}
.portfolio-related-wrap .portfolio-related {
margin-top: 60px;
margin-bottom: 100px;
position: relative;
}
.portfolio-related-wrap .portfolio-related.portfolio-wrapper .portfolio-item {
width: 100% !important;
padding: 0 15px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 0;
height: 44px;
width: 44px;
padding: 0;
background-color: rgba(128, 128, 128, 0.5);
text-align: center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.portfolio-related-wrap .portfolio-related .owl-nav div i {
font-size: 24px;
color: #ffffff;
line-height: 44px;
}
.portfolio-related-wrap .portfolio-related .owl-nav div:hover {
background-color: var(--primary_color);
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-prev {
left: -10px;
}
.portfolio-related-wrap .portfolio-related .owl-nav .owl-next {
right: -10px;
}
.entry-thumbnail {
position: relative;
overflow: hidden;
}
.entry-thumbnail i {
font-size: 24px;
}
.entry-thumbnail:hover .entry-thumbnail-hover {
opacity: 1;
}
.entry-thumbnail img {
width: 100%;
height: auto;
display: block;
max-width: 100%;
display: inline-block;
}
.entry-thumbnail .entry-thumbnail-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(17, 17, 17, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
opacity: 0;
}
.entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.entry-thumbnail.icon-only .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
}
.entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color);
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.icon-only .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.entry-thumbnail.icon-title .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color);
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.icon-title .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.entry-thumbnail.icon-title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i {
color: var(--primary_color);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: auto;
left: auto;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a i:hover {
font-size: 36px;
}
.entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.entry-thumbnail.icon-title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: var(--primary_color);
left: 0;
position: relative;
width: 100%;
}
.entry-thumbnail.title-category .entry-thumbnail-hover {
text-align: center;
background: rgba(255, 255, 255, 0.9);
}
.entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner {
position: absolute;
top: 50%!important;
left: 50%!important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a .title:hover {
color: var(--primary_color);
}
.entry-thumbnail.title-category .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
white-space: nowrap;
color: var(--primary_color);
left: 0;
position: relative;
width: 100%;
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover {
text-align: left;
background: rgba(255, 255, 255, 0.9);
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content {
position: absolute;
top: auto;
bottom: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title {
white-space: nowrap;
position: relative;
width: 100%;
font-size: 20px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content .title:hover {
color: var(--primary_color);
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content span.category {
white-space: nowrap;
color: var(--primary_color);
left: 0;
position: relative;
width: 100%;
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i {
color: var(--primary_color);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative;
top: 0;
left: auto;
right: 0;
z-index: 1;
width: 50px;
height: 50px;
border-radius: 100%;
line-height: 48px;
border: 1px solid transparent;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
font-size: 24px;
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:before {
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.title-category-link .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner a.link i:hover {
font-size: 24px;
border-color: var(--primary_color);
}
.entry-thumbnail.effect_1 .entry-thumbnail-hover {
background: rgba(255, 255, 255, 0.9);
text-align: center;
border: 10px solid rgba(17, 17, 17, 0.9);
}
.entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color);
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.entry-thumbnail.effect_1 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.entry-thumbnail.effect_2 .entry-thumbnail-hover {
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
}
.entry-thumbnail.effect_2 .entry-thumbnail-hover:before {
content: '';
display: block;
position: absolute;
z-index: 2;
top: 7px;
left: 7px;
height: 25px;
width: 25px;
border-top: 4px solid var(--primary_color);
border-left: 4px solid var(--primary_color);
}
.entry-thumbnail.effect_2 .entry-thumbnail-hover:after {
content: '';
display: block;
position: absolute;
z-index: 2;
bottom: 7px;
right: 7px;
height: 25px;
width: 25px;
border-bottom: 4px solid var(--primary_color);
border-right: 4px solid var(--primary_color);
}
.entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content a .title {
color: #ffffff;
}
.entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
color: #ffffff;
font-size: 20px;
}
.entry-thumbnail.effect_2 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: #ffffff;
}
.entry-thumbnail.effect_3 .entry-thumbnail-hover {
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
}
.entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i {
color: var(--primary_color);
}
.entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a i:hover {
font-size: 36px;
}
.entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
color: var(--text_color);
}
.entry-thumbnail.effect_3 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: var(--text_color);
}
.entry-thumbnail.effect_4 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
background: rgba(0, 0, 0, 0.5);
border: none;
}
.entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content > a .title {
color: #ffffff;
font-size: 20px;
}
.entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner .hover-content > a .title:hover {
color: var(--primary_color);
}
.entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
color: #ffffff;
font-size: 20px;
}
.entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: var(--primary_color);
}
.entry-thumbnail.effect_4 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: var(--primary_color);
font-style: italic;
}
.entry-thumbnail.effect_5 .entry-thumbnail-hover {
text-align: center;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
background: rgba(255, 255, 255, 0.9);
border: none;
}
.entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title {
font-size: 20px;
}
.entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner > a .title:hover {
color: var(--primary_color);
}
.entry-thumbnail.effect_5 .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span.category {
color: var(--primary_color);
font-style: italic;
}
.product-gallery-shortcode-wrap.style_1 {
background-color: #f4f4f4;
}
.product-gallery-shortcode-wrap.style_1 .product-gallery-content {
position: relative;
width: 100%;
overflow: hidden;
}
.product-gallery-shortcode-wrap.style_1 .content-left {
width: 65%;
float: left;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover {
position: absolute;
top: 30%;
left: 50%;
height: 42px;
width: 42px;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.2);
border: 2px solid #ffffff;
text-align: center;
padding: 4px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover.icon_large {
width: 54px;
height: 54px;
padding: 5px;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover.icon_large .icon-hover-inner {
height: 40px;
width: 40px;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover.icon_large .icon-hover-inner i {
line-height: 40px;
margin-left: 15px;
font-size: 24px;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover.icon_large:hover .content-hover-icon {
-webkit-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
transform: translate(0, 40px);
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover .icon-hover-inner {
position: relative;
background-color: #ffffff;
border-radius: 100%;
height: 30px;
width: 30px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover .icon-hover-inner i {
font-size: 18px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 27px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover .content-hover-icon {
position: absolute;
left: 0;
padding-bottom: 25px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
transform: translate(0, 70px);
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
z-index: 3;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover .content-hover-icon .content-hover {
position: relative;
width: 190px;
background-color: #fff;
display: block;
text-align: center;
padding: 18px 5px 15px;
margin-left: -80px;
-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover .content-hover-icon .content-hover .product-title {
font-weight: bold;
font-size: 16px;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover .content-hover-icon .content-hover .icon-price {
font-size: 16px;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover .content-hover-icon .content-hover:before {
content: '';
border-top: 10px solid #ffffff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
left: 50%;
top: -10px;
margin-left: -10px;
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover:hover {
-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover:hover .content-hover-icon {
-webkit-transform: translate(0, 25px);
-ms-transform: translate(0, 25px);
transform: translate(0, 25px);
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
@media (max-width: 479px) {
.product-gallery-shortcode-wrap.style_1 .content-left .icon-hover {
display: none;
}
}
@media (max-width: 1199px) {
.product-gallery-shortcode-wrap.style_1 .content-left {
width: 100%;
}
}
.product-gallery-shortcode-wrap.style_1 .content-right {
width: 35%;
float: left;
padding: 30px;
text-align: center;
}
.product-gallery-shortcode-wrap.style_1 .content-right .pg-title {
margin-top: 50px;
margin-bottom: 0;
font-size: 48px;
text-transform: uppercase;
}
@media (max-width: 1919px) {
.product-gallery-shortcode-wrap.style_1 .content-right .pg-title {
font-size: 36px;
}
}
@media (max-width: 1300px) {
.product-gallery-shortcode-wrap.style_1 .content-right .pg-title {
margin-top: 25px;
}
}
@media (max-width: 1199px) {
.product-gallery-shortcode-wrap.style_1 .content-right .pg-title {
font-size: 36px;
margin-top: 0;
font-weight: bold;
}
}
@media (max-width: 767px) {
.product-gallery-shortcode-wrap.style_1 .content-right .pg-title {
font-size: 18px;
margin-top: 0;
}
}
.product-gallery-shortcode-wrap.style_1 .content-right .pg-sub-title {
display: inline-block;
font-style: italic;
position: relative;
margin: 30px 0;
}
.product-gallery-shortcode-wrap.style_1 .content-right .pg-sub-title:before,
.product-gallery-shortcode-wrap.style_1 .content-right .pg-sub-title:after {
margin: 0 10px;
content: '';
height: 1px;
background-color: var(--text_color);
width: 80px;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 1919px) {
.product-gallery-shortcode-wrap.style_1 .content-right .pg-sub-title:before,
.product-gallery-shortcode-wrap.style_1 .content-right .pg-sub-title:after {
width: 40px;
}
}
@media (max-width: 1199px) {
.product-gallery-shortcode-wrap.style_1 .content-right .pg-sub-title {
display: none;
}
}
.product-gallery-shortcode-wrap.style_1 .content-right .description {
padding: 0 20px;
}
@media (max-width: 1199px) {
.product-gallery-shortcode-wrap.style_1 .content-right .description {
display: none;
}
}
@media (max-width: 1919px) {
.product-gallery-shortcode-wrap.style_1 .content-right {
padding: 15px;
}
}
@media (max-width: 1199px) {
.product-gallery-shortcode-wrap.style_1 .content-right {
width: 100%;
}
}
.product-gallery-shortcode-wrap.style_1 #sync1:hover .owl-nav {
opacity: 1;
}
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
line-height: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav > div:hover {
color: var(--primary_color);
}
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav > div.owl-next {
right: 30px;
}
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav > div.owl-prev {
left: 30px;
}
@media (max-width: 767px) {
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav > div {
font-size: 36px;
}
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav > div.owl-next {
right: 15px;
}
.product-gallery-shortcode-wrap.style_1 #sync1 .owl-nav > div.owl-prev {
left: 15px;
}
}
.product-gallery-shortcode-wrap.style_1 #sync2 {
margin-top: 70px;
}
.product-gallery-shortcode-wrap.style_1 #sync2:hover .owl-nav {
opacity: 1;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-dots {
display: block;
text-align: center;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-dots .owl-dot {
-webkit-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
width: 10px;
height: 10px;
display: inline-block;
margin: 30px 5px;
margin-top: 70px;
border-radius: 100%;
background-color: rgba(17, 17, 17, 0.5);
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-dots .owl-dot span {
display: block;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-dots .owl-dot.active,
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-dots .owl-dot:hover {
background-color: var(--primary_color);
}
@media (max-width: 1919px) {
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-dots .owl-dot {
margin-top: 30px;
margin-bottom: 0;
}
}
@media (max-width: 1199px) {
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-dots .owl-dot {
display: none;
}
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-nav {
opacity: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-nav > div {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
padding: 7px 10px;
line-height: 1;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-nav > div:hover {
background-color: var(--primary_color);
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-nav > div.owl-next {
right: 0;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .owl-nav > div.owl-prev {
left: 0;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .item-thumb {
padding: 5px;
margin: 10px;
text-align: center;
position: relative;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .item-thumb:before {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.product-gallery-shortcode-wrap.style_1 #sync2 .synced .item-thumb {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 1919px) {
.product-gallery-shortcode-wrap.style_1 #sync2 {
margin-top: 30px;
}
}
@media (max-width: 1199px) {
.product-gallery-shortcode-wrap.style_1 #sync2 {
margin-top: 0px;
}
}
.product-gallery-shortcode-wrap.style_2 .owl-dots {
position: absolute;
left: 50%;
bottom: -70px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
text-align: center;
}
.product-gallery-shortcode-wrap.style_2 .owl-dots .owl-dot {
-webkit-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
width: 10px;
height: 10px;
display: inline-block;
margin: 5px;
border-radius: 100%;
background-color: #ffffff;
}
.product-gallery-shortcode-wrap.style_2 .owl-dots .owl-dot span {
display: block;
}
.product-gallery-shortcode-wrap.style_2 .owl-dots .owl-dot.active,
.product-gallery-shortcode-wrap.style_2 .owl-dots .owl-dot:hover {
background-color: var(--primary_color);
}
@media (max-width: 767px) {
.product-gallery-shortcode-wrap.style_2 .owl-dots {
bottom: 0;
}
}
.left .yl-image-slick .image_thumb {
float: left;
}
.yl-image-slick .slick-slide img {
padding: 5px;
}
.image_large.slick-slider {
width: 80%;
display: inline-block;
}
.image_large.slick-slider.not-thumb {
width: 100%;
}
.image_large .slick-prev,
.image_large .slick-next {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
opacity: 0;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.image_large .slick-prev.slick-disabled,
.image_large .slick-next.slick-disabled {
display: none!important;
}
.image_large .slick-prev i,
.image_large .slick-next i {
padding: 10px;
background-color: #ffffff;
cursor: pointer;
}
.image_large .slick-prev {
left: 3%;
}
.image_large .slick-next {
right: 3%;
}
.image_large:hover .slick-prev,
.image_large:hover .slick-next {
opacity: 1;
}
.image_thumb.slick-slider {
width: 20%;
display: inline-block;
vertical-align: top;
}
.image_thumb .slick-slide {
outline: none;
}
.image_thumb .slick-current img {
border: 1px solid #111;
}
.rtl .site-content-single-product .single-product-info.custom-page-layout .single-product-image-wrap .product-flash-wrap {
left: 25%;
}
.recent-news-wrapper .owl-nav .owl-next,
.recent-news-wrapper .owl-nav .owl-prev {
opacity: 0;
cursor: pointer;
position: absolute;
top: 50%;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-wrapper .owl-nav .owl-next i,
.recent-news-wrapper .owl-nav .owl-prev i {
border: 1px solid #eee;
padding: 15px;
background-color: #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-wrapper .owl-nav .owl-next:hover i,
.recent-news-wrapper .owl-nav .owl-prev:hover i {
background-color: var(--primary_color);
color: #ffffff;
border-color: var(--primary_color);
}
@media (max-width: 767px) {
.recent-news-wrapper .owl-nav .owl-next.nav_next,
.recent-news-wrapper .owl-nav .owl-prev.nav_next {
right: 0px;
}
.recent-news-wrapper .owl-nav .owl-next.nav_prev,
.recent-news-wrapper .owl-nav .owl-prev.nav_prev {
left: 0px;
}
}
.recent-news-wrapper .owl-nav .owl-next {
right: -40px;
}
.recent-news-wrapper .owl-nav .owl-prev {
left: -40px;
}
.recent-news-wrapper:hover .owl-nav .owl-prev,
.recent-news-wrapper:hover .owl-nav .owl-next {
opacity: 1;
}
.recent-news-wrapper:hover .owl-nav .owl-next {
right: 40px;
}
.recent-news-wrapper:hover .owl-nav .owl-prev {
left: 40px;
}
@media (max-width: 479px) {
.recent-news-wrapper:hover .owl-nav .owl-next,
.recent-news-wrapper:hover .owl-nav .owl-prev {
opacity: 1;
display:none;
}
.recent-news-wrapper:hover .owl-nav .owl-next {
right: 15px;
}
.recent-news-wrapper:hover .owl-nav .owl-prev {
left: 15px;
}
}
.recent-news-home_1 .recent-news-container article {
position: relative;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail {
position: relative;
overflow: hidden;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image {
overflow: hidden;
position: relative;
}
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
z-index: 1; }
.recent-news-home_1 .recent-news-container article .post-thumbnail .post-image img { }
.recent-news-home_1 .recent-news-container article .post-content {
z-index: 2;
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.recent-news-home_1 .recent-news-container article .post-content .content-text {
display: table-cell;
vertical-align: top;
padding: 0 20px;
}
.recent-news-home_1 .recent-news-container article .post-content .content-text .entry-title {
margin: 0;
font-size: 16px; }
.recent-news-home_1 .recent-news-container article .post-content .content-text .entry-title:hover {
color: var(--primary_color);
}
.recent-news-home_1 .recent-news-container article .post-content .content-text .line {
margin: 10px 0;
width: 40px;
height: 1px;
background-color: var(--text_color);
}
.recent-news-home_1 .recent-news-container article .post-content .content-text .post-author {
-webkit-transition: all 0.45s ease;
display:none; }
.recent-news-home_1 .recent-news-container article .post-content .content-text .post-author .author {
text-transform: capitalize;
}
.recent-news-home_1 .recent-news-container article .post-content .content-text .post-count-comments {
margin-left: 30px;
display:none; }
.recent-news-home_1 .recent-news-container article .post-content .content-text .post-count-comments i {
margin-right: 5px;
}
.recent-news-home_1 .recent-news-container article .post-content .post-info {
text-align: center;
padding: 14px 10px;
border: 1px solid var(--text_color);
min-width: 85px;
height: 85px;
border-radius: 3px;
}
.recent-news-home_1 .recent-news-container article .post-content .post-info .post-day {
text-transform: uppercase;
font-weight: bold;
font-size: 22px;
line-height: 1.2;
}
.recent-news-home_1 .recent-news-container article:hover .post-thumbnail .post-image:before {
background-color: rgba(0, 0, 0, 0);
border: solid 1px;
transform: none;
}
.recent-news-home_1 .recent-news-container article:hover .post-thumbnail .post-image img { }
.recent-news-home_2 .recent-news-container .post-thumbnail:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.recent-news-home_2 .recent-news-container .first-item:hover .post-thumbnail:before {
background-color: rgba(0, 0, 0, 0);
border: solid 1px;
z-index:1;
}
.recent-news-home_2 .recent-news-container .first-item .post-thumbnail {
position: relative;
height: auto;
background-size: cover !important;
}
@media (max-width: 767px) {
.recent-news-home_2 .recent-news-container .first-item .post-thumbnail {
height: 217px;
}
}
@media (max-width: 645px) {
.recent-news-home_2 .recent-news-container .first-item .post-thumbnail {
height: 190px;
}
}
@media (max-width: 555px) {
.recent-news-home_2 .recent-news-container .first-item .post-thumbnail {
height: 150px;
}
}
@media (max-width: 455px) {
.recent-news-home_2 .recent-news-container .first-item .post-thumbnail {
height: 130px;
}
}
.recent-news-home_2 .recent-news-container .first-item .entry-content {
color: var(--text_color);
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
padding: 10px 10px;
padding-top: 10px;
background-color: #ffffffa6;
}
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-title {
margin: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-title:hover {
color: var(--primary_color);
}
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-post-meta {
opacity: 0.9;
font-weight: normal;
line-height: 30px;
width: 100%;
display: none;
position: relative;
}
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-post-meta .post-author {
display: inline-block;
margin-right: 5px;
}
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-post-meta .post-date {
display: inline-block;
}
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-post-meta .author {
text-transform: capitalize;
font-weight: 700;
font-style: normal;
}
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-excerpt {
font-style: normal;
width: 100%;
}
@media (max-width: 767px) {
.recent-news-home_2 .recent-news-container .first-item .entry-content .entry-excerpt {
display: none;
}
}
@media (max-width: 767px) {
.recent-news-home_2 .recent-news-container .first-item .entry-content {
padding-right: 8px;
padding-left: 8px;
position: relative;
text-align: center;
}
}
@media (max-width: 767px) {
.recent-news-home_2 .recent-news-container .first-item {
margin-bottom: 30px;
}
}
.recent-news-home_2 .recent-news-container .col-md-6 .post-thumbnail {
display: table-cell;
position: relative;
height: 180px;
background-size: cover !important;
width: 50%;
}
@media (max-width: 900px) {
.recent-news-home_2 .recent-news-container .col-md-6 .post-thumbnail {
display: block;
width: 100% !important;
height: 217px;
}
}
@media (max-width: 767px) {
.recent-news-home_2 .recent-news-container .col-md-6 .post-thumbnail {
display: block;
width: 100%;
height: 217px;
}
}
@media (max-width: 645px) {
.recent-news-home_2 .recent-news-container .col-md-6 .post-thumbnail {
display: block;
width: 100%;
height: 190px;
}
}
@media (max-width: 555px) {
.recent-news-home_2 .recent-news-container .col-md-6 .post-thumbnail {
display: block;
width: 100%;
height: 150px;
}
}
@media (max-width: 455px) {
.recent-news-home_2 .recent-news-container .col-md-6 .post-thumbnail {
display: block;
width: 100%;
height: 130px;
}
}
.recent-news-home_2 .recent-news-container .col-md-6 .col-xs-12 {
display: table;
}
.recent-news-home_2 .recent-news-container .col-md-6 .col-xs-12:hover .post-thumbnail:before {
background-color: rgba(0, 0, 0, 0);
border: solid 1px;
z-index:1;
}
.recent-news-home_2 .recent-news-container .col-md-6 .last-post {
margin-top: 28px;
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 10px 8px;
padding-left: 30px;
color: var(--text_color);
background-color: #ffffffa6;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-title {
font-size: 15px;
margin: 0;
line-height: 30px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-title:hover {
color: var(--primary_color);
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-post-meta {
opacity: 0.9;
font-weight: normal;
line-height: 30px;
width: 100%;
display: none;
position: relative;
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-post-meta .post-author {
display: inline-block;
margin-right: 5px;
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-post-meta .post-date {
display: inline-block;
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-post-meta .author {
text-transform: capitalize;
font-weight: 700;
font-style: normal;
}
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-excerpt {
font-style: normal;
width: 100%;
}
@media (max-width: 767px) {
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content .entry-excerpt {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
.recent-news-home_2 .recent-news-container .col-md-6 .entry-content {
width: 100%;
text-align: center;
display: block;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding-right: 8px;
padding-left: 8px;
}
}
.recent-news-home_3 .recent-news-container article {
position: relative;
}
.recent-news-home_3 .recent-news-container article .post-thumbnail {
position: relative;
overflow: hidden;
}
.recent-news-home_3 .recent-news-container article .post-thumbnail .post-image {
overflow: hidden;
}
.recent-news-home_3 .recent-news-container article .post-thumbnail .post-image img {
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.recent-news-home_3 .recent-news-container article .post-content {
z-index: 2;
padding: 30px 0;
text-align: center;
}
.recent-news-home_3 .recent-news-container article .post-content .entry-title {
text-align: center;
font-size: 48px;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
@media (max-width: 767px) {
.recent-news-home_3 .recent-news-container article .post-content .entry-title {
font-size: 24px;
}
}
.recent-news-home_3 .recent-news-container article .post-content .post-author {
margin-left: 20px;
text-transform: capitalize;
-webkit-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.recent-news-home_3 .recent-news-container article .post-content .post-author:before {
content: "/";
margin-right: 20px;
}
.recent-news-home_3 .recent-news-container article .post-content .post-info {
margin-bottom: 15px;
text-align: center;
}
.recent-news-home_3 .recent-news-container article .post-content .post-excerpt {
text-align: center;
}
.recent-news-home_3 .recent-news-container article .post-content .btn_readmore {
font-weight: bold;
display: inline-block;
position: relative;
}
.recent-news-home_3 .recent-news-container article .post-content .btn_readmore:hover:before {
width: 100%;
}
.recent-news-home_3 .recent-news-container article .post-content .btn_readmore:before {
content: "";
position: absolute;
bottom: 0px;
background-color: var(--primary_color);
height: 1px;
width: 70%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
} #yolo-footer-wrapper .recent-news-home_1 .recent-news-container .hide_content {
display: none !important;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article {
margin-bottom: 20px;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .recent_news_item {
position: relative;
display: table;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-thumbnail {
width: 30%;
position: relative;
overflow: hidden;
display: table-cell;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-thumbnail .post-image img {
width: 100%;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-thumbnail .post-image {
height: auto;
}
}
@media (max-width: 479px) {
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-thumbnail .post-image {
height: auto;
}
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content {
display: table-cell;
z-index: 2;
width: 65%;
padding-left: 5%;
vertical-align: middle;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .entry-title {
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .entry-title a {
font-weight: 700;
font-size: 14px;
color: #4c4441 !important;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .entry-title a:hover {
color: #111111 !important;
}
@media (max-width: 479px) {
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .entry-title a {
font-size: 18px;
}
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .post-info {
margin-bottom: 0px;
color: #4c4441;
font-size: 12px;
text-transform: capitalize;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .post-info i {
color: #4c4441;
margin-right: 5px;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .post-info span {
padding-right: 10px;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content .post-excerpt {
color: rgba(0, 0, 0, 0.75);
}
@media (min-width: 992px) and (max-width: 1199px) {
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content {
width: 100%;
position: relative;
}
}
@media (max-width: 479px) {
#yolo-footer-wrapper .recent-news-home_1 .recent-news-container article .post-content {
width: 100%;
position: relative;
padding: 15px;
}
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-control .recent-news-nav {
cursor: pointer;
position: absolute;
top: 50%;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-control .recent-news-nav i {
padding: 15px;
background-color: #ffffff;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-control .recent-news-nav.nav_next {
right: 0;
}
#yolo-footer-wrapper .recent-news-home_1 .recent-news-control .recent-news-nav.nav_prev {
left: 0;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 15px 0;
position: relative;
border: 1px solid transparent;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail {
position: relative;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-image {
position: relative;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-image:before {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.35);
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-image img {
width: 100%;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 40px;
overflow: hidden;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .entry-title {
margin: 10px 0 5px 0;
color: #ffffff;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
@media (max-width: 479px) {
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .entry-title {
font-size: 14px;
}
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info {
opacity: 0;
font-size: 12px;
text-transform: uppercase;
color: var(--primary_color);
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
-webkit-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-category {
display: inline-block;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-category ul {
list-style: none;
padding: 0;
display: inline-block;
padding-right: 10px;
position: relative;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-category ul:after {
content: '/';
position: absolute;
right: 0;
top: 0;
font-size: 12px;
color: var(--primary_color);
display: inline-block;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .post-info .post-author {
padding-left: 5px;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .btn-readmore i {
opacity: 0;
position: absolute;
left: 50%;
top: 70%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
background-color: rgba(0, 0, 0, 0.35);
height: 60px;
width: 60px;
border-radius: 100%;
line-height: 58px;
text-align: center;
color: #ffffff;
font-size: 18px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 1px solid transparent;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content .btn-readmore i:hover {
color: var(--primary_color);
border: 1px solid var(--primary_color);
background-color: transparent;
}
@media (max-width: 479px) {
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article .post-thumbnail .post-content {
padding: 20px;
}
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article:hover .post-thumbnail {
border: 1px solid #eeeeee;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .entry-title,
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .post-info {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .btn-readmore i {
opacity: 1;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 479px) {
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-content .btn-readmore i {
top: 70%;
}
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-image {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
#yolo-footer-wrapper .recent-news-home_2 .recent-news-container article:hover .post-thumbnail .post-image:before {
opacity: 1;
} .yolo-teammember:hover .owl-nav .owl-prev,
.yolo-teammember:hover .owl-nav .owl-next {
opacity: 1;
}
.yolo-teammember .teammember-list {
padding: 0;
margin: 0;
list-style: none;
list-style-type: none;
overflow: hidden;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content {
cursor: pointer;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-image {
position: relative;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
filter: grayscale(1);
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-meta {
position: absolute;
text-align: center;
background-color: rgba(0, 0, 0, 0.8);
z-index: 2;
width: 100%;
bottom: -100%;
padding: 20px 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-meta .teammember-title {
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-meta .teammember-position {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
margin-bottom: 0px;
font-style: italic;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-meta .teammember-social-profile {
margin-top: 5px;
margin-bottom: 0px;
padding: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-meta .teammember-social-profile li {
font-size: 16px;
display: inline-block;
margin: 0 5px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-meta .teammember-social-profile li a {
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
background-color: #ffffff;
border-radius: 3px;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content .teammember-meta .teammember-social-profile li a:hover {
background-color: var(--primary_color);
color: #ffffff;
}
.yolo-teammember .teammember-list .teammember-item .teammember-content:hover .teammember-image {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);
}
.yolo-teammember .teammember-list .teammember-item .teammember-content:hover .teammember-meta {
bottom: -1px;
}
.yolo-teammember .owl-nav {
color: #222222;
}
.yolo-teammember .owl-nav:hover {
cursor: pointer;
}
.yolo-teammember .owl-nav .owl-next,
.yolo-teammember .owl-nav .owl-prev {
opacity: 0;
z-index: 1;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
position: absolute;
display: block;
top: 50%;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 5px;
}
.yolo-teammember .owl-nav .owl-next i,
.yolo-teammember .owl-nav .owl-prev i {
font-size: 40px;
}
.yolo-teammember .owl-nav .owl-next:hover i,
.yolo-teammember .owl-nav .owl-prev:hover i {
color: var(--primary_color);
}
.yolo-teammember .owl-nav .owl-next {
right: 0;
}
.yolo-teammember .owl-nav .owl-prev {
left: 0;
}
.yolo-team-fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: rgba(0, 0, 0, 0.7);
background-image: url(//mizumi.com.pl/wp-content/themes/images/3.GIF);
background-position: center center;
background-repeat: no-repeat;
z-index: 99999 !important;
}
.yolo-team-fix.db {
display: block;
}
.yolo-team-fix.bk-noimage {
background-image: none;
}
.yolo-team-fix .yolo-team-wrap {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
@media (max-width: 767px) {
.yolo-team-fix .yolo-team-wrap {
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
left: 10px;
right: 10px;
}
}
.yolo-team-content {
background: #ffffff;
top: 10%;
bottom: 10%;
right: 10%;
left: 10%;
height: auto;
position: relative;
padding: 50px 20px 40px 0;
overflow-y: scroll;
}
.yolo-team-content .team-left .teammember-image img {
width: 100%;
}
@media (max-width: 767px) {
.yolo-team-content {
width: 100%;
top: auto;
bottom: auto;
right: auto;
left: auto;
}
}
@media (max-width: 480px) {
.yolo-team-content {
padding: 0;
height: 300px;
}
.yolo-team-content .team-right {
padding-top: 10px;
width: 100% !important;
}
.yolo-team-content .team-left {
padding-top: 20px;
width: 100% !important;
}
.yolo-team-content .team-left .yolo-team-image {
width: 60%;
margin: 0 auto;
}
}
@media (max-width: 320px) {
.yolo-team-content {
padding: 0;
height: 300px;
overflow-y: scroll;
}
.yolo-team-content .team-right {
padding-top: 10px;
width: 100% !important;
}
.yolo-team-content .team-right .team-certificates {
display: none;
}
.yolo-team-content .team-left {
padding-top: 20px;
width: 100% !important;
}
.yolo-team-content .team-left .yolo-team-image {
width: 60%;
margin: 0 auto;
}
}
.yolo-team-content .team-remove {
width: 40px;
height: 40px;
background: #eeeff0;
position: absolute;
top: 0;
right: 0;
color: var(--text_color);
border: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
@media (max-width: 480px) {
.yolo-team-content .team-remove {
margin-top: -40px;
position: fixed;
}
}
.yolo-team-content .team-remove:hover {
background: #000000;
color: #ffffff;
}
.yolo-team-content .team-left {
width: 40%;
float: left;
text-align: center;
padding-left: 30px;
}
.yolo-team-content .team-left h4 {
font-size: 24px;
margin: 22px 10px 8px;
padding: 0;
color: var(--primary_color);
}
.yolo-team-content .team-left .team_position {
display: block;
color: var(--text_color);
text-transform: uppercase;
}
.yolo-team-content .team-right {
width: 60%;
float: left;
padding-left: 30px;
}
.yolo-team-content .team-right .team-title {
font-size: 24px;
position: relative;
color: var(--text_color);
padding: 0;
margin: 0 0 15px 0;
}
.yolo-team-content .team-right .team-title:before {
width: 4px;
height: 4px;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.yolo-team-content .team-right .team-contact ul {
list-style: none;
padding: 0;
margin: 0;
}
.yolo-team-content .team-right .team-contact ul li {
line-height: 28px;
}
.yolo-team-content .team-right .team-contact ul li i {
color: var(--primary_color);
padding-right: 17px;
}
.yolo-team-content .team-right .team-contact .team_socials a {
display: inline-block;
margin-top: 10px;
margin-right: 13px;
color: var(--text_color);
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
}
.yolo-team-content .team-right .team-contact .team_socials a:hover {
color: var(--primary_color);
}
.yolo-team-content .team-specialty {
margin-top: 20px;
}
.yolo-team-content .team-specialty .team-specialty-attr {
margin-top: 13px;
}
.yolo-team-content .team-specialty .team-specialty-attr ul {
float: left;
padding: 0;
margin: 0;
list-style: none;
width: 50%;
}
.yolo-team-content .team-specialty .team-specialty-attr ul li {
line-height: 36px;
position: relative;
padding: 0 0 0 14px;
}
.ylp-product-wrap .ylp-product-tabs-wrap .ylp-product-tab-content .ylp-product-inner .ylp-product-item-wrap.ylp-product-style_1 .ylp-product-item-inner .ylp-product-info span.price {
margin-top: 0;
margin-bottom: 0px;
text-align: left;
font-size: 12px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
color: var(--text_color);
}
.yolo-team-content .team-specialty .team-specialty-attr ul li:before {
width: 4px;
height: 4px;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: var(--text_color);
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.yolo-team-content .team-certificates {
margin-top: 20px;
color: var(--text_color);
} .yolo-testimonial .testimonial-item img {
max-width: 60%;
margin: 0 auto;
border-radius: 4px;
border: 1px solid grey;
}
.yolo-testimonial .owl-nav .owl-next,
.yolo-testimonial .owl-nav .owl-prev {
opacity: 0;
cursor: pointer;
position: absolute;
top: 10px;
z-index: 99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-testimonial .owl-nav .owl-next i,
.yolo-testimonial .owl-nav .owl-prev i {
padding: 10px 15px;
background-color: #ffffff;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border: 1px solid #eee;
}
.yolo-testimonial .owl-nav .owl-next:hover i,
.yolo-testimonial .owl-nav .owl-prev:hover i {
background-color: var(--primary_color);
color: #ffffff;
}
.yolo-testimonial .owl-nav .owl-next {
right: 5px;
}
.yolo-testimonial .owl-nav .owl-prev {
left: 5px;
}
.yolo-testimonial:hover .owl-nav .owl-next,
.yolo-testimonial:hover .owl-nav .owl-prev {
opacity: 1;
}
.yolo-testimonial:hover .owl-nav .owl-next {
right: -15px;
}
.yolo-testimonial:hover .owl-nav .owl-prev {
left: -15px;
}
.yolo-testimonial .owl-dots {
display: block;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.yolo-testimonial .owl-dots .owl-dot {
-webkit-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
width: 10px;
height: 10px;
display: inline-block;
margin: 5px;
border-radius: 100%;
background-color: #eee;
}
.yolo-testimonial .owl-dots .owl-dot span {
display: block;
}
.yolo-testimonial .owl-dots .owl-dot.active,
.yolo-testimonial .owl-dots .owl-dot:hover {
background-color: var(--primary_color);
}
@media (max-width: 767px) {
.yolo-testimonial .owl-dots {
display: none;
}
}
.yolo-testimonial.testimonial-carousel {
text-align: center;
position: relative;
}
.yolo-testimonial.testimonial-carousel .testimonial-list {
padding: 0;
margin: 20px 0 0 0;
list-style: none;
list-style-type: none;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-thumb {
width: 100px;
height: 100px;
margin: 0 auto;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-content {
position: relative;
margin-bottom: 0;
margin-top: 0px;
padding-bottom: 0px;
color: #666666;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-content:before {
content: '"';
display: inline-block;
font-size: 48px;
line-height: 1;
font-family: inherit;
font-style: italic;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-title {
text-transform: uppercase;
color: var(--primary_color);
font-size: 16px;
margin-top: 15px;
font-weight: bold;
margin-bottom: 5px;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-position {
margin-bottom: 0px;
color: #666666;
}
.yolo-testimonial.testimonial-carousel .testimonial-list .testimonial-item .testimonial-special {
margin-bottom: 0px;
display: none;
}
.yolo-testimonial.testimonial-carousel2 {
text-align: center;
position: relative;
}
.yolo-testimonial.testimonial-carousel2 .testimonial-list {
padding: 0;
margin: 20px 0 0 0;
list-style: none;
list-style-type: none;
}
.yolo-testimonial.testimonial-carousel2 .testimonial-list .testimonial-item .testimonial-thumb {
width: 100px;
height: 100px;
margin: 0 auto;
}
.yolo-testimonial.testimonial-carousel2 .testimonial-list .testimonial-item .testimonial-content {
position: relative;
margin-bottom: 0;
margin-top: 0px;
padding-bottom: 0px;
color: #666666;
}
.yolo-testimonial.testimonial-carousel2 .testimonial-list .testimonial-item .testimonial-content:before {
content: '"';
display: inline-block;
font-size: 36px;
line-height: 1;
font-family: inherit;
font-style: italic;
}
.yolo-testimonial.testimonial-carousel2 .testimonial-list .testimonial-item .testimonial-title {
text-transform: uppercase;
color: var(--primary_color);
font-size: 16px;
margin-top: 15px;
font-weight: bold;
margin-bottom: 5px;
}
.yolo-testimonial.testimonial-carousel2 .testimonial-list .testimonial-item .testimonial-position {
margin-bottom: 0px;
color: #666666;
}
.yolo-testimonial.testimonial-carousel2 .testimonial-list .testimonial-item .testimonial-special {
margin-bottom: 0px;
display: none;
}
.yolo-testimonial.testimonial-carousel3 {
text-align: center;
position: relative;
}
.yolo-testimonial.testimonial-carousel3 .testimonial-list {
padding: 0;
margin: 20px 0 0 0;
list-style: none;
list-style-type: none;
}
.yolo-testimonial.testimonial-carousel3 .testimonial-list .testimonial-item .testimonial-content {
position: relative;
margin-bottom: 0;
font-size: 12px;
margin-top: 10px;
padding-bottom: 10px;
color: #666666;
}
.yolo-testimonial.testimonial-carousel3 .testimonial-list .testimonial-item .testimonial-content:before {
content: '"';
display: none;
font-size: 36px;
line-height: 1;
font-family: inherit;
font-style: italic;
}
.yolo-testimonial.testimonial-carousel3 .testimonial-list .testimonial-item .testimonial-title {
text-transform: uppercase;
color: var(--primary_color);
font-size: 11px;
font-weight: bold;
margin-bottom: 5px;
display: inline-block;
}
.yolo-testimonial.testimonial-carousel3 .testimonial-list .testimonial-item .testimonial-title:after {
content: '-';
display: none;
margin: 0 5px;
}
.yolo-testimonial.testimonial-carousel3 .testimonial-list .testimonial-item .testimonial-position {
text-transform: uppercase;
display: inline-block;
font-weight: bold;
margin-bottom: 0px;
color: var(--primary_color);
}
.yolo-testimonial.testimonial-carousel4 {
text-align: center;
position: relative;
}
.yolo-testimonial.testimonial-carousel4 .testimonial-list {
padding: 0;
margin: 20px 0 0 0;
list-style: none;
list-style-type: none;
}
.yolo-testimonial.testimonial-carousel4 .testimonial-list .testimonial-item .testimonial-content {
position: relative;
margin-bottom: 0;
margin-top: 0px;
padding-bottom: 0px;
font-size: 24px;
font-style: italic;
color: var(--primary_color);
}
.yolo-testimonial.testimonial-carousel4 .testimonial-list .testimonial-item .testimonial-content:before,
.yolo-testimonial.testimonial-carousel4 .testimonial-list .testimonial-item .testimonial-content:after {
content: '"';
display: inline-block;
line-height: 1;
font-family: inherit;
margin: 0 5px;
}
@media (max-width: 1199px) {
.yolo-testimonial.testimonial-carousel4 .testimonial-list .testimonial-item .testimonial-content {
font-size: 14px;
}
}
.yolo-testimonial.testimonial-carousel4 .testimonial-list .testimonial-item .testimonial-title {
margin-top: 30px;
color: var(--primary_color);
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
line-height: 1;
}
.yolo-testimonial.testimonial-carousel4 .testimonial-list .testimonial-item .testimonial-position {
font-size: 18px;
font-weight: bold;
margin-bottom: 0px;
color: var(--primary_color);
font-style: italic;
}
.yolo-testimonial.testimonial-carousel4 .owl-dots {
margin-top: 30px;
} .yolo-video-player {
position: relative;
display: table;
width: 100%;
}
.yolo-video-player .container-text {
position: relative;
}
.yolo-video-player .yl-button-play {
opacity: 1;
display: table-cell;
vertical-align: middle;
}
.yolo-video-player .yl-button-play .play-button {
text-align: center;
display: table;
margin: 0 auto;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.yolo-video-player .yl-button-play .play-button:hover {
cursor: pointer;
}
.yolo-video-player .yl-button-play .play-button:hover i {
color: #111111 !important;
}
.yolo-video-player .yl-button-play .play-button i {
vertical-align: middle;
display: table-cell;
font-size: 50px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 767px) {
.yolo-video-player .yl-button-play .play-button i {
font-size: 160px;
}
}
@media (max-width: 480px) {
.yolo-video-player .yl-button-play .play-button i {
font-size: 130px;
}
}
.yolo-video-player .iframe-video-player {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0;
display: none;
overflow: hidden;
background-color: #000000;
}
.yolo-video-player .iframe-video-player .video-close {
padding: 5px 10px;
right: 0;
cursor: pointer;
color: white;
background: var(--primary_color);
z-index: 1;
position: absolute;
}
.yolo-video-player.style_1 {
display: block;
margin-bottom: 30px;
}
.yolo-video-player.style_1 .container-text {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 991px) {
.yolo-video-player.style_1 .container-text {
position: relative;
}
}
.yolo-video-player.style_1 .yl-button-play {
display: block;
}
.yolo-video-player.style_1 .yl-button-play .yl-introduction {
top: 0px;
left: 0;
position: relative;
font-size: 28px;
color: #ffffff;
text-align: center;
margin-bottom: 0;
margin-top: 10px;
}
@media (max-width: 767px) {
.yolo-video-player.style_1 .yl-button-play .yl-introduction {
font-size: 24px;
}
}
.yolo-video-player.style_1 .yl-button-play .yl-description {
right: 0;
bottom: 0px;
position: relative;
font-size: 20px;
font-weight: 400;
color: #ffffff;
text-align: center;
text-transform: uppercase;
margin-top: 0px;
}
@media (max-width: 767px) {
.yolo-video-player.style_1 .yl-button-play .yl-description {
font-size: 16px;
}
}
.yolo-video-player.style_1 .yl-button-play .play-button {
text-align: center;
display: block;
margin: 0 auto;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.yolo-video-player.style_1 .yl-button-play .play-button:hover {
cursor: pointer;
}
.yolo-video-player.style_1 .yl-button-play .play-button i {
vertical-align: middle;
display: block;
font-size: 60px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.yolo-video-player.style_1 .iframe-video-player {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0;
display: none;
overflow: hidden;
background-color: #000000;
}
.yolo-video-player.style_1 .iframe-video-player .video-close {
padding: 5px 10px;
right: 0;
cursor: pointer;
color: white;
background: var(--primary_color);
z-index: 1;
position: absolute;
}
.yolo-video-player.style_2 .container-text {
position: relative;
}
.yolo-video-player.style_2 .yl-button-play .yl-introduction {
top: 0px;
left: 0;
position: relative;
font-size: 72px;
color: #ffffff;
text-align: center;
margin-bottom: 0;
margin-top: 30px;
}
@media (max-width: 767px) {
.yolo-video-player.style_2 .yl-button-play .yl-introduction {
font-size: 36px;
}
}
.yolo-video-player.style_2 .yl-button-play .yl-description {
right: 0;
bottom: 0px;
position: relative;
font-size: 24px;
font-weight: 400;
color: #ffffff;
text-align: center;
text-transform: uppercase;
margin-top: 30px;
}
@media (max-width: 767px) {
.yolo-video-player.style_2 .yl-button-play .yl-description {
font-size: 18px;
}
}
.yolo-video-player.style_2 .yl-button-play .play-button {
text-align: center;
display: table;
margin: 0 auto;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.yolo-video-player.style_2 .yl-button-play .play-button:hover {
cursor: pointer;
}
.yolo-video-player.style_2 .yl-button-play .play-button:hover i {
color: #4c4441 !important;
}
.yolo-video-player.style_2 .yl-button-play .play-button i {
vertical-align: middle;
display: table-cell;
font-size: 210px;
color: var(--primary_color);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (max-width: 767px) {
.yolo-video-player.style_2 .yl-button-play .play-button i {
font-size: 150px;
}
}
.yolo-video-player.style_2 .iframe-video-player {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0;
display: none;
overflow: hidden;
background-color: #000000;
}
.yolo-video-player.style_2 .iframe-video-player .video-close {
padding: 5px 10px;
right: 0;
cursor: pointer;
color: white;
background: var(--primary_color);
z-index: 1;
position: absolute;
}