/*

Theme Name: Yolo Sofani Child Theme
Theme URI: http://yolotheme.com/
Author: YoloTheme
Author URI: https://www.facebook.com/Yolotheme/
Description: This is a custom child theme for Yolo Sofani
Template: yolo-sofani
Version: 1.0.0
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, translation-ready
Text Domain: yolo-sofani
*/
/*
@supports (--css:variables) {
    :root {
        --primary_color: #ff8c00;
    }
}
html {
    overflow-x: hidden!important;
}

.yolo-top-bar {
    color: #f8f8f8;
    background-color: #ff8c00;
}
.header-6 .yolo-top-bar aside .textwidget i {
    color: #f8f8f8;
}
.yolo-top-bar .top-sidebar input {
    background-color: #f1f1f1;
}
.dialog.dialog--open {
    background-color: #ff8c00;
}
header.header-6 .yolo-header-nav-wrapper {
    color: #000000;
    background-color: #ffffff;
}
header.header-6 .yolo-header-nav-wrapper.sticky-on {
    height: 80px;
    padding-top: 10px;
    background-color: #f1f1f1;
}
header.header-6 .yolo-header-nav-wrapper {
    color: #101010;
    background-color: #f1f1f1!important;
}
@media screen and (min-width: 992px) {
    .yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on {
        background-color: #ffffff;
    }
    .yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on {
        color: #000000!important;
        background-color: #ffffff!important;
    }
    .yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li > a {
        color: #000000;
    }
    header.yolo-main-header .yolo-header-wrapper .yolo-main-menu > li:hover > a {
        color: #ff8c00;
    }
    header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.current-menu-item > a {
        color: #ff8c00!important;
    }
    header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children ul.sub-menu li.current-menu-item > a {
        color: #ff8c00;
    }
    header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.menu-item-has-children:hover > a {
        color: #ff8c00;
    }
}

@media screen and (min-width: 992px) {
    .navbar-nav > li > a:hover,
    header.yolo-main-header .yolo-header-wrapper .yolo-main-menu li.current-menu-item > a {
        color: #ff8c00!important;
    }
}
.product-item-wrap:hover h3 {
    color: #ff8c00;
}
.woocommerce .product-info span.price, .single-product .product-info span.price {
    color: #ff8c00!important;
}
header.yolo-main-header .yolo-header-wrapper .yolo-main-menu > li > a:hover {
    color: #ff8c00;
}
.yolo-sticky-wrapper.is-sticky > .yolo-header-nav-wrapper.sticky-scheme-dark.sticky-on .menu-wrapper .yolo-main-menu > li > a:hover {
    color: #ff8c00;
}
.site-content-single-product .single-product-info .summary-product-wrap p.price {
    color: #ff8c00;
}
.site-content-single-product .single-product-info .summary-product-wrap form.variations_form .single_variation span.price {
    color: #ff8c00;
}
*/
.site-content-single-product .single-product-info .summary-product-wrap .product-shipping-day p {
    color: #888888;
    font-size: 12px;
}
/*
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper p a:hover,
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:hover,
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.contact-list li:hover a,
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper ul.custom-list li a:hover {
    color: #111111!important;
}
.yolo-footer-wrapper.footer-default .wpb_wrapper .wpb_wrapper .wpb_wrapper .icon-btt {
    background-color: #818181;
    border: 1px solid #8c8c8c;
}
*/
.yolo-product-tabs-wrap .yolo-product-tab-content .woocommerce .product-item-wrap {
    height: 418px!important;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-title {
    font-size: 42px!important;
}
@media screen and (max-width: 991px) {
    #yolo-footer-wrapper {
        margin-bottom: 40px;
    }
    .yolo-page-title-section.has-page-title .yolo-breadcrumb-wrap {
        /*top: 10px;*/
        width: 100%;
        height: 45px;
        overflow: hidden;
    }
    .block-center-inner h1 {
        line-height: 1.2!important;
    }
    /*
    .yolo-mobile-header-nav {
        background-color: #ff8c00;
    }
    form.yolo-search-form-mobile-menu {
        background-color: #f29455;
    }
    form.yolo-search-form-mobile-menu input {
        background-color: #f8f8f8;
    }
    ul.yolo-nav-mobile-menu ul.sub-menu {
        background-color: var(--primary_color);
    }
    ul.yolo-nav-mobile-menu li.menu-item.sub-menu-open > ul.sub-menu:before {
        border-color: transparent transparent var(--primary_color);
    }
    ul.yolo-nav-mobile-menu li.menu-item:not(.sub-menu-open):hover {
        background-color: var(--primary_color);
    }
    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: #fff;
    }
    ul.yolo-nav-mobile-menu ul ul.sub-menu {
        background-color: var(--primary_color);
    }
    ul.yolo-nav-mobile-menu ul.sub-menu > li.menu-item.sub-menu-open > ul.sub-menu:before {
        background-color: var(--primary_color);
    }
    */
    .back-to-top {
        bottom: 80px!important;
    }
}

/* Fixed Side Bar */
.yolo-theme-sidebar {
    top: 28%;
    z-index: 9;
    width: auto;
    right: 10px;
	position: fixed;
	border-radius: 2px;
	background-color: #8fc7fe;
    /*background-color: #f29455;*/
}
.yolo-theme-sidebar > .yolo-item {
	color: #333;
	/*width: 50px;*/
	width: 100%;
    height: 50px;
    font-size: 16px;
	display: block;
	cursor: pointer;
	line-height: 1.8;
    text-align: center;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #d0e7fd;/*#faa368;*/
}
/*.yolo-theme-sidebar > .yolo-item:first-child {
    background-color: #FF6600;
}
.yolo-theme-sidebar > .yolo-item:nth-child(2) {
    background-color: #3366CC;
}
.yolo-theme-sidebar > .yolo-item:nth-child(3) {
    background-color: #990033;
}
.yolo-theme-sidebar > .yolo-item:last-child {
    border-bottom: 0;
    background-color: #009966;
}*/
/*.yolo-theme-sidebar > .yolo-item:hover {
	background: #d86b23;
}*/
.yolo-theme-sidebar > .yolo-item > .yolo-item-icon {
    display: block;
    height: 36px;
    margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
.yolo-theme-sidebar > .yolo-item > .yolo-item-text {
    top: 0;
    right: 10px;
    opacity: 0;
    z-index: 1;
    width: auto;
    height: 50px;
    color: #333333;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    visibility: hidden;
    padding-left: 10px;
    padding-right: 10px;
    /*background-color: #f29455;*/
    /*transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
    -o-transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;
    -webkit-transition: left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s;*/
}
.yolo-theme-sidebar > .yolo-item > .yolo-item-text:after {
    width: 0;
    height: 0;
    z-index: 1;
    top: 20px;
    right: -6px;
    content: "";
    position: absolute;
    border-left: 6px solid #d0e7fd;/*#f29455;*/
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.yolo-theme-sidebar > .yolo-item:hover .yolo-item-text {
    opacity: 1;
    left: -180px;
    color: #333333;
    visibility: visible;
    background-color: #d0e7fd;
}
.yolo-theme-sidebar > .yolo-item:hover > .yolo-item-icon {
    opacity: 0;
    visibility: hidden;
}
/*
.yolo-theme-sidebar > .yolo-item:first-child:hover > .yolo-item-text {
    background-color: #F29455;
}
.yolo-theme-sidebar > .yolo-item:nth-child(2):hover > .yolo-item-text {
    background-color: #4A76CC;
}
.yolo-theme-sidebar > .yolo-item:nth-child(3):hover > .yolo-item-text {
    background-color: #BA013F;
}
.yolo-theme-sidebar > .yolo-item:last-child:hover > .yolo-item-text {
    background-color: #01B478;
}
.yolo-theme-sidebar > .yolo-item:nth-child(2) > .yolo-item-text:after {
    border-left: 6px solid #4A76CC;
}
.yolo-theme-sidebar > .yolo-item:nth-child(3) > .yolo-item-text:after {
    border-left: 6px solid #BA013F;
}
.yolo-theme-sidebar > .yolo-item:last-child > .yolo-item-text:after {
    border-left: 6px solid #01B478;
}
*/
.woocommerce .product-thumb img, .single-product .product-thumb img {
    width: unset;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1200px) {
    #primary-menu > .yolo-main-menu > li:last-child {
        display: none;
    }
}
@media (max-width: 991px) {
    .footer-mobile-nav {
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		z-index: 999;
		position: fixed;
		overflow: hidden;
	}
	.footer-mobile-nav > .footer-navbar {
		height: auto;
		display: flex;
		display: -webkit-flex;
		align-content: center;
		background: #333333; /* fallback for old browsers */
		/*background: -webkit-linear-gradient(to top, #d86b23, #f29455); /* Chrome 10-25, Safari 5.1-6 */
		/*background: linear-gradient(to top, #d86b23, #f29455); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}
	.footer-mobile-nav > .footer-navbar > .item {
	    flex: 4;
		width: 25%;
		color: #fff;
		font-size: 120%;
		display: block;
		text-align: center;
		overflow: hidden;
		padding-top: 5px;
		padding-bottom: 10px;
		border-right: 1px solid #666666;/*#f29455;*/
	}
	.footer-mobile-nav > .footer-navbar > .item:last-child {
	    border-right: 0;
	}
	.footer-mobile-nav > .footer-navbar > .item > span {
	    display: block;
	    margin-top: -10px;
	    text-align: center;
	}
}
@media (max-width: 640px) {
    .yolo-full-width .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.woocommerce ul.categories_list_widget li {
    margin: 0;
    list-style: none;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .categories_list_widget {
    width: 100%;
    left: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .categories_list_widget > li {
    padding: 15px;
    color: #333;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .categories_list_widget > li:hover {
    transform: scale(1);
    transform: translate3d(3px, 0, 0);
    border-left: 3px solid var(--primary_color);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .gallery_down_widget {
    width: 100%;
    left: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .gallery_col-2_widget > li {
    float: left;
    width: 50%;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .gallery_col-3_widget > li {
    float: left;
    width: 33.333333%;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .gallery_col-4_widget > li {
    float: left;
    width: 25%;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .gallery_down_widget > li {
    color: #333;
    padding: 15px;
    position: relative;
    border: 1px solid #ddd;
    -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 .gallery_down_widget > li:hover {
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    border: 3px solid var(--primary_color);
}
.yolo_widget_area > .yolo_megamenu_widget_area section .gallery_down_widget > li > a > p.title {
    clear: both;
    padding-top: 20px;
    margin-bottom: 0px;
}
.yolo_widget_area > .yolo_megamenu_widget_area section .gallery_down_widget > li > a > img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.site-content-single-product .single-product-extend {
    position: relative;
    background-color: #fff;
    padding: 10px 0px 30px;
    /*overflow: hidden;*/
}
.accordion-panel-group {
    margin-bottom: 30px;
}
.accordion-panel-default {
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.accordion-panel-heading {
    color: #333;
    border-radius: 0;
    border-color: #ddd;
    border-bottom: 0;
    padding: 5px 15px;
    background-color: #dadada;
}
.accordion-heading-title {
    margin: 0;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'VAG Rounded LT CYR W10 Black', 'VAG Rounded LT W04 Black', 'VAG Rounded LT W01 Black', 'Open Sans';
}
.accordion-heading-title a {
    color: #333;
    display: block;
    margin-bottom: 0;
    border-bottom: 0;
    font-weight: 600;
    padding: 13px 20px 13px 16px;
    font-family: 'VAG Rounded LT CYR W10 Black', 'VAG Rounded LT W04 Black', 'VAG Rounded LT W01 Black', 'Open Sans';
}
.accordion-heading-title a .cowboy-pull-right {
    float: right;
}
.cowboy-pull-right {
    width: 10px;
    height: 10px;
    margin-top: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.collapsed .cowboy-pull-right {
    margin-top: 6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.accordion-panel-body {
    height: auto;
    padding: 15px;
    /*overflow: hidden;*/
    border-top: 1px solid #ddd;
}
.accordion-row-container {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.accordion-column {
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: top;
    /*overflow: hidden;*/
    position: relative;
}
@media (max-width: 768px) {
    .accordion-column {
        width: 100%;
        height: auto;
        margin: 10px auto;
    }
}
@media (min-width: 769px) {
    .accordion-column {
        width: 50%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.accordion-column dl {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    font-size: 16px;
    align-items: flex-start;
    justify-content: flex-start;
}
.accordion-column dl dt {
    width: 30%;
    flex: 0 0 auto;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.accordion-column dl dd {
    width: 70%;
    flex: 0 0 auto;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.accordion-product-size {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.accordion-product-size > .accordion-column-link {
    width: 50%;
    display: block;
    flex: 0 0 auto;
}
.accordion-product-size > .accordion-column-link > img.product-size-thumbnail {
    max-width: 100%;
}
.accordion-tooltip-column {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    margin: 10px auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.accordion-tooltip-column > .accordion-tooltip-box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}
.accordion-tooltip-column > .accordion-tooltip-box > .bootstrap-tooltip-box {
    width: 20%;
    height: auto;
    flex: 0 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.accordion-tooltip-column > .accordion-tooltip-box > .bootstrap-tooltip-box > img {
    display: block;
    margin: 0 auto;
    border: 1px solid #e1e1e1;
}
.accordion-tooltip-column .accordion-tooltip-box .bootstrap-tooltip-box .tooltip-inner {
    min-width: 240px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    word-break: normal;
    word-wrap: break-word;
    white-space: pre-line;
    text-decoration: none;
    color: #333333!important;
    background-color: #f1f1f1!important;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
@media (max-width: 677px) {
    .accordion-tooltip-column .accordion-tooltip-box .bootstrap-tooltip-box .tooltip-inner {
        width: 100%;
        margin-left: 20px;
    }
}
.accordion-column-intro {
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
}
@media (max-width: 999px) {
    .accordion-column-intro {
        width: 100%;
        height: auto;
        margin: 10px auto;
    }
}
@media (min-width: 1000px) {
    .accordion-column-intro {
        width: 50%;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.accordion-about-introduce {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #f8fae5;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.about-introduce-no {
    width: 100px;
    height: 100%;
    padding: 10px;
    flex: 0 0 auto;
    text-align: center;
    /*transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);*/
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.about-introduce-no > em {
    font-size: 48px;
    vertical-align: middle;
}
.about-introduce-content {
    width: 80%;
    height: auto;
    color: #ffffff;
    flex: 0 0 auto;
    min-height: 180px;
    /*padding-left: 10px;*/
    padding-right: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 999px) {
    .about-introduce-content {
        min-height: unset;
    }
}
.about-introduce-content > h3 {
    padding: 10px;
    color: #f8fae5;
    font-size: 18px;
    margin-left: -60px;
}
.about-introduce-content > p {
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
}
.about-introduce-content > .trangle {
    width: 0;
	height: 0;
	border: 60px solid transparent;
	border-left-color: #f8fae5;
}
.introduce-product-no > em {
    color: #63c9bb;
}
.introduce-delivery-no > em {
    color: #c8b799;
}
.introduce-warrantys-no > em {
    color: #63514f;
}
.introduce-logistics-no > em {
    color: #fd604d;
}
.introduce-product-bg {
    background-color: #63c9bb;
}
.introduce-delivery-bg {
    background-color: #c8b799;
}
.introduce-warrantys-bg {
    background-color: #63514f;
}
.introduce-logistics-bg {
    background-color: #fd604d;
}
#YB_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    position: fixed;
    z-index: 100050;
    background: #000;
    filter: alpha(opacity=70);
}
#YB_close {
    top: 0;
    right: 0;
    position: fixed;
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    position: fixed;
    width: 50px;
    height: 40px;
    padding: 6px;
    display: block;
    background-position: 10px center;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    z-index: 100050;
}
#YB_window {
    top: 50%;
    left: 50%;
    z-index: 100050;
    visibility: hidden;
    text-align: left;
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
}
#YB_window > img.thumbnail {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap {
    background-color: rgba(221, 221, 221, 0.5);
}
.banner-shortcode-wrap.style_2 .banner-content .banner-price {
    display: none;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-sub-title, .banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-title, .banner-shortcode-wrap.style_2 .banner-content .banner-hover .banner-hover-title {
    color: #222222;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap.title_right .banner-title-content, .banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content {
    padding-left: 20px;
    padding-right: 10px;
}
.banner-shortcode-wrap.style_2 .banner-content .banner-title-wrap .banner-title-content .banner-title {
    width: auto;
}
.product-attribute-color > i {
    cursor: pointer;
}
.product-attribute-color > i.selected {
    border: 1px solid #ffbf00;
}
.custom-color-button {
    padding: 10px 15px;
    border: 1px solid #ddd;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    border-radius: 3px;
}
.custom-color-button > i.fa {
    margin-right: 10px;
}
.custom-color-button:hover {
    color: #ffffff;
    background: var(--primary_color);
}
.yb-custom-margin-archive {
    margin-top: 20px;
    margin-bottom: 20px;
}
.yb-cols-box {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    /*min-height: 562px;限定最小高度*/
    margin-top: 10px;/*增加上间距*/
    margin-bottom: 10px;/*增加下间距*/
    position: relative;
}
.yb-cols-box > .item-link {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-position: center;
}
.yb-cols-box > .item-link::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    opacity: 0;
    content: '';
    background: #333;
    position: absolute;
    display: inline-block;
}
.yb-cols-box > .item-link > .item-thumbnail {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.yb-cols-box > .item-link > .item-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    opacity: 0;
    background: #333;
    position: absolute;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.yb-cols-box > .item-link:hover > .item-overlay {
    opacity: 0.5;
}
.yb-cols-box > .item-link > .item-button {
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 2;
    margin: 0px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    padding: 6px 20px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    transition: all 0.25s ease-in-out 0s;
}
.yb-cols-box > .item-link:hover > .item-button {
    opacity: 1;
}
.yb-cols-box > .item-link > h2 {
    left: 0;
    bottom: 0;
    opacity: 1;/*默认显示*/
    width: 100%;
    height: auto;
    padding: 20px;
    z-index: 2;
    margin: 0px;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    background: rgb(0, 0, 0, 0.5);/*标题文字背景色*/
    transition: all 0.25s ease-in-out 0s;
}
/*
.yb-cols-box > .item-link:hover > h2 {
    opacity: 1;
    background: rgb(0, 0, 0, 0.5);
}
*/
.yb-sence-purchase {
    width: 100%;
    height: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1930px) {
    .yb-sence-purchase {
        width: 1930px;
    }
}
.yb-sence-point {
    width: 48px;
    height: 48px;
    position: absolute;
}
.yb-sence-point .tooltip-inner {
    min-width: 200px;
    padding: 10px!important;
}
.yb-sence-point .tooltip-inner img {
    display: block;
    max-width: 100%;
}
.yb-sence-point .tooltip-inner h6 {
    color: #fff!important;
    word-break: normal; /* 文本行的任意字内断开 */
    word-wrap: normal; /* IE */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
}
.yb-sence-point .tooltip-inner em {
    font-size: 18px!important;
}
.yb-point-link {
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-indent: -1px;
    background: #ff6f00;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    -webkit-transition: width 0.2s ease,height 0.2s ease;
    -moz-transition: width 0.2s ease,height 0.2s ease;
    -ms-transition: width 0.2s ease,height 0.2s ease;
    -o-transition: width 0.2s ease,height 0.2s ease;
    transition: width 0.2s ease,height 0.2s ease;
}
.yb-point-link:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-animation-name: loadingPoint;
    animation-name: loadingPoint;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.yb-point-link:after {
    content: "";
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    animation-delay: 1.5s;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-animation-name: loadingPoint;
    animation-name: loadingPoint;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.yb-click-point {
    top: 0;
    left: 0;
    z-index: 5;
    font-size: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #FFF;
    position: absolute;
    border-radius: 50%;
    border: 12px solid #ff6f00;
}
.yb-point-link:hover > .yb-click-point {
    border-color: #cc5900;
}


@keyframes loadingPoint {
    0% {
        width:16px;
        height:16px
    }
    50% { 
        width:50px;
        height:50px;
    }
    100% {
        width:16px;
        height:16px;
    }
}
@-webkit-keyframes loadingPoint{
    0% {
        width:16px;
        height:16px;
    }
    50% {
        width:50px;
        height:50px;
    }
    100% {
        width:16px;
        height:16px
    }
}
@-moz-keyframes loadingPoint{
    0% { 
        width:16px;
        height:16px;
    }
    50% {
        width:540px;
        height:50px;
    }
    100% {
        width:16px;
        height:16px;
    }
}