BODY{
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
}

.img-responsive:not(.nocenter){
	margin-left: auto;
	margin-right: auto;
}

.btn-orange{
	background-color: #F7941E;
}

/* BEGIN: SLIDER ******************************************************************************** */
.slide-mask-bl{
	z-index: 5;
	background-color:rgba(0, 0, 0, 0.40);
	border-color:rgba(0, 0, 0, 0.50);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,00aeef+50&0.3+0,0+50 */
	background: -moz-linear-gradient(45deg,  rgba(0,174,239,0.3) 0%, rgba(0,174,239,0) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(0,174,239,0.3) 0%,rgba(0,174,239,0) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(0,174,239,0.3) 0%,rgba(0,174,239,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d00aeef', endColorstr='#0000aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.slide-mask-tr{
	z-index: 5;
	background-color:rgba(0, 0, 0, 0.40);
	border-color:rgba(0, 0, 0, 0.50);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,00aeef+50&0.3+0,0+50 */
	background: -moz-linear-gradient(225deg,  rgba(0,174,239,0.3) 0%, rgba(0,174,239,0) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(225deg,  rgba(0,174,239,0.3) 0%,rgba(0,174,239,0) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(225deg,  rgba(0,174,239,0.3) 0%,rgba(0,174,239,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d00aeef', endColorstr='#0000aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.tp-caption.Slide-Title, 
.Slide-Title{
	color:rgba(255,255,255,1.00);
	font-size:70px;
	line-height:70px;
	font-weight:300;
	font-style:normal;
	padding:10px 0px 10px 0;
	text-decoration:none;
	background-color:transparent;
	border-color:transparent;
	border-style:none;
	border-width:0px;
	border-radius:0 0 0 0px;
}

.tp-caption.Slide-SubTitle, 
.Slide-SubTitle{
	color:rgba(255,255,255,1.00);
	font-size:70px;
	line-height:70px;
	font-weight:800;
	padding:0 0 0 0px;
	
	text-decoration:none;
	background-color:transparent;
	border-color:transparent;
	border-style:none;
	border-width:0px;
	border-radius:0 0 0 0px;
	letter-spacing:4px;
	text-align:left;
}

.tp-caption.Slide-CallToAction,
.Slide-CallToAction{
	color:rgba(255,255,255,1.00);
	font-size:14px;
	line-height:14px;
	font-weight:500;
	font-style:normal;
	padding:10px 30px 10px 30px;
	text-decoration:none;
	background-color:rgba(0,0,0,0);
	border-color:rgba(255,255,255,0.50);
	border-style:solid;
	border-width:1px;
	border-radius:0px 0px 0px 0px;
	text-align:left;
}

.tp-caption.Slide-CallToAction:hover,
.Slide-CallToAction:hover{
	color:rgba(0,0,0,1.00) !important;
	text-decoration:none;
	background-color: rgba(255,255,255,1) !important;
	border-color: rgba(255,255,255,1.00);
	border-style: solid;
	border-width: 1px;
	border-radius: 0px 0px 0px 0px;
	cursor: pointer;
}

.tp-caption.Slide-DownArrow,
.Slide-DownArrow{
	color:rgba(255,255,255,1.00);
	font-size:30px;
	line-height:30px;
	font-weight:500;
	font-style:normal;
	padding:10px 30px 10px 30px;
	text-decoration:none;
	background-color:rgba(0,0,0,0);
	border: none;
	text-align:left;
}

.tp-caption.Slide-DownArrow:hover,
.Slide-CDownArrow:hover{
	color:rgba(0,0,0,1.00) !important;
	text-decoration:none;
	background-color: rgba(255,255,255,1) !important;
	cursor: pointer;
}

/* ENDOF: SLIDER ******************************************************************************** */

/* BEGIN: SECTIONS ELEMENTS ******************************************************************************** */
SECTION .title{ font-weight: 300; }
SECTION .title SPAN{ font-weight: 700; }
/* ENDOF: SECTIONS ELEMENTS ******************************************************************************** */

/* BEGIN: TRACK SECTIONS ******************************************************************************** */
.track-section{
	text-align: center;
}

.track-section:first-of-type{
	margin-top: 50px;
}

.track-section + .track-section{
	margin-top: -3px;
}

.track-section .section-inner{
	position: relative;
	padding: 0px 25px 100px 25px;
}

.track-section .section-inner::before{
	content: ""; position: absolute; z-index: -1; 
	top: 0px; bottom: 0px; 
	left: 0px; right: 0px;
	
	border: solid 3px #F26522;	
	-webkit-border-radius: 16px; 
	-moz-border-radius: 16px; 
	border-radius: 16px;
}

.track-section:nth-child(2n) .section-inner::before{
	right: 50%;
	border-right: none;
}
	
.track-section:nth-child(2n+1) .section-inner::before{
	left: 50%;
	border-left: none;
}

.track-section .section-inner > .title{
	background-color: #FFF;
	display: inline-block;
	line-height: 40px;
	
	margin: 0px auto 50px auto;
	padding: 0px 35px;
	position: relative;
	top: -.7em;
}

.track-section:nth-child(2n) .section-inner > .title::before,
.track-section:nth-child(2n+1) .section-inner > .title::before{
	display: inline-block; content: "";
	width: 23px;
	height: 23px;
	line-height: 1px;
	
	background-color:#FFF;
	border: solid 3px #F26522;
	
	position: absolute;
	top: calc(50% - 10px);
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
	
.track-section:nth-child(2n) .section-inner > .title::before{
	left: -5px;
}

.track-section:nth-child(2n+1) .section-inner > .title::before{
	right: -5px;
}

.track-section:nth-child(2n) .section-inner > .title::after,
.track-section:nth-child(2n+1) .section-inner > .title::after{
	display: inline-block; content: "";
	width: 0px;
	height: 0px;
	line-height: 1px;
	
	background-color:#FFF;
	border: solid 8px transparent;
	
	position: absolute;
	top: calc(50% - 5px);
}
	
.track-section:nth-child(2n) .section-inner > .title::after{
	right: -5px;
	border-right-color: #F26522;
}

.track-section:nth-child(2n+1) .section-inner > .title::after{
	left: -5px;
  	border-left-color: #F26522;
}

.track-section:first-of-type .section-inner > .title::after{
	display: none;
}


.track-section:nth-last-of-type(2) .section-inner::before{
	border-bottom: none;
	-webkit-border-bottom-left-radius: 0px; 
	-moz-border-bottom-left-radius: 0px; 
	border-bottom-left-radius: 0px;
	
	-webkit-border-bottom-right-radius: 0px; 
	-moz-border-bottom-right-radius: 0px; 
	border-bottom-right-radius: 0px;
}

.track-section:nth-last-of-type(2) .section-inner::after{
	display: inline-block; content: "";
	width: 0px;
	height: 0px;
	line-height: 1px;
	
	background-color: transparent;
	border: solid 8px transparent;
	border-top-color: #F26522;
	
	position: absolute;
	bottom: -15px;
}

.track-section:nth-last-of-type(2):nth-child(2n) .section-inner::after{
	left:-6px;
}

.track-section:nth-last-of-type(2):nth-child(2n+1) .section-inner::after{
	right:-6px;
}

.track-section:last-of-type .section-inner::before,
.track-section:last-of-type .section-inner::after,
.track-section:last-of-type .section-inner > .title::before,
.track-section:last-of-type .section-inner > .title::after{
	display: none;
}

@media (max-width: 768px) {
	.track-section .section-inner::before,
	.track-section .section-inner::after,
	.track-section .section-inner > .title::before,
	.track-section .section-inner > .title::after{
		display: none !important;
	}
	
	.track-section{
		margin-top: 50px !important;
		padding-top: 50px !important;
		border-top: solid 1px #F0F0F0;
	}
	
	.track-section:first-of-type {
		padding-top: 0px !important;
		border-top: none;
	}
	
	.track-section .section-inner > .title::after{
		content: "";
		display: block !important;
		width: 100% !important;
		height: 2px !important;
		background-color: #F0F0F0 !important;
		border: none !important;
		
		position: absolute !important;
		top: 50px !important;
	}
}

/* ENDOF: TRACK SECTIONS ******************************************************************************** */

/* BEGIN: SECTION ADVANTAGE ******************************************************************************** */
#advantage_save,
#advantage_share,
#advantage_comfort{
	text-align: right;
}

#advantage_save .title{
	color: #009444;
}

#advantage_share .title{
	color: #F26522;
}

#advantage_comfort .title{
	color: #7F3F98;
}

#advantage_save .image,
#advantage_share .image,
#advantage_comfort .image{
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px) {
	#advantage_save,
	#advantage_share,
	#advantage_comfort{
		text-align: center;
	}
}

/* ENDOF: SECTION ADVANTAGE ******************************************************************************** */

/* BEGIN: SECTION HOW ******************************************************************************** */
#how_install,
#how_invoice,
#how_read,
#how_video,
#how_notify{
	text-align: left;
	margin-top: 50px;
}

#how_install .title,
#how_invoice .title,
#how_read .title,
#how_video .title,
#how_notify .title{
	color: #7F3F98;
}

#how_video{
	text-align: center;
}

.video-button{
	color: #CD201F;
}

.video-button:hover{
	color: #000000;
}

.modal-content iframe{
        margin: 0 auto;
        display: block;
    }

@media (max-width: 768px) {
	#how_install,
	#how_invoice,
	#how_read,
	#how_video,
	#how_notify{
		text-align: center;
	}
}

/* ENDOF: SECTION HOW ******************************************************************************** */

/* BEGIN: SECTION PRODUCT ******************************************************************************** */
.product{
	
}

.product .product-lead{}
.product .product-lead FIGURE{
	display: block;
	position: relative;
}

.product .product-lead FIGURE FIGCAPTION{
	display: block;
	font-size: .8em;
}

.product .product-lead FIGURE FIGCAPTION H3{
	display: block;
	font-size: 1.5em;
	white-space: nowrap;
	color: #1C75BC;
}

.product .product-lead FIGURE FIGCAPTION P{
	display: block;
	font-size: 1em;
}

.product-content{
	text-align: left;
	background-color: #F0F0F0;
	font-size: .9em;
	margin-top: 50px;
}

.product-content .product-content-inner{
	padding: 15px 15px 40px 15px;
}

.product-content .title{
	padding: 10px 30px;
}

.product-content P{
	padding: 10px 30px;
}

.product-content UL{
	margin: 0px;
	padding: 0px 10px 0px 60px;
	list-style: none;
}

.product-content UL LI{
	list-style: none;
}

.product-content UL LI + LI{
	margin-top: 15px;
}

.product-content UL LI::before{
	display: inline-block;
	vertical-align: baseline;
	width: 10px;
	height: 10px;
	margin-left: -25px;
	margin-right: 15px;
	content: "";
	
	background-color: #F15A29;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/* ENDOF: SECTION PRODUCT ******************************************************************************** */

/* BEGIN: SECTION CONTACT ******************************************************************************** */
.section-contact{
	background-color: #1C75BC;
	color: #FFF;
	margin-top: 30px !important;
	padding-top: 100px;
	text-align: left;
}

.section-contact A{
	color: #FFF;
	text-decoration: underline;
}

.section-contact A:hover{
	color: #F0F0F0;
	text-decoration: none;
}

.section-contact .tel{
	display: block;
	text-decoration: none;
	
	font-weight: 300;
	font-size: 3em;
}

@media (max-width: 768px) {
	.section-contact{
		text-align: center;
	}
	
	.section-contact .tel{
		text-align: center;
	}
}

/* ENDOF: SECTION CONTACT ******************************************************************************** */