/* ----------------------------------------------------------------
	Product page
-----------------------------------------------------------------*/
p{
	font-size: 18px;
	color: #777;
}

h2{
	font-size: 55px;
	color:#FF6A00;
}

#header-wrap > .container { border-bottom: 1px solid rgba(255,255,255,0.2); }

@media (min-width: 992px) {

	.menu-container > .menu-item > .menu-link {
		font-size: 15px;
		padding-left: 20px;
		padding-right: 20px;
		font-weight: 400;
		text-transform: capitalize;
		font-family: 'Roboto', sans-serif !important;
	}

	.menu-item.menu-item-emphasis > .menu-link {
		padding-left: 0;
		padding-right: 0;
	}

	.menu-item.menu-item-emphasis > .menu-link div {
		padding-top: 9px;
		padding-bottom: 9px;
		margin-top: -9px;
		margin-bottom: -9px;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 20px;
	}

	#header:not(.sticky-header) .menu-item.menu-item-emphasis > .menu-link div {
		background-color: rgba(255,255,255,0.1);
		text-shadow: none;
	}

	#header:not(.sticky-header) .menu-item.menu-item-emphasis:hover > .menu-link div {
		background-color: #FFF;
		color: #267DF4 !important;
	}

	#header.sticky-header .menu-item.menu-item-emphasis > .menu-link div {
		background-color: #267DF4;
		color: #FFF;
	}

	.sub-menu-container:not(.mega-menu-column) {
		width: 260px;
		padding: 20px;
		border: 1px solid #EEE !important;
		border-radius: 0 0 3px 3px;
		left: -20px;
	}

	.sub-menu-container .menu-item > .menu-link {
		font-size: 14px;
		font-weight: 400;
		text-transform: capitalize;
		padding: 12px 20px;
		font-family: 'Poppins', sans-serif !important;
	}

	.sub-menu-container .menu-item:hover > .menu-link { padding-left: 25px; }

}


#slider .emphasis-title h1 { font-size: 48px; }

.hero-action-link {
	margin-left: 30px;
	color: #DDD;
	font-size: 20px;
	font-weight: 300;
}

.hero-action-link i {
	margin-right: 7px;
	position: relative;
	top: 2px;
}

.hero-action-link:hover { border-bottom: 1px solid #DDD; }



.testimonial-full { overflow: visible; }

.testimonial-full .testi-content { -webkit-backface-visibility: hidden; }

.testimonial-full .testi-content p {
	font-size: 28px;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	letter-spacing: -1px;
	word-spacing: 2px;
	color: #777;
	font-style: normal;
	margin: 15px 0 30px 0;
	line-height: 1.6;
}


.testimonial-full .testi-content { margin-bottom: 20px; }


.testimonial-full .flex-control-nav li {
	margin: 0 3px;
	width: 10px;
	height: 10px;
}

.testimonial-full .flex-control-nav li a {
	width: 10px !important;
	height: 10px !important;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
}

.testimonial-full .flex-control-nav li a.flex-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


.testimonial-full .flex-prev,
.testimonial-full .flex-next {
	left: 100px;
	background-color: transparent;
	width: 64px;
	height: 64px;
	margin-top: -32px;
	border-radius: none;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.testimonial-full .flex-next {
	left: auto;
	right: 100px;
}

.testimonial-full .flex-prev i,
.testimonial-full .flex-next i {
	line-height: 64px;
	width: 64px;
	height: 64px;
	font-size: 64px;
	color: rgba(0,0,0,0.09);
	text-shadow: none;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.testimonial-full .flex-prev:hover,
.testimonial-full .flex-next:hover { background-color: transparent !important; }

.testimonial-full .flex-prev:hover i,
.testimonial-full .flex-next:hover i { color: #267DF4; }


.owl-stage-outer  { overflow: visible !important; }

.owl-item .oc-item {
	opacity: 0.35;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.owl-item.active.center .oc-item {
	opacity: 1;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 12px 22px rgba(0, 0, 0, 0.15);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}


.owl-carousel .owl-dots .owl-dot {
	margin-top: 60px;
	background-color: #267DF4;
}

.owl-carousel .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 5px;
	opacity: 1;
	background-color: transparent !important;
	border: 0;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span { background-color: #267DF4 !important; }




#footer { border-top: 1px solid #DDD; }

.widget.widget_links.app_landing_widget_link li { padding-left: 0; }

.widget.widget_links.app_landing_widget_link li a {
	padding: 0;
	background: transparent;
	color: #AAA;
	font-size: 15px;
}

.widget.widget_links.app_landing_widget_link li a:hover { color: #666; }


.pricing-box {
	padding: 30px;
	background-color: #FFF;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
}

.pricing-title {
	background-color: transparent;
	border-bottom: 0;
}

.pricing-title h3 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0;
}

.pricing-price::after,
.pricing-features {
	border: 0;
	font-family: 'Poppins', sans-serif;
}

.pricing-price,
.pricing-price span { font-weight: 600; }

.pricing-price span {
	margin: 3px 5px 0 0;
	font-size: 22px;
}

.pricing-price span.price-tenure {
	display: block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	text-align: center;
	color: #888;
	letter-spacing: 1px;
}

.pts-switcher input.switch-toggle-round + label::before,
.pts-switcher input.switch-toggle-round + label { background-color: #267DF4; }


.app-footer-features h5 {
	display: inline-block;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
}

.app-footer-features h5 a {
	color: #666;
	font-weight: 600;
}

.app-footer-features h5 a:hover {
	color: #444;
	border-bottom: 1px dotted #AAA;
}

.app-footer-features i {
	position: relative;
	top: 8px;
	width: 30px;
	height: 30px;
	font-size: 30px;
	margin-right: 10px;
	color: #888;
}

.app-footer-features h5 span { color: #A0ACB6 !important; }




.before-heading {
	font-family: 'Poppins', sans-serif !important;
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	color: #AAA;
}



.section-more-link {
	margin-top: 30px;
	font-size: 18px;
	font-weight: 300;
}

.section-more-link i {
	position: relative;
	top: 1px;
	margin-left: 2px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.section-more-link:hover { color: #267DF4; }

.section-more-link:hover i { left: 3px; }



#modal-get-started-package {
	margin-top: 6px;
	text-align: right;
	line-height: 24px;
	font-size: 13px;
	font-weight: 600;
	color: #AAA;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 991px) {
	.testimonial-full .flex-prev { left: -30px; }
	.testimonial-full .flex-next { right: -30px; }
}


@media (max-width: 767px) {

	#get-started-form h3 { margin-bottom: 10px; }

	#modal-get-started-package {
		text-align: left;
		margin-bottom: 30px;
		font-size: 15px;
	}

	.testimonial-full .flex-prev,
	.testimonial-full .flex-next { display: none; }

	.hero-action-link {
		display: inline-block;
		clear: both;
		margin: 20px 0 0 5px;
	}

	.app-footer-features i {
		top: 4px;
		width: 20px;
		height: 20px;
		font-size: 20px;
		margin-right: 5px;
	}

	#copyrights .col_half:last-child { display: block !important; }

}



.viewer {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%;
  background-image: url(assets/nautilus-prime/images/section/connector/connector.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
}



/* ----------------------------------------------------------------
	Product page - RTL Support
-----------------------------------------------------------------*/

@media (min-width: 992px) {

	.rtl .primary-menu ul ul:not(.mega-menu-column) {
		right: -20px;
		left: auto;
	}

	.rtl .primary-menu ul ul li:hover > a { padding-right: 25px; padding-left: 0; }

}

.rtl .hero-action-link {
	margin-right: 30px;
	margin-left: 0;
}

.rtl .hero-action-link i {
	margin-left: 7px;
	margin-right: 0;
}

.rtl .widget.widget_links.app_landing_widget_link li { padding-right: 0; }

.rtl .pricing-price span { margin: 3px 0 0 5px; }

.rtl .app-footer-features i {
	margin-left: 10px;
	margin-right: 0;
}

.rtl .section-more-link i {
	margin-right: 2px;
	margin-left: 0;
}

.rtl .section-more-link:hover i { right: 3px; left: auto; }

.rtl #modal-get-started-package { text-align: left; }

@media (max-width: 767px) {
	.rtl #modal-get-started-package { text-align: right; }

	.rtl .hero-action-link { margin: 20px 5px 0 0; }

	.rtl .app-footer-features i {
		margin-left: 5px;
		margin-right: 0;
	}
}



/* Threesixty degree Styles
-----------------------------------------------------------------*/
.threesixty {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	cursor: ew-resize;
}
.threesixty .threesixty_images {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
.threesixty .threesixty_images img {
	position: absolute;
	top: 10px;
}
.threesixty .threesixty_images img.previous-image {visibility: hidden; }
.threesixty .threesixty_images img.current-image { visibility: visible; }

.threesixty .spinner {
	width: 60px;
	display: block;
	margin: 0 auto;
	height: 30px;
	background: #333;
	background: rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.threesixty .spinner span {
	font-size: 12px;
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	display: block;
}
.threesixty .nav_bar {
	position: absolute;
	top: 0;
	bottom: auto;
	left: 50%;
	margin-left: -48px;
	z-index: 11;
}
.threesixty .nav_bar a {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	background: url('images/360degree-cars/navs.png') no-repeat;
	text-indent: -99999px;
}
.threesixty .nav_bar a.nav_bar_play { background-position: 0 0 !important; }
.threesixty .nav_bar a.nav_bar_previous { background-position: -3px -73px !important; }
.threesixty .nav_bar a.nav_bar_stop { background-position: 0 -37px !important; }
.threesixty .nav_bar a.nav_bar_next { background-position: 3px -104px !important; }
/* html */
.threesixty:-webkit-full-screen {
	background: #ffffff;
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding-top: 200px;
}
.threesixty:-moz-full-screen {
	background: #ffffff;
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding-top: 200px;
}

/* Slider Area
-----------------------------------------------------------------*/
.slider-caption h2 {
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
	font-size: 48px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.slider-caption p {
	font-size: 18px;
	margin-bottom: 0px;
	padding:20px 0px;
}
/*
.slider-caption h2,
.slider-caption p,
.slider-caption .button {
	opacity: 0;
	-webkit-transform: translate3d(-20%,0,0);
	-ms-transform: translate3d(-20%,0,0);
	-o-transform: translate3d(-20%,0,0);
	-webkit-transition: -webkit-transform .05s ease-out;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption h2,
.swiper-slide.swiper-slide-active .slider-caption p,
.swiper-slide.swiper-slide-active .slider-caption .button {
	opacity: 1;
	-webkit-transition: transform 1s, opacity 2s;
	-o-transition: transform 1s, opacity 2s;
	transition: transform 1s, opacity 2s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption p {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.swiper-slide.swiper-slide-active .slider-caption .button {
	-webkit-transition: transform 1s, opacity 3s;
	-o-transition: transform 1s, opacity 3s;
	transition: transform 1s, opacity 3s;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.swiper-pagination { bottom: 20px !important; }

.swiper-pagination span {
	width: 40px;
	height: 4px;
	background: #FFF;
	display: inline-block;
	margin: 0px 1px;
	border: 0;
	border-radius: 0;
	-webkit-transform: skew(-38deg);
	-moz-transform: skew(-38deg);
	-ms-transform: skew(-38deg);
	-o-transform: skew(-38deg);
}

.swiper-pagination span.swiper-pagination-bullet-active { background-color: #c85e51 !important; }

.feature-box.fbox-plain .fbox-icon img { height: 48px; }

.section .iconlist li {
	margin-bottom: 6px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 300;
}*/

/* Product 新增-----------------------------------------------------------------*/
.tbpadding10{padding:10px 0px !important;}
.ui-img{padding: 10px 0px !important;text-align: center !important;}
#section-product-video{
	position: relative;
}
.video-wrap1{

}
#video-box {
  position: relative;
  height: 100%; width: 100%;
}
.slider-inner{
	position: relative;
    overflow: auto;
	height: 48vw;
}
#content-design{
	position: relative;
    overflow: auto;
	height: 48vw;
}
.design-box{
    background: -moz-linear-gradient(bottom, #2a3b77 0%, #000000 80%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#2a3b77), color-stop(80%,#000000));
    background: -webkit-linear-gradient(right, #2a3b77 0%,#000000 80%);
    background: -o-linear-gradient(right, #2a3b77 0%,#000000 80%);
    background: -ms-linear-gradient(right, #2a3b77 0%,#000000 80%);
    background: linear-gradient(to left, #2a3b77 0%,#000000 80%);		
}
#product-mode{
	position: relative;
    overflow: auto;
	height: 48vw;
}
#product-airflow{
	position: relative;
    overflow: auto;
	height: 48vw;	
}
#product-version{
	position: relative;
    overflow: auto;
	height: 45vw;
}
.video-overlay{padding:50px;}
.video-overlay1{
position: absolute;left: 0px;bottom: 40%;width: 100%;
}
.uisetting-inner{
	position: relative;
    overflow: auto;
	height: 48vw;

}
#product-battery{
	height: 50vw;
}
.emphasis-title h1{
    font-size: 4vw;
    letter-spacing: -2px;
	margin-bottom: 0;
}
.emphasis-title h2,.slider-caption1 h2{
    font-size:2.5vw;
	letter-spacing: 2px;
	margin-bottom: 0;
}
#product-mode h3,#kit-contents h3,#product-specs h3{
    font-size:1.5vw;
	letter-spacing: 2px;
	margin-bottom: 0;
}
.heading-block h4{
    font-size:0.8vw;
	letter-spacing: 1px;
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.lead,.button.button-large{font-size:1.7rem;font-weight: 300;}
#content-pods p span,#product-mode p span, #product-version p span,#product-coils p span,#product-battery p span{padding-left:10px;}
.button.button-large {
    padding: 8px 26px;
    font-size: 1vw;
    line-height: 30px;
}
.teknomode-title,.teknovideo-title{padding:0px 15px !important;}
.teknomode-adjustable{text-align:left;}
.color-select{position:relative;/*padding:5vw 0 4.6875vw;*/}
.color-select .tips{position:absolute;left:0;bottom:0;width:100%;height:4.6875vw;line-height:1.172vw;padding:1.75775vw 0;color:#fff;font-size:0.46875vw;font-family:"Gotham-Light";text-align:center;box-sizing:border-box;}
.color-select .tips img{height:0.625vw;width:auto;vertical-align:middle;margin-top:-0.15625vw;margin-right:0.2vw;}
.color-select .colorbg{position:absolute;left:0;top:0;width:100%;height:100%;}
.color-select .colorbg li{position:absolute;left:0;top:0;width:100%;height:100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;list-style: none;}
.color-select .colorbg li img{width:100%;height:100%;}
.color-select .colorbg li.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.color-select .pic{position:relative;/*height:42vw;margin-bottom: 10px;*/z-index:2;}
.color-select .pic .colorbox{margin:0px;}
.color-select .pic .colorbox li{/*position:absolute;top:0;left:50%;width:48.4375vw;height:36.328125vw;margin-left:-24.21875vw;*/text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;z-index:2;list-style: none;display:none;}
.color-select .pic .colorbox li img{/*width:100%;height:100%;margin-bottom:0.9765vw;*/text-align: center;margin: auto;/*max-width:600px;*/max-width: 100%; padding-bottom: 3.5vw; max-height: 620px; margin-left: 45%;}
.color-select .pic .colorbox li.on{display:block;}
.color-select .pic .colorbox li p {
    font-size: 2vw;
    color: #fff;
    position: absolute;
    top: 10%;
    left: 20%;
    z-index: 2;
}
.color-select .pic .colorbox li.color3 p {
	color: #000;
}

@media screen and (max-width:767px)
{
	.banner-bg {
		background: #000 !important;
	}
	.s-two-tank { background: #494949 !important; height:120vw;}
	.s-five-tank { height:240vw !important;}
	.color-select .pic .colorbox li img { margin-left:35%;}
}


.color-select .pic li.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:3;}
.color-select .pic .btn{position:absolute;top:50%;/*width:3.046875vw;height:6.796875vw;*/margin-top:-3.398vw;background-size: cover;background-position:center;cursor:pointer;box-sizing:border-box;}
.color-select .pic .btn:hover{/*border:0.15625vw solid #5d5c5c;*/}
.color-select .pic .prev{left:3vw;background-image:url(/templets/new/aspire-kits/favostix/assets/favostix/images/section/colors/btn-prev.png);background-repeat: no-repeat;background-size: cover;}
.color-select .pic .next{right:3vw;background-image:url(/templets/new/aspire-kits/favostix/assets/favostix/images/section/colors/btn-next.png);background-repeat: no-repeat;background-size: cover;}
.color-select .select-box {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    z-index: 2;
    margin-left: 0vw;
    width: 100%;
}
.color-select .select-box ul {
    font-size: 0;
    text-align: center;
    margin: 0px;
}
.color-select .select-box li{position:relative;display:inline-block;*display:inline;*zoom:1;width:2vw;height:2vw;margin:0 2vw 1vw;vertical-align:top;cursor:pointer;list-style: none;}
.color-select .select-box li img{max-width:100%;max-height:100%; border-radius:16px;}
.color-select .select-box li.on img{/*display:none;*/}
.color-select .select-box li.on:after{content:"";position:absolute;left:0;top:0;width:32px;height:32px;background:url(/templets/new/aspire-kits/favostix/assets/favostix/images/section/colors/selected.png) no-repeat;background-size: cover;}
.color-select .select-box li.on p{}
.color1{background-color:#7b7b7b;}
.color2{background-color:#a10d1f;}
.color3{background-color:#d9d9d9;}
.color4{
    background: -moz-linear-gradient(right, #7e0344 0%, #460a51 50%, #1d2d6b 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#7e0344), color-stop(50%,#460a51), color-stop(100%,#1d2d6b));
    background: -webkit-linear-gradient(right, #7e0344 0%,#460a51 50%, #1d2d6b 100%);
    background: -o-linear-gradient(right, #7e0344 0%,#460a51 50%, #1d2d6b 100%);
    background: -ms-linear-gradient(right, #7e0344 0%,#460a51 50%, #7e0344 100%);
    background: linear-gradient(to right, #7e0344 0%,#460a51 50%,#1d2d6b 100%);
}
.color5{background-color:#000000;}
.flex-control-nav li {
    display: block;
    margin: 0 3px;
    width: 0.625vw;
    height: 0.625vw;
}
.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 100% !important;
    height: 100% !important;
    border: 1px solid #000;
    color: transparent;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.flex-control-nav li a.flex-active{border: 1px solid #FF6A00;}
.flex-control-nav li:hover a{
    background-color: #FFF;
}
.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: 50%;
    left: 0;
    background: none;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 0 3px 3px 0;
    transform: translateY(-50%);
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
.slider-arrow-right, .slider-element .owl-next, .flex-next {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px;
}
.slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {
    line-height: 50px;
    width: 100%;
    height: 100%;
    color: #FF6A00;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-size: 34px;
    text-align: center;
    transition: color .3s ease-in-out;
}
.i-large.i-plain {
    width: 48px !important;
    height: 48px !important;
    font-size: 42px;
    line-height: 48px !important;
}
.btn-box{
    border-radius: 10px;
    padding: 10px;
}
.btn-box div {
    color: #fff;
    background: #662325;
    padding: 10px 15px;
	margin:5px;
    border-radius: 10px;
    cursor: pointer;
}
.btn-box div.active {background: #8c2325;}
@keyframes myfirst{0%,100%{transform:translateY(10px)}50%{transform:translateY(0)}}
#product-battery img {
    animation: myfirst 3s 0s infinite;
}
@keyframes myfirst3{0%,100%{transform:translateY(10px)}50%{transform:translateY(0)}}
#product-connection img.dong {
    animation: myfirst3 3s 0s infinite;
}
.background-video {
    background-position: top center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}
.loaded .placeholder-image {
    opacity: 0;
}
.placeholder-image {
    height: 100%;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}
.text-warning {
    color: #FF6A00;
}
@media screen and (max-width: 1199px){
.slider-inner{
	height: 55vw;
}
#content-design{
	height: 65vw;
}
.video-overlay{padding:30px 15px;}
.video-overlay1{
	top:20px;
    bottom: unset;
}
#product-mode{
	height: 70vw;
}
#product-airflow{
	height: 70vw;	
}
#product-version{
	height: 70vw;
}
.uisetting-inner{
	height: 70vw;

}
#product-battery{
	height: 72vw;
}
.emphasis-title h1{
    font-size: 5vw;
}
.emphasis-title h2,.slider-caption1 h2{
    font-size:3.5vw;
}
#product-mode h3,#kit-contents h3,#product-specs h3{
    font-size:2vw;
}
.heading-block h4{
    font-size:1.5vw;
}
.lead,.button.button-large{font-size:1.8vw;}
#product-connection img{animation:none;margin-bottom: 20px !important;}
.color-select .select-box li{
    width: 3vw;
    height: 3vw;
}
}
@media screen and (max-width: 991px){
.slider-inner{
	height: 65vw;
}
#content-design{
	height: 75vw;
}
.video-overlay{padding:30px 15px;}
.video-overlay1{
	top:10px;
    bottom: unset;
}
#product-mode{
	height: 80vw;
}
#product-airflow{
	height: 80vw;
}
#product-version{
	height: 80vw;
}
#product-battery{
	height: 82vw;
	background-position-x: 30% !important;	
}
.emphasis-title h1{
    font-size: 6vw;
}
.emphasis-title h2,.slider-caption1 h2{
    font-size:4vw;
 }
#product-mode h3,#kit-contents h3,#product-specs h3{
    font-size:3vw;
} 
.lead,.button.button-large{font-size:2vw;}
/*#product-colors{background-image: none !important;}*/
.color-select .pic .colorbox li p{
font-size: 2.5vw;top: 30%;left: 20%;
}
.color-select .select-box li{
    width: 4vw;
    height: 4vw;
}
}
@media screen and (max-width: 767px){
	.slider-inner{
		height: 90vw;
		background-position: 75% center !important;	
	}
	#content-design{
		height: 100vw;
		/*background-position-x: 30% !important;*/
	}
	.video-overlay{padding:30px 15px;}
	#product-mode{
		height: 90vw;
		background-position-x: 70% !important;
	}
	#product-airflow{
		height: 90vw;
		background-position-x: 75% !important;
	}
	#product-version{
		height: 100vw;
		background: #000000 url(/templets/new/aspire-kits/favostix/assets/favostix/images/section/versions/1-m.jpg) center center no-repeat !important;
		background-size: cover !important;
		background-attachment: fixed !important;
	}
	#product-version p{
		color: #ffffff !important;
	}
	#product-battery{
		height: 92vw;
		/*background-position-x: 30% !important;*/
		background: #000000 url(/templets/new/aspire-kits/favostix/assets/favostix/images/section/battery/battery-m.jpg) center center no-repeat !important;
		background-size: cover !important;
		background-attachment: fixed !important;	
	}
	.emphasis-title h1{
		font-size: 7vw;
	}
	.emphasis-title h2,.slider-caption1 h2{
		font-size:4.88vw;
	}
	#product-mode h3,#kit-contents h3,#product-specs h3{
		font-size:3.5vw;
	} 
	.lead,.button.button-large{font-size:2.56vw;}
	#product-version .btn-box{text-align:center !important;}
	.color-select .pic .colorbox li p{
		font-size: 2.5vw;top: 30%;left: 20%;
	}
	.color-select .pic li img{max-width:100%;}
	.color-select .select-box li{
		width: 5vw;
		height: 5vw;
	}

	.s-five-view { min-height:180vw !important}
	.s-ba-view { min-height:200vw !important}
}

.battery-box { margin-top: 13vw;}

.arc-label { width:10px; height:10px; border-radius: 5px; display:inline-block; margin-right: 10px;}
.arc-label:nth-child(1) {
	background-color: red;
}
.arc-label:nth-child(4) {
	background-color: blue;
}
.arc-label:nth-child(7) {
	background-color: green;
}
.res-box { margin: 20px 15px;}
.elis-conts {padding: 0.5vw; border: 1px solid #aaa; width:80%; border-radius: 20px;display: flex; justify-content: space-around;}
.s-four { height:50vw;}
.s-three { background: #000 url('/templets/new/aspire-kits/zelos-nano/assets/kit/images/s3-bg.png') center right no-repeat; background-size: cover;background-attachment: fixed; color: #333;}
@media screen  and (max-width: 768px) {
	.s-three { background: #333; min-height:130vw !important;}
	.elis-conts {width:100%;}
	.s-three { color: #fff !important;}
	.s-three p { color: #fff !important;}
	.s-three ul li { color: #fff !important;}
	.s-four { height:120vw;}
}
.bg-title-line { height:40px; color: #333 !important;line-height:40px; background-image: linear-gradient(90deg,transparent, rgba(0,0,0,0.2),rgba(0,0,0,0.2), transparent); padding: 0px 50px 0 0; text-align: left; display: inline-block;}
.elis-box { max-width: 80px;margin: 10px;}
.elis-box .icons { height: 44px; width:44px; background-image: url("/templets/new/aspire-kits/zelos-nano/assets/kit/images/s3-elis.png")}
.elis-box:nth-child(1) > div.icons{
	background-position-x: 0px;
}
.elis-box:nth-child(2) > div.icons{
	background-position-x: -74px;
}
.elis-box:nth-child(3) > div.icons{
	background-position-x: -148px;
}
.elis-box:nth-child(4) > div.icons{
	background-position-x: -222px;
}
.elis-box:nth-child(5) > div.icons{
	background-position-x: -296px;
}

@media screen and (max-width: 480px){
	.topmargin-lg {
		margin-top: 12vw !important;
	}
	.bottommargin-lg {
		margin-bottom: 12vw !important;
	}	

	.slider-inner{
		min-height: 70vw;
		background-position: 75% center !important;
	}
	.tank-s-six { min-height:110vw;}
	.tank-s-three { min-height: 100vw;}
	.banner-bg {min-height: 170vw;}
	#content-design{
		height: 110vw;
		/*background-position-x: 30% !important;*/
	}
	.video-overlay{padding:20px 15px;}
	#product-mode{
		height: 105vw;
	}
	#product-airflow{
		height: 105vw;
	}
	#product-version{
		height: 110vw;
	}
	#product-battery{
		height: 102vw;
		background-position-x: 45% !important;
	}
	.emphasis-title h1{
		font-size: 8vw;
	}
	.emphasis-title h2,.slider-caption1 h2{
		font-size:6vw;
	}
	#product-mode h3,#kit-contents h3,#product-specs h3{
		font-size:4vw;
	}
	.lead,.button.button-large{font-size:3.5vw;}
	.teknomode-adjustable{text-align:center !important;}
	.color-select .pic .colorbox li p{
	font-size: 3vw;top: 30%;left: 20%;
	}
	.color-select .select-box li{
		width: 5vw;
		height: 5vw;
	}
}