h1 {
	font-size: 48px;
	font-weight: 600;
}
@media (max-width:1200px){
	h1 {
		font-size: 35px;
	}
}
@media (max-width:991px){
	h1 span {
		display: block;
	}
}
@media (max-width:768px){
}
.del-padding {
	padding-left: 0;
	padding-right: 0;
}
.description {
	padding: 0 15% 0 5%;
}

/*header for tutorial-----*/
.tutorial-slider {
	position: relative;
	z-index: 1;
	padding: 18% 0 12%;
}
.tutorial-slider.img-bg {
	background: url(../../img/product/TLC130/tutorial_header.jpg) no-repeat;
	background-size: cover;
	background-position: 60% center!important;
}

.tutorial-slider h1 {
	color: #fff;
	font-size: 48px;
	font-weight: 600;

}
@media (max-width:991px){
	.tutorial-slider {
		padding: 18% 0;
	}
}
@media (max-width:768px){
	.tutorial-slider h1 {
		font-size: 30px;
	}
	.tutorial-slider span {
		font-size: 42px;
	}
}
@media (max-width:414px){
	.tutorial-slider h1 {
		font-size: 20px;
	}
	.tutorial-slider span {
		font-size: 30px;
	}
}
/* Header
--------------------------------------------*/
.promo-slider {
	position: relative;
	z-index: 1;
	padding: 14% 0 10%;
}
.promo-slider.img-bg {
	background: url(../../img/product/TLC130/header.jpg) no-repeat;
	background-size: cover;
	background-position: 60% center!important;
}
.promo-slider h1 {
	font-size: 48px;
	font-weight: 600;
    color: #fff;
}
.promo-slider span {
	display: block;
    text-transform: uppercase;
}
#scroll-animate {
	position: absolute;
	left: 50%;
	bottom: 70px;
}
#scroll-animate a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}
#scroll-animate a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@media (max-width:991px){
	.promo-slider {
		padding: 18% 0;
	}
}
@media (max-width:768px){
	.promo-slider h1 {
		font-size: 30px;
	}
	.promo-slider span {
		font-size: 42px;
	}
}
@media (max-width:414px){
	.promo-slider h1 {
		font-size: 20px;
	}
	.promo-slider span {
		font-size: 30px;
	}
	#scroll-animate {
		bottom: 50px;
	}
	#scroll-animate a span {
		width: 24px;
		height: 42px;
	}
}

.launch-video {
    font-size: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 220px;
    margin: 30px auto 0;
    height: 68px;
    border: 2px solid rgba(255,255,255,.85);
}
.launch-video video {
    width: 220px;
    display: block;
}
.launch-icon {
    position: absolute;
    top: 0px;    
    padding-left: 40px;
    padding-top: 21px;
    color: #fff;
}


/* Overview
--------------------------------------------*/
#bg-timelapsevideo {
	background: url(../../img/product/TLC130/bg-timelapse.jpg) no-repeat;
	background-size: cover;
	background-position: 65% center!important;
}
#bg-stepvideo {
	background: url(../../img/product/TLC130/bg-stepvideo.jpg) no-repeat;
	background-size: cover;
	background-position: 60% center!important;
}
#bg-timelapsevideo,
#bg-stepvideo {
	padding: 15% 0;
	margin-bottom: 30px;
}
#bg-timelapsevideo h1,
#bg-stepvideo h1,
#bg-timelapsevideo p,
#bg-stepvideo p { color: #fff; }

@media (max-width:991px){
	.vertical-align div,
	.vertical-align div[class*='col-'] {
		width: 100%;
		display: table!important;
		text-align: center;
		padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}
	#overall .description {
		padding: 15px;
	}
	#bg-timelapsevideo,
	#bg-stepvideo {
		text-align: center;
	}
}

/* 
--------------------------------------------*/
.box-content {
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 20px;
    padding: 3% 0;
    background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}
.box-image {
	width: 60%;
	display: table-cell;
}
.box-text {
	vertical-align: middle;
	display: table-cell;
	width: 40%;
}
.box-text-info .counter {
	font-size: 15em;
	line-height: 100%;
	color: #FF9800;
	font-family: Open Sans;
	font-weight: 300;
}
.box-text-info {
	text-align: center;
}
.box-text-info p,
.reverse .box-text-info p {
	font-size: 24px;
	font-weight: 500;
}
.reverse .box-image {
	float: right;
}
.reverse .box-text {
	float: left;
	padding-top: 2%;
}
@media (max-width:1200px){
	.box-text-info .counter {
		font-size: 13em;
	}
	.reverse .box-text {
		padding-top: 4%;
	}
}
@media (max-width:991px){
	.box-text-info .counter {
		font-size: 10em;
	}
}
@media (max-width:768px){
	.box-text-info .counter {
		font-size: 8em;
	}
}
@media (max-width:560px){
	.box-image,
	.box-text,
	.reverse .box-image,
	.reverse .box-text {
		width: 100%;
		float: left;
	}
	.reverse .box-text {
	    padding-top: 0;
	}
}

/* Accessory
--------------------------------------------*/
#bg-accessories {
	background-color: #607D8B;
}
#bg-accessories .title-box h1,
#bg-accessories .title-box p {
	color: #FFF;
}
.row.accessory img { margin: 0 auto;}
.row.accessory h3 {
	font-weight: 300;
	color: #fff;
	height: 40px;
	margin: 10px auto 20px;
	text-align: center;
}

@media (max-width:640px){
	.row.accessory div[class*='col-'] {
		width: 50%;
	}
}

/* owl-carousel
--------------------------------------------*/
.owl-carousel {
	margin-bottom: 5px;
}
.owl-item h4 {
	position: absolute;
	width: 100%;
	bottom: 5px;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}

/* APP
--------------------------------------------*/
.app-content {
	background: url(../../img/product/TLC130/bg-reverse.jpg) no-repeat;
	background-size: cover;
	background-position: 65% center!important;
	overflow: hidden;
}
.app-content .container {
	position: relative;
	min-height: 560px;
}
.app-mobile {
	position: absolute;
	background: url(../../img/product/TLC130/app-mobile.png) no-repeat;
	background-size: contain;
	width: 500px;
	height: 530px;
	bottom: 0px;
}
#demo-video {
	position: absolute;
    width: 347px;
    height: 197px;
    top: 169px;
    left: 63px;
}
.app-text-box {
	position: absolute;
	width: 50%;
	bottom: 30px;
	margin-left:42%;
}
.app-text-box h2,
.app-text-box p {
	color: #fff;
}
.app-text-box h2 {
	font-size: 55px;
	line-height: inherit;
}
@media (max-width:1200px){
	.app-text-box {
		width: 45%;
		margin-left:50%;
	}
}
@media (max-width:991px){
	.app-content {
		background-position: 0 center!important;
	}
	.app-text-box {
		position: relative;
	    width: 100%;
	    margin: 6% auto;
	    text-align: center;
	    bottom: auto;
	}
	.app-mobile {
		left: 50%;
	    margin-left: -185px;
	    bottom: -155px;
	    width: 380px;
	}
	#demo-video {
		position: absolute;
	    width: 264px;
	    height: 150px;
	    top: 128px;
	    left: 48px;
	}
}
@media (max-width:768px){
	.app-content .container {
		max-height: 640px;
    	min-height: auto;
	}	
	.app-mobile {
		position: relative;
    	bottom: 0;
	}
	.app-text-box h2 {
	    font-size: 36px;
	}
}

/* Package
--------------------------------------------*/
.package-content {
	position: relative;
	background-color: #efefef;
	text-align: center;
}
.package-content h1 {
	position: absolute;
	width: 100%;
	margin-top: 3%;
}
.package-text {
	font-size: 15px;
}
.package-text span {
	display: none;
}
.package-text .t1,
.package-text .t2,
.package-text .t3,
.package-text .t4,
.package-text .t5,
.package-text .t6,
.package-text .t7,
.package-text .t8,
.package-text .t9,
.package-text .t10 {
	position: absolute;
	left: 50%;
	top:50%;
	display: none;
}
/*
.package-text .t1 {	margin-left: -43.5%; margin-top: 1%; width: 125px;}
.package-text .t2 { margin-left: -35%; margin-top: 1%; width: 125px;}
.package-text .t3 { margin-left: -26.5%; margin-top: 1%; width: 125px;}
.package-text .t4 { margin-left: -17%; margin-top: -12.5%; width: 85px;}
.package-text .t5 { margin-left: -15.5%; margin-top: 5%; width: 70px;}
.package-text .t6 { margin-left: -40%; margin-top: 16%;}
.package-text .t7 { margin-left: -24.5%; margin-top: 18%;}
.package-text .t8 { margin-left: -5%; margin-top: 18%;}
.package-text .t9 { margin-left: 16%; margin-top: 16.5%;}
.package-text .t10 { margin-left: 35%; margin-top: 16.5%;}

@media (max-width:1500px){
	.package-text { font-size: 13px;}
	.package-text .t1 {	margin-left: -45.5%; margin-top: -14%;}
	.package-text .t2 { margin-left: -38%;}
	.package-text .t3 { margin-left: -30%; margin-top: -11%;}
	.package-text .t4 { margin-left: -18%;}
	.package-text .t5 { margin-left: -17%;}
	.package-text .t6 { margin-left: -41%;}
	.package-text .t7 { margin-left: -26%;}
	.package-text .t8 { margin-left: -6%;}
	.package-text .t9 {  margin-left: 14%;}
	.package-text .t10 { margin-left: 33%;}
}
@media (max-width:991px){
	.package-text .t1 {	margin-left: -43.5%; margin-top: 42%;}
	.package-text .t2 { margin-left: -28.5%; margin-top: 42%;}
	.package-text .t3 { margin-left: -14%; margin-top: 42%;}
	.package-text .t4 { margin-left: -8.5%; margin-top: 22%;}
	.package-text .t5 { margin-left: -22%; margin-top: 22%;}
	.package-text .t6 { margin-left: 6%; margin-top: 43%}
	.package-text .t7 { margin-left: 32.5%; margin-top: 46%}
	.package-text .t8 { margin-left: -38%; margin-top: 11%}
	.package-text .t9 { margin-left: -3%; margin-top: 8%;}
	.package-text .t10 { margin-left: 29%; margin-top: 8%;}
}
@media (max-width:767px){
	.package-text {
		position: relative;
		overflow: hidden;
		padding:0 30px 30px;
	}
	.package-text span {
		display: inline-block;
		background-color: #ff8200;
	}
	.package-text .t1,
	.package-text .t2,
	.package-text .t3,
	.package-text .t4,
	.package-text .t5,
	.package-text .t6,
	.package-text .t7,
	.package-text .t8,
	.package-text .t9,
	.package-text .t10 {
		position: relative;
		width: 50%;
		margin-top: 0;
		margin-left: 0;
		left: 0;
		top: 0;
		float: left;
		text-align: left;
		font-size: 15px;
		padding: 5px 10px;
	}
	span.badge {
		text-align: center;
		margin-right: 10px;
		line-height: 18px;
		height: 24px;
		width: 24px;
	}
}
@media (max-width:610px){
	.package-text .t1,
	.package-text .t2,
	.package-text .t3,
	.package-text .t4,
	.package-text .t5,
	.package-text .t6,
	.package-text .t7,
	.package-text .t8,
	.package-text .t9,
	.package-text .t10 {
		width: 100%;
	}
	.package-text .t1,
	.package-text .t2,
	.package-text .t3,
	.package-text .t4,
	.package-text .t5,
	.package-text .t6,
	.package-text .t7,
	.package-text .t8,
	.package-text .t9,
	.package-text .t10 {
		width: 100%;
	}
}*/

/* Change slide to fade
--------------------------------------------*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.owl-carousel .owl-wrapper-outer {
	margin-bottom: 0;
	padding: 10px 0;
}
.list-inline { margin: 0;}

.content-boxes-v5 {
	min-height:130px;
}
@media (max-width:568px){
	.content-boxes-v5 img {
		width: 100px;
	}
}

.btn-manual a.btn-u {
    display: block;
    font-size: 24px;
    line-height: 50px;
    border-radius: 10px;
    margin-bottom: 12px;
    text-align: center;
}
.drive-viewer-embed .drive-viewer-toolstrip {
	display: none!important;
}