@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------
追加
---------------------------------------------- */
#product .overview-intro.cover .cover-wapper .cover-content h2 * {
	font-size: inherit;
	line-height: 1.4;
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .sub {
    margin-top: 2rem;
}
#product p {
    margin: 1.5em 0;
}
.feature-1 * {
	color:#fff;
}
#product .overview-intro h3 {
    font-size: 1.75em;
}
#product .feature-3 * {
	color:inherit;
}
#product a, .LINK {
    color: #40BDF5;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content > div {
    width: 100%!important;
}
#product .overview-intro.cover .cover-wapper .cover-content p {
    padding: 1rem 0!important;
}
#product .overview-intro.cover .cover-wapper .cover-content {
    padding-right: 8rem!important;
}
}

/* ----------------------------------------------
uplift　日本版
---------------------------------------------- */
/* pc */
.wrap{ z-index:99}
nav{ z-index:101}
strong, b {font-weight: bold;}
.prodContent-desc .wrap {width: 100%;}
#prodContent .prodContent-desc .columnLeft{padding: 0px;color: #000;font-size: 16px;line-height: normal}
#prodContent .prodContent-desc .columnRight {width: 980px;margin: 0 auto;}
.prodFeature-subtitle{line-height: 1.4em; font-size: 1.15em;color: #000;  padding:5px 8px !important; margin:0 0 25px 0 !important; background-color: #EFEFEF; box-sizing: border-box; }
.prodFeature-subtitle:before{ display:none !important}
.vat {font-size: .7em; font-weight:normal}
#prodFeatureAnchor{ margin-top:5px; z-index:100}

/* Slideshow */
div.shareLinks { display: block; margin-top:50px; }
div.prod-model-nos{font-size:14px; margin:-3px 0 10px;}
.sliderPhotos, .sliderPhotos img {width:620px; height:480px; min-height:480px; margin:0 auto;}
.sliderPhotos { float: right; }
.prodSlider .sliderData{right:auto;left:25px;}
.sliderExtraInfo{top:85px;}
.siderbarImg{top:30px;right:0px;}
#prodContent .prodContent-banner{width:100%; height: auto; min-height:auto; margin:0 auto;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1); z-index:100}
#prodContent .prodContent-banner .prodSlider {min-height: 0; height: 480px;  }

/* prodBar-box */
.prodBar-box{}
.prodBar-box .prodBar-wrapper{ display:flex;justify-content:space-between; padding:20px 0; color:#000 }
.prodBar-box .prodBar-info{ width:50%;  display:inline-flex;align-items:center;}
.prodBar-box .prodBar-photo{ }
.prodBar-box .prodBar-photo img{ width:100px; height:100px;}
.prodBar-box .prodBar-content{ margin-left:10px;}
.prodBar-box .prodBar-name{ font-size:18px; line-height:1.1em; margin:0 0 8px 0 }
.prodBar-box .prodBar-model{ font-size:14px; margin:5px 0; color:#666}
.prodBar-box .prodBar-shop{width:50%; text-align:right;display:inline-flex;flex-wrap:wrap; flex-direction: column;}
.prodBar-box .prodBar-price{ font-size:36px; margin:15px 0; position: relative; /*padding-right: 75px;*/}
.prodBar-box .prodBar-unit{font-size:.7em; margin-right:3px;}
.prodBar-box .prodBar-vat{ font-size:16px;}
.prodBar-discount{ font-size:16px; color:#666;position: absolute;  top: 5px; right: 0px}
.prodBar-box .prodBar-pack{ font-size:20px; color:#666 !important; }
.prodBar-box ul.prodBar-buy{ list-style:none; margin:0; padding:0}
.prodBar-box ul.prodBar-buy li{ display:inline-block; margin-left:3px}
.btn2{ font-size:15px; font-weight:normal; color:#fff; text-decoration: none; background-color:#333; text-align: center; display: inline-block; white-space:nowrap; padding:0 20px; border-radius:50px; border: 1px solid #333; line-height:35px;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out; margin:0;cursor: pointer;box-sizing: border-box;}
.btn2:hover{background-color:#74ba00; text-decoration: none; border: 1px solid #74ba00;cursor: pointer;}
.btn2.btn-amazon{ background-color:#e7601e; border:1px solid #e7601e}
.btn2.btn-amazon:hover{background-color: #bc440a; border: 1px solid #bc440a;}
.btn2.btn-order{ background-color:#424242; border:1px solid #424242}
.btn2.btn-order:hover{background-color: #2b2b2b; border: 1px solid #2b2b2b;}
@media screen and (max-width: 480px) {
	.prodBar-discount{font-size: 28px; position:relative;top: auto;  right: auto;margin-left: 10px;}
	.prodBar-box .prodBar-wrapper{ display:block}
	.prodBar-box .prodBar-photo img{ width:120px; height:120px;}
	.prodBar-box .prodBar-info{ width:100%; margin-bottom:20px; }
	.prodBar-box .prodBar-shop{width:100%; text-align:left; }
	.prodBar-box .prodBar-name{ font-size:34px; margin:0 0 15px 0 }
	.prodBar-box .prodBar-model{ font-size:24px; }
	.prodBar-box .prodBar-price{ font-size:52px; margin-top:15px; margin-bottom:30px;margin-left:130px; }
	.prodBar-box .prodBar-pack{ font-size:30px;  }
	.prodBar-box .prodBar-vat{ font-size:28px;}
	.prodBar-box ul.prodBar-buy li{ display:inline-block; margin-left:0px; margin-bottom:20px; display:block; width:100%;}
	.btn2{ font-size:28px;line-height:55px;padding:0 25px; width:100%;}
}

/* mobile device */
@media screen and (max-width: 480px) {
	nav{ z-index:1 !important}
	header .logo{ padding:15px 0 0 0;}
	header .js-mobi-btn{ float:none; right:-20px;}
	.container.frame, header .js-mobi-btn.active+.menu-main, header nav .wrap{ width:353px;}
	.sidebarBox#features ul.sidebarBox-lists{ width:100% !important;}
	.siderbarImg {margin-bottom: -20px;}
	/* #footer{ -moz-transform-origin: left top;-webkit-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-moz-transform:scale(0.52);-webkit-transform:scale(0.52);-o-transform:scale(0.52);-ms-transform:scale(0.52);transform:scale(0.52);height:340px;width:625px;} */
	#mRotating-item-wrapper {width: 654px;height: 543px;margin-bottom: 20px;}
	.prodContent-prodList.box#warranty .warrantyBox_text p{ font-size:26px}
	.qa-for-is01 li h4, .qa-for-is01 .ans, ul.text_list > li { line-height:1.3em; font-size:28px;}
	.mobile .sliderPhotos { float: none; }
	.mobile .sliderPhotos, .sliderPhotos img {margin:0 ;min-height:550px;}
	.mobile .prodContent-video{ display:none;}
	.mobile#prodContent{ height:5800px;}
	.mobile#prodContent .prodContent-banner{ position:relative; z-index:101;box-shadow: none;}
	.mobile#prodContent .prodContent-banner .prodSlider {height: auto;  }
	.prodFeature-subtitle{ margin:30px 0 20px -18px !important}
	.price_now {font-size: 36px !important;}
	ul.ul_list > li{ line-height:1.2em}
	.vat {font-size: .9em;}
	.creative, .copyright{ font-size:14px;}
	.prodFeature_box:first-child{ border:0}
}


/* ----------------------------------------------
Mirror-Cam
---------------------------------------------- */
/* lazyload image */
@keyframes scaleout {
  0% {transform: scale(0); }
  100% {transform: scale(1);opacity: 0; }
}
.loading:before {content: "";position: absolute; z-index: 1;top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 32px; height: 32px; border-radius: 32px; animation: scaleout 1.2s infinite ease-in-out;/* Tweak as needed */ mix-blend-mode: soft-light; background-color: rgba(0, 0, 0, .9); }
.lazyload, .lazyloading {opacity: 0; }
.loading, .lazyload, .lazyloaded, .image {opacity: 1;transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
/* no-src */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded { opacity: 1; }
.close-button {position: relative;display: inline-block;width: 35px;height: 35px;overflow: hidden;cursor: pointer;}
.close-button:hover::before, .close-button:hover::after {background: #74ba00;}
.close-button::before, .close-button::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #333;margin-top: -1px;border-radius: 5px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.close-button::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.close-button::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.close-text{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0; background-color:#000000; color:#fff}
ul.link-stack{list-style: none;margin:0; padding: 0;*zoom:1;}
ul.link-stack:before, ul.link-stack:after {display:table;line-height:0;content:"";}
ul.link-stack:after {clear: both}
ul.link-stack > * + * {margin-left: 10px;}
ul.link-stack li{ float: left; }

#product h2{ margin:0.83em 0}
#product p {line-height: 1.5em;}

@media only screen and (max-width: 480px) {
	#product{ font-size:30px; line-height:1.6em !important;}
	#product p{ margin:30px 0; line-height:1.6em !important;}
	#product h2{ line-height:1.1em; margin-top:0;}
	#product h3{ margin:0px 0 !important;}
	#prodContent .prodContent-desc .columnLeft div{ margin-left:auto !important; margin-right:auto !important;}
	/**/
	.cover-content .content-info .info-wapper .info-photo {margin: 10% auto !important;}
	.visualizer-content .content-photo .photo-title .app-id {margin-bottom: 15px !important;}
	.visualizer-content .content-photo .photo-title { margin: 0 auto 5% !important;}
	#product .showcase-content h2 {margin-bottom: 1em !important; margin-top:1.5em !important;}
	.showcase-content .btn-mirrorcam-video {margin-bottom:5% !important;}
	.visualizer-content .content-photo .photo-title .app-link a { margin-left: 10px; padding: 20px 40px !important; }
}


/* ----------------------------------------------
learn more for Uplift
---------------------------------------------- */
@font-face {
	font-family: 'SimplonNorm-Bold';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.ttf");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.ttf") format("truetype"),
	     url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Bold.otf") format("opentype");
}
@font-face {
	font-family: 'SimplonNorm-Regular';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.woff");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.ttf") format("truetype"),
		 url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.otf") format("opentype"),
		 url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Regular.woff") format("woff");
}
@font-face {
	font-family: 'SimplonNorm-Light';
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.ttf");
	src: url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.ttf") format("truetype"),
	     url("https://www.ipevo.com/assets/v2/us/font/SimplonNorm-Light.otf") format("opentype");
}

.productBar-buy .btn-available{font-size:1em !important; display: inline-block !important; font-weight:normal; text-decoration: none; background-color:#eee; text-align: center; display: inline-block; white-space:nowrap; padding:0 25px; border-radius:50px; border: 0px solid #333; line-height:38px; margin-top:-2px;}
.product-main .support-links a:first-child{ border-left: 0;}
@media only screen and (max-width: 768px) {
	.productBar-buy .btn-available { float: right; width:auto !important;}
}
.productBar-buy .note { display: inline-block; font-size: .8em; color: #666;}
#product .nowrap { display: inline-block;}


/* ----------------------------------------------
overview for Uplift
---------------------------------------------- */
#product .overview-intro { letter-spacing: 0;}
#product .overview-intro h2 { display: block; font-size: 3.4375em; line-height: .95em; letter-spacing: 0;}
#product .overview-intro h3 { display: block; font-size: 1.875em; line-height: 1.4em; letter-spacing: 0;}
#product .overview-intro p {  font-size: 1em; line-height: 1.4em; letter-spacing: 0;}

#product .overview-intro.cover { position: relative;}
#product .overview-intro.cover .cover-wapper { width: 100%; height: 100%; margin: 0 auto; position: absolute; z-index: 2;}

#product .overview-intro.cover .cover-wapper .cover-content { width: 80%; height: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column-reverse; justify-content: center;}
#product .overview-intro.cover .cover-wapper .cover-content > div { width: 70%; display: inline-block; text-align: center;}
#product .overview-intro.cover .cover-wapper .cover-content h2 { background: #ffffff; padding:.1em .5em .3em; display: inline-block;}
#product .overview-intro.cover .cover-wapper .cover-content h2 .sub { display: block; font-size: .5em; font-weight: normal !important;}
#product .overview-intro.cover .cover-wapper .cover-content p { padding: 1em 2em; display: inline-block; color: #ffffff; font-size: 3em; line-height: 1.2em; text-align: center;}
#product .overview-intro.cover .cover-wapper .cover-content .div-gradient
{
background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, .8)0%, rgba(0, 0, 0, 0)72%);
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .8)0%, rgba(0, 0, 0, 0)72%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .8)0%, rgba(0, 0, 0, 0)72%);
background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .8)0%, rgba(0, 0, 0, 0)72%);
}
#product .overview-intro.cover .cover-photo { width: 100%; height: 100%; display: inline-block; position: relative;}
#product .overview-intro.cover .cover-photo img { width: 100%; object-fit: cover; vertical-align: middle;}

#product .overview-intro.introduction { width: 100%; margin: 3em auto; }
#product .overview-intro.introduction .introduction-wapper { width: 80%; margin: 0 auto; text-align: center;}
#product .overview-intro.introduction .introduction-wapper .introduction-main { width: 100%; margin: 0 auto; display: inline-flex; flex-direction: row;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content { width: 50%; margin: 0 auto; display: flex; align-items: center;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content > div { width: 90%;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content p { text-align: left;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .sub { font-size: 1.35em;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video { margin-top: 2em; display: inline-block; text-align: center;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video a { padding: .75em 2.5em; background: #eff3f4; border-radius: 99px;font-size: 1.2em; color: #000; text-decoration: none; display: block;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video a::after { content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-left:5px; background: url("https://ipevo-images.s3-us-west-2.amazonaws.com/product/uplift/main/content/product-uplift-overview_introduction_icon-play.svg") no-repeat center center;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-photo { width: 50%; display: inline-block;}
#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-photo img { width: 100%; object-fit: cover; vertical-align: middle;}


#product .overview-intro.feature-1 { width: 100%; margin: 3em auto;}
#product .overview-intro.feature-1 .feature-wapper { width: 100%; margin: 0 auto; text-align: center; display: inline-flex; flex-direction: row-reverse;}
#product .overview-intro.feature-1 .feature-wapper .feature-content { width: 33.33%; background: #1c1c1c; color: #ffffff; display: flex; align-items: center;}
#product .overview-intro.feature-1 .feature-wapper .feature-content > div { width: 80%; margin: 0 auto;}
#product .overview-intro.feature-1 .feature-wapper .feature-content p { text-align: left;}
#product .overview-intro.feature-1 .feature-wapper .feature-photo { width:66.67%; height: 100%; display: inline-flex;}
#product .overview-intro.feature-1 .feature-wapper .feature-photo > div { width: 50%; display: inline-block;}
#product .overview-intro.feature-1 .feature-wapper .feature-photo > div img { width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

#product .overview-intro.feature-2 { width: 100%; margin: 3em auto 0;}
#product .overview-intro.feature-2 .feature-wapper { width: 80%; margin: 0 auto; background: #e3dbce;}
#product .overview-intro.feature-2 .feature-wapper .feature-main { width: 100%; margin: 0 auto; display: inline-flex; flex-direction: row;}
#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content { width: 50%; margin: 3em auto; position: relative; display: flex; align-items: flex-end;}
#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content > div { width: 67%;}
#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 42%; height: 100%; position: absolute; top: 0; right: 0; vertical-align: middle; display: flex; align-items: center;}
#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 img {  width: 100%; height: auto; object-fit: contain; vertical-align: middle;}
#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2 { width: 40%; display: inline-block;}
#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2 img { width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

#product .overview-intro.feature-3 { width: 100%; margin: 0 auto 3em;}
#product .overview-intro.feature-3 .feature-wapper { width: 80%; margin: 0 auto; background: #1c1c1c;}
#product .overview-intro.feature-3 .feature-wapper .feature-main { width: 100%; padding: 4em 3em; display: inline-flex; flex-direction: row-reverse;box-sizing: border-box;}
#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content { width: 40%; display: flex; align-items: flex-end; color: #b8a380;}
#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content > div { width: 90%; margin: 0 auto;}
#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content > div p { text-align: left;}
#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo { width: 60%; align-items: center;}
#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo > div { width: 80%; margin: 0 auto; display: inline-block;}
#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo img { width: 100%; height: auto; vertical-align: middle;}

#product .overview-intro.feature-4 { width: 100%; margin: 3em auto;}
#product .overview-intro.feature-4 .feature-wapper { width: 80%; margin: 0 auto;}
#product .overview-intro.feature-4 .feature-wapper .feature-main { width: 100%; display: inline-flex; flex-direction: row; align-items: center;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content { width: 50%; text-align: center; }
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content > div { width: 90%; margin: 0 auto;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content > div p { text-align: left;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 60%; margin: 1em auto 0; display: inline-block;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 img { width: 100%; height: auto; vertical-align: middle;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links { width: 100%; margin: 1.5em 0; display: inline-flex; flex-direction: row; justify-content: center;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links > div { margin-right: .25em;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download { text-align: center;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a { padding: .75em 2em; display: block; background: #eff3f4; border-radius: 99px; line-height: 1em; font-size: 1.2em; color: #000; text-decoration: none;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a::after { content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-left:5px; background: url("https://ipevo-images.s3-us-west-2.amazonaws.com/product/uplift/main/content/product-uplift-overview_feature-4_icon-idoccam.svg") no-repeat center center;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn { text-align: center;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a { padding: .75em 2em; display: block; background: #eff3f4; border-radius: 99px; line-height: 1em; font-size: 1.2em; color: #000; text-decoration: none;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a::after { content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-left:5px; background: url("https://ipevo-images.s3-us-west-2.amazonaws.com/product/uplift/main/content/product-uplift-overview_feature-4_icon-learn.svg") no-repeat center center;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-photo-2 { width: 50%;}
#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-photo-2 img { width: 100%; height: auto; vertical-align: middle;}





/* ----------------------------------------------
RWD
---------------------------------------------- */
@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1680px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 50%;}
}

@media only screen and (max-width: 1600px) {
	#product .overview-intro.cover .cover-wapper .cover-content > div { width: 80%;}
}

@media only screen and (max-width: 1500px) {

}


@media only screen and (max-width: 1440px) {
	#product .overview-intro.cover .cover-wapper .cover-content p { font-size: 2.5em;}
	#product .overview-intro.cover .cover-wapper .cover-content h2 { font-size: 2.5em;}
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content > div { width: 65%;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 38%;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a { padding: .75em 1.5em;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a::after { width: 25px; height: 25px;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a { padding: .75em 1.5em;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a::after {  width: 25px; height: 25px;}
}

@media only screen and (max-width: 1280px) {
	#product .overview-intro.cover .cover-wapper .cover-content { width: 90%;}
	#product .overview-intro.introduction .introduction-wapper { width: 90%;}
	#product .overview-intro.feature-2 .feature-wapper { width: 90%;}
	#product .overview-intro.feature-3 .feature-wapper { width: 90%;}
	#product .overview-intro.feature-4 .feature-wapper { width: 90%;}
}

@media only screen and (max-width: 1145px) {
	#product .overview-intro h3 { font-size: 1.5em;}
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .sub { font-size: 1.25em;}
	#product .overview-intro.feature-1 .feature-wapper .feature-content > div { width: 90%;}
	#product .overview-intro.feature-1 .feature-wapper .feature-content p { line-height: 1.2em;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 35%;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a { padding: .75em 1em;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a { padding: .75em 1em;}
}

@media only screen and (max-width: 1024px) {
	#product .overview-intro.cover .cover-wapper .cover-content { width: 80%;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content > div { width: 55%;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content {margin: 1.5em auto;}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.cover .cover-wapper .cover-content p { font-size: 2em;}
	#product .overview-intro.cover .cover-wapper .cover-content h2 { font-size: 2em;}
	#product .overview-intro.introduction .introduction-wapper .introduction-main { display: flex; }
	#product .overview-intro.feature-1 .feature-wapper { display: flex; flex-direction:column;}
	#product .overview-intro.feature-1 .feature-wapper .feature-content { width: 90%; margin: 0 auto;}
	#product .overview-intro.feature-1 .feature-wapper .feature-content > div { width: 60%; margin: 3em auto;}
	#product .overview-intro.feature-1 .feature-wapper .feature-photo { width: 90%; margin: 0 auto;}
	#product .overview-intro.feature-1 .feature-wapper .feature-photo > div { width: 50%;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main { display: flex; flex-direction: column;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content { width: 90%; display: inline-flex; align-items: center;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content > div { width: 70%;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 30%; position: relative; align-self: center;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2 { width: 100%;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content { width: 50%; align-items: center;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content > div { width: 100%;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo { width: 50%;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo > div { width: 90%;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main { width: 100%; display: flex; flex-direction: column;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content { width: 100%; margin: 0 auto; text-align: center; }
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content > div { width: 100%;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 60%; margin: 2em auto;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links { margin: 0 auto 2em;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-photo-2 { width: 70%; margin: 0 auto;}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.cover .cover-wapper .cover-content > div { width: 100%;}
	#product .overview-intro.cover .cover-wapper .cover-content p { font-size: 1.75em;}
	#product .overview-intro.cover .cover-wapper .cover-content h2 { font-size: 1.75em;}
	#product .overview-intro.introduction .introduction-wapper .introduction-main { width: 88%; margin: 0 auto; display: flex; flex-direction: column;}
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content { width: 100%; margin: 0 auto;}
	/* #product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content > div { width: 90%; margin: 0 auto;} */
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video { margin-bottom: 2em;}
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-photo { width: 70%; margin: 0 auto;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main { width: 100%; padding: 4rem 2rem; display: flex; flex-direction: column;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content { width: 100%; align-items: center;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content > div { width: 100%; margin: 0 auto;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo { width: 80%; margin: 2em auto 0; align-items: center;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo > div { width: 100%;}
}

@media only screen and (max-width: 576px) {
	/* #product .overview-intro.cover .cover-wapper .cover-content p { font-size: 1.35em;} */
	/* #product .overview-intro.cover .cover-wapper .cover-content h2 { font-size: 1.35em;} */
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-photo { width: 100%;}
	#product .overview-intro.feature-1 .feature-wapper .feature-content > div { width: 90%;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content { width: 90%; margin: 3em auto; display: flex; flex-direction: column; align-items: center;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content > div { width: 100%;}
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 40%; margin: 2em auto 0; align-self: center;}
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo { width: 100%;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 { width: 90%;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-photo-2 { width: 100%;}
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video { width:80%; margin: 2em auto;}
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video a { padding: .75em 2.5em; display: block;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links { margin: 0 auto 1.5em; display: flex; flex-direction: column; justify-content: center;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links > div { margin: .5em auto;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download { width: 80%; margin: 0 auto;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a { padding: .75em 0; display: block; font-size: 1.2em;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a::after { width: 50px; height: 50px;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn { width: 80%; margin: 0 auto;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a {  padding: .75em 0; display: block; font-size: 1.2em;}
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a::after {  width: 50px; height: 50px;}
}

@media only screen and (max-width: 480px) {
	/* #product .overview-intro.cover .cover-wapper .cover-content p { font-size: 1em;} */
	/* #product .overview-intro.cover .cover-wapper .cover-content h2 { font-size: 1.25em;} */
}

@media only screen and (max-width: 375px) {
	#product .overview-intro h3 { font-size: 1.3em;}
}
/* ----------------------------------------------
retina
---------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2.feature-2-bg { background: url("https://ipevo-images.s3-us-west-2.amazonaws.com/product/uplift/main/content/product-uplift-overview_feature-2_02@2x.jpg");background-size: cover;}
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px), only screen and (min-resolution: 1.5dppx) and (max-width: 1024px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px), (min-resolution: 144dpi) and (max-width: 1024px){
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2.feature-2-bg { background: url("https://ipevo-images.s3-us-west-2.amazonaws.com/product/uplift/main/content/product-uplift-overview_feature-2_02.jpg");background-size: cover;}
	}
