@charset "utf-8";
.cc-blog-desktop-01287048 .cc-banner-wrap {
	 position: relative;
	 max-width: 1190px;
	 margin: auto;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list {
	 position: relative;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-image img {
	 width: 100%;
	 min-height: 300px;
	 max-height: 300px;
	 height: 100%;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translateY(-50%);
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-heading {
	 color: #333;
	 font-size: 30px;
	 font-weight: 700;
	 line-height: 1.3;
	 padding-bottom: 20px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-shop-now {
	 display: none;
	 position: relative;
	 background: #000;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 600;
	 text-transform: uppercase;
	 text-align: center;
	 text-decoration: none;
	 padding: 10px 40px;
	 border-radius: 5px;
	 box-shadow: 0px 3px 6px 0px #c6bfbf;
	 z-index: 1;
	 overflow: hidden;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-shop-now.cc-cta {
	 display: inline-block;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-shop-now .cc-grayBackground {
	 display: block !important;
	 background: #333;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 0%;
	 transition: width 6s linear;
	 z-index: -1;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp {
	 margin-top: 20px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp .cc-vp-inner {
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp .cc-vp-inner .cc-vp-list {
	 position: relative;
	 display: flex;
	 align-items: center;
	 width: 33%;
	 margin-bottom: 8px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp .cc-vp-inner .cc-vp-list:nth-child(2), .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp .cc-vp-inner .cc-vp-list:nth-child(5) {
	 left: 15px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp .cc-vp-inner .cc-vp-list .cc-vp-img img {
	 width: 36px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp .cc-vp-inner .cc-vp-list .cc-vp-name {
	 font-size: 13px;
	 text-transform: uppercase;
	 font-weight: 500;
	 margin-left: 10px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-arrows {
	 background: none;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 padding: 0;
	 margin: 0;
	 border: none;
	 appearance: none;
	 box-shadow: none;
	 cursor: pointer;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-arrows img {
	 display: block;
	 width: 25px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-prev {
	 left: 10px;
}
 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-next {
	 right: 10px;
}
 .cc-blog-mobile-01287048 {
	 display: none;
	 clear: both;
	 margin-bottom: 30px;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap {
	 position: relative;
	 max-width: 1190px;
	 margin: auto;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list {
	 position: relative;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-image img {
	 width: 100%;
	/* min-height: 470px;
	 max-height: 470px;
	 */
	 height: 100%;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content {
	 position: absolute;
	 bottom: 30px;
	 left: 50%;
	 transform: translateX(-50%);
	 text-align: center;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-heading {
	 color: #333;
	 font-size: 28px;
	 font-weight: 700;
	 line-height: 1.3;
	 padding-bottom: 20px;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-shop-now {
	 display: none;
	 position: relative;
	 background: #000;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 600;
	 text-transform: uppercase;
	 text-align: center;
	 text-decoration: none;
	 padding: 10px 40px;
	 border-radius: 5px;
	 box-shadow: 0px 3px 6px 0px #c6bfbf;
	 z-index: 1;
	 overflow: hidden;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-shop-now.cc-cta {
	 display: inline-block;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-shop-now .cc-grayBackground {
	 display: block !important;
	 background: #333;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 0%;
	 transition: width 7s linear;
	 z-index: -1;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-arrows {
	 background: none;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 padding: 0;
	 margin: 0;
	 border: none;
	 appearance: none;
	 box-shadow: none;
	 cursor: pointer;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-arrows img {
	 display: block;
	 width: 25px;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-prev {
	 left: 10px;
}
 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-next {
	 right: 10px;
}
 @media only screen and (max-width: 1040px) {
	 .cc-blog-desktop-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-vp .cc-vp-inner .cc-vp-list .cc-vp-name {
		 font-size: 10px;
	}
}
 @media only screen and (max-width: 800px) {
	 .cc-blog-desktop-01287048 {
		 display: none;
	}
	 .cc-blog-mobile-01287048 {
		 display: block;
	}
	 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-vp {
		 display: none;
	}
}
 @media only screen and (max-width: 600px) {
	 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content {
		 max-width: max-content;
		 width: 100%;
		 bottom: 15px;
	}
	 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-banner-heading {
		 font-size: 22px;
		 padding-bottom: 15px;
	}
	 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-content .cc-shop-now {
		 padding: 8px 40px;
	}
	 .cc-blog-mobile-01287048 .cc-banner-wrap .cc-banner-list .cc-banner-image img {
		 min-height: 470px;
		 max-height: 470px;
	}
}