/** Shopify CDN: Minification failed

Line 16:0 Unexpected "$"
Line 193:0 Comments in CSS use "/* ... */" instead of "//"
Line 295:0 Comments in CSS use "/* ... */" instead of "//"
Line 360:0 Comments in CSS use "/* ... */" instead of "//"
Line 444:0 Comments in CSS use "/* ... */" instead of "//"
Line 526:0 Comments in CSS use "/* ... */" instead of "//"
Line 529:1 Comments in CSS use "/* ... */" instead of "//"
Line 539:2 Comments in CSS use "/* ... */" instead of "//"
Line 568:9 Expected identifier but found "#"
Line 568:11 Expected identifier but found "$"
... and 485 more hidden warnings

**/
$xxs: "(min-width: 320px)";
$xs: "(min-width: 480px)";
$sm: "(min-width: 768px)";
$md: "(min-width: 992px)";
$lg: "(min-width: 1200px)";
$xl: "(min-width: 1366px)";

$max-xxs: "(max-width: 319px)";
$max-xs: "(max-width: 479px)";
$max-sm: "(max-width: 767px)";
$max-md: "(max-width: 991px)";
$max-lg: "(max-width: 1199px)";


$nocolor: transparent;
$white: #FFFFFF;
$black: #000;
$lightGray: #F5F5F5;
$midGray: #bdbdbd;
$gray: #888888;
$darkGray: #333333;
$success: #449d44;
$info: #176ac5;
$danger: #ff4800;
$warning: #e8c01c;
$inverse: $black;
$facebookColor: #004fa3;
$translucid: rbga($white, .5);

$yellow: #ffa200;
$emerald: #00afba;

$orange: #ff5c40;
$darkOrange: #b42c12;

$pink: #bd1e6a;
$darkPink: #7d0a41;

$blue: #bd1e6a;
$darkBlue: #1a3288;

@mixin widthModal(){
  width: 80%;
  margin: auto;
}

@mixin size($w:null,$h:null, $grid:null) {
	width: $w;
	height: $h;
	@if ($grid == "true"){
		float: left;
		position: relative;
	}
}

.db{
	display: block !important;
  }


  .ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  }

@font-face {
    font-family: "timeless";
    src: url("{{'Timeless.eot' | asset_url}}");
    src: url("{{'Timeless.eot' | asset_url}}?#iefix") format("embedded-opentype"), url("{{'Timeless.woff' | asset_url}}") format("woff"), url("{{'Timeless.ttf' | asset_url}}") format("truetype"), url("{{'Timeless.svg' | asset_url}}#Timeless") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "timeless-bold";
    src: url("{{'Timeless-Bold.eot' | asset_url}}");
    src: url("{{'Timeless-Bold.eot' | asset_url}}?#iefix") format("embedded-opentype"), url("{{'Timeless-Bold.woff' | asset_url}}") format("woff"), url("{{'Timeless-Bold.ttf' | asset_url}}") format("truetype"), url("{{'Timeless-Bold.svg' | asset_url}}#Timeless-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "javacom";
    src: url("{{'Javacom.eot' | asset_url}}");
    src: url("{{'Javacom.eot' | asset_url}}?#iefix") format("embedded-opentype"), url("{{'Javacom.woff' | asset_url}}") format("woff"), url("{{'Javacom.ttf' | asset_url}}") format("truetype"), url("{{'Javacom.svg' | asset_url}}#Javacom") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'bw_modelicabold';
    src: url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-bold-webfont.woff2?3538470379947725966') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-bold-webfont.woff?3538470379947725966') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'bw_modelicabold_italic';
    src: url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-bolditalic-webfont.woff2?3538470379947725966') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-bolditalic-webfont.woff?3538470379947725966') format('woff');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'bw_modelicalight';
    src: url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-light-webfont.woff2?3538470379947725966') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-light-webfont.woff?3538470379947725966') format('woff');
    font-weight: lighter;
    font-style: normal;

}

@font-face {
    font-family: 'bw_modelicalight_italic';
    src: url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-lightitalic-webfont.woff2?3538470379947725966') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-lightitalic-webfont.woff?3538470379947725966') format('woff');
    font-weight: lighter;
    font-style: italic;

}

@font-face {
    font-family: 'bw_modelicaregular';
    src: url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-regular-webfont.woff2?3538470379947725966') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-regular-webfont.woff?3538470379947725966') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bw_modelicaregular_italic';
    src: url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-regularitalic-webfont.woff2?3538470379947725966') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0626/1209/files/bwmodelica-regularitalic-webfont.woff?3538470379947725966') format('woff');
    font-weight: normal;
    font-style: italic;

}

*{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    line-height: inherit!important;
    font-family: 'bw_modelicaregular';
}
@mixin aspect-ratio($width, $height) {
	position: relative;
	&:before {
	  display: block;
	  content: "";
	  width: 100%;
	  padding-top: ($height / $width) * 100%;
	}
	> .item ,
	> .image ,
	> .content {
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	}
  }

iframe{
	z-index: 0 !important;
}

//Checkbox custom
.check-option {
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 12px 0;
    cursor: pointer;
	font-size: 16px;
	font-weight: 300;
	font-family: "Helvetica", sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none; 
	text-align: left;
}

.check-option input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #000;
}

.check-option:hover input ~ .checkmark {
    background-color: #fff;
}

.check-option input:checked ~ .checkmark {
    background-color: #000;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check-option input:checked ~ .checkmark:after {
    display: block;
}

.check-option .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-atacado{
	color: #fff;
	display: block;
	font-size: 18px;
	padding: 16px 49px;
	text-align: center;
	border: 1px solid #fff;
	text-transform: uppercase;
	font-family: "timeless-bold", sans-serif;
}

.btn-atacado:hover{
	color: #fff;
}


.revencedoraForm{
	max-width: 950px;

	.customRadio-Wrapper{
		.customRadio{
			label{
				text-transform: uppercase;
				font-family: "timeless-bold", sans-serif;
				background: #FFF;
				color: #fa4d02;
			}
		}
	}
}
#seja-revendedora-atacado-com {
	span,strong{
		h1,h2,h3,h4,h5,h6{
			&.dib{
				font-size: inherit;
			}
		}
	}
}
//Banner Revencedora
.banner-seja-revencedora{
	.item{
		background-size: cover;
		background-repeat: no-repeat;
		img{
			display: none;
		}
		.container{
			color: #fff;
			min-height: 360px;
			position: relative;
			.title{
				width: 100%;
				float: right;
				max-width: 365px;
				line-height: 25px;
				text-align: center;
				margin-top: 3%;
				span{
					display: block;
					font-size: 30px;
					font-family: "timeless", sans-serif;
					&:nth-child(1){
						font-size: 22px;
						font-weight: 400;
					}					
					&:nth-child(2){
						text-align: left;
					}
				}
			}
			.hash-tag{
				color: #fff;
				opacity: .3;
				font-size: 60px;
				text-align: center;
				line-height: 150px;
				filter: alpha(opacity=30);
				font-family: "javacom", sans-serif;
				margin: auto;
				display: block;
				clear: both;
			}
			.box-bottom{
				bottom: 48px;
				width: 100%;
				display: flex;
				align-items: center;
				position: absolute;
				.description,
				.box-button{
					flex: 1;
				}
				.description{
					flex: 2;
					font-size: 25px;
					font-weight: 400;
					font-family: "timeless", sans-serif;
				}
			}
		}
	}
}

//Video
.box-video-depoiments{
	padding: 20px 0;
	.box-video{
		iframe{
			width: 748px;
			height: 485px;
		}
		img{
			width: 100%;
			cursor: pointer;
			max-width: 748px;
			&:hover{
				opacity: .9;
				filter: alpha(opacity=90);
			}
		}
		padding-bottom: 55px;
		background: url("shadow-bottom-video.png") no-repeat center bottom;
		background-size: contain;
	}
	.box-title{
		text-align: center;
		margin-top: 20px;
		strong{
			color: #f45000;
			font-size: 42px;
			font-weight: 400;
			line-height: 46px;
			font-family: "Javacom", sans-serif;
		}
	}

	.box-content{
		text-align: center;
		margin-top: 20px;
		ul{
			display: flex;
			justify-content: center;
			li{
				a{
					width: 59px;
					height: 59px;
					color: #000;
					font-size: 30px;
					margin: 0 3px;
					display: block;
					line-height: 59px;
					text-align: center;
					background: #efefef;
					border-radius: 50%;
					-moz-border-radius: 50%;
					-webkit-border-radius: 50%;
					&.active,
					&:hover{
						color: #efefef;
						background: #666;
					}
				}
			}
		}
		.description{
		    color: #000;
		    margin: auto;
		    font-size: 20px;
		    max-width: 255px;
		}
	}
	.box-buttons{
		margin-top: 35px;
		.btn-atacado{
			font-size: 20px;
			background: #f45000;
			border-color: #f45000;
			&:hover{
				color: #f45000;
				background: #fff;
				border-color: #f45000;				
			}
		}
	}
}


//Kit revencedora
.box-kit-revencedora{
	height: 485px;
	background: url("bg-kit-revencedora-2.jpg") no-repeat center bottom;
	.box-resume-kit{
		.box-title{
			margin-top: 50px;
			strong{
				color: #de0f53;
				font-size: 28px;
				font-family: "timeless-bold", sans-serif;
			}
		}
		.box-content{
			color: #000;
			font-size: 18px;
			padding: 0;
			margin-top: 35px;
			strong{
				font-size: 20px;
			}
		}
	}
	.box-image-kit{
		min-height: 485px;
		img{
			bottom: 5%;
			left: -15%;
			position: absolute;
		}
		span{
			color: #fff;
			bottom: 7.5%;
			right: -36%;	
			position: absolute;
			font-size: 63px;
			font-weight: 400;
			font-family: "Javacom", sans-serif;
		}
	}
	.box-description-kit{
		margin-top: 70px;
		ul{
			li{
				font-size: 22px;
				line-height: 40px;
			}
		}
		&:before{
			left: -45px;
			border-right: 12px solid #000;
			display: block;
			content: '';
			position: absolute;
			width: 40px;
			top: 5px;
			margin-top: 60px;
			bottom: 5px;
			border-top: 12px solid #000;
			border-bottom: 12px solid #000;
			background: transparent;
			opacity: .3;
			filter: alpha(opacity=30);		
		}		
	}
	.box-buttons{
		margin-top: 35px;
		.btn-atacado{
			margin: auto;
			max-width: 290px;
			font-size: 22px;
			border-color: #de0f53;
			background: #de0f53;
			&:hover{
				color: #de0f53;
				border-color: #de0f53;
				background: transparent;					
			}
		}
	}	
}

//Feature revencedora
.box-features{
	padding: 40px 0 40px;
	//background: url("{{'platformBG.jpg' | asset_url}}");
	background-size: cover;
	&:before {
		background: rgba(255, 255, 255, 0.19);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: block;
		//content: '';
	}
	.box-title{
		color: #000;
		font-size: 18px;
		line-height: 18px;
		> strong{
			display: block;
			color: $orange;
			font-size: 28px;
			margin-bottom: 25px;
			font-family: "timeless-bold", sans-serif;
		}
		p{
			line-height: 25px;
			max-width: 825px;
			strong{
				display: block;
				font-size: 20px;
				margin-bottom: 10px;
			}
		}
	}
	.books-Wrapper{
		max-width: 720px;
		margin: auto;
		
		display: flex;
		flex-wrap: wrap;
		@media #{$md}{
			flex-wrap: nowrap;
			max-width: 100%;
		}
		.books-Col {
			flex-basis: 100%;
		
			@media #{$sm}{
				flex-basis: 50%;
			}
			@media #{$md}{
				flex-basis: auto;
			}
		}
		.books-Item{
			position: relative;
			padding: 10px;
			
			cursor: pointer;
			img{
			}
			.books-Caption{
				position: absolute;
				top: 0;bottom: 0;
				left: 0;right: 0;
				
				background: rgba(0,0,0,.75);
				text-transform: uppercase;
				
				color: #FFF;
				text-align: center;
				
				display: flex;
				align-items: center;
				justify-content: center;

				opacity: 0;
				transition: all .5s ease;
				span{
					font-size: 18px;
    				font-weight: bold;
				}
			}
			&:hover{
				.books-Caption{
					opacity: 1;
				}
			}
		}
	}
	
	.box-buttons {
		margin: 100px auto 30px;
		.btn-atacado{
			margin: auto;
			display: block;
			max-width: 390px;
			background: #8dbb00;
			border-color: #8dbb00;
			&:hover{
				color: #8dbb00;
				border-color: #8dbb00;
				background: transparent;
			}
		}		
	}
}
.box-showCase{
	background-size: cover;
	>*{
		display: flex;
		flex-direction: row;
		flex-direction: column;
		@media #{$md}{
			flex-direction: row;
		}
	}
	.col{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.title{
		color: $orange;
		display: block;
		font-size: 48px;
		line-height: 1.25;
		font-family: "timeless-bold", sans-serif;
	}
	.description{
		color: $white;
	}
	.video-Wrapper{
		background: rgba($orange, .8);
		padding: 30px;
		.box-video{
			@media #{$md}{
				max-width: 500px;
			}
			width: 100%;
			margin: auto;
			cursor: pointer;
			iframe{
				max-width: 9999px;
			}
		}
		img{
			display: block;
			margin: auto;
			border-radius: 10px;
		}
	}
}
//Simulator
.box-simulator{
	height: 297px;
	margin-top: 40px;
	background: #00afba;
	.box-title{
		color: #fff;
		font-size: 35px;
		margin-top: 110px;
		p{
			line-height: 30px;
			strong{
				margin-top: 10px;
				display: block;
			}
		}
	}
	.box-notebook{
		margin-top: -20px;
		min-height: 330px;
		max-width: 580px;
		background: url(note.png) no-repeat center;
		background-size: contain;
		.sale{
			position: absolute;
			right: 0;
			top: 0%;
			z-index: 9;
		}
		.box-view{
			max-width: 423px;
			max-height: 188px;
			position: absolute;
			top: 28px;
			left: 94px;
		}
	}
}

//Levels
.box-levels{
	padding: 30px 0 10px;
	@media #{$md}{
		padding: 60px 0 10px;
	}
	background: #fafafa;
	overflow: hidden;
	.box-title{
		margin-bottom: 65px;
		strong{
			color: #d30c4d;
			font-size: 28px;
			margin-bottom: 10px;
			display: block;
			font-family: "timeless-bold", sans-serif;
		}
		p{
			color: #000;
			font-size: 18px;
			line-height: 25px;
		}
	}
	.ganheMaisDe7k-Wrapper{
		position: relative;
		@media #{$md}{margin-top: -50px;}
		.ganheMaisDe7k-Ribbon{
			position: relative;
			z-index: 2;
		}
		&:after{
			content: '';
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: -10px;
			background: $pink;
			width: 9999px;
			z-index: 0;
		}
	}
	.box-level{
		display: flex;
		//margin-bottom: 20px;
		> li{
			flex: 1;
			strong,
			img{
				margin: auto;
				display: block;
				text-align: center;
			}
			.name{
				color: #000;
				font-weight: 400;
				font-size: 26px;
				font-family: "Javacom", sans-serif;
			}
			.box-rating{
				display: flex;
				justify-content: center;
				margin: 5px auto 15px;
				li{
					margin: 0 1px;
					i{
						font-size: 24px;
						color: #ffba13;
					}
				}
			}
			.description{
				color: #231f20;
				font-weight: 500;
				font-size: 18px;
			}
			&:hover{
				.btn-atacado{
					visibility: visible;
				}
			}
		}
		&:after{
			content: "";
			width: 100%;
			bottom: 0;
			height: 9px;
			position: absolute;
			background: linear-gradient(to right, rgba(211, 13, 78, 0.22), #d5404e)
		}
	}
	.box-progress{
		display: flex;
		padding-bottom: 10px;
		position: relative;
		
		li{
		    flex: 1;
		    color: #d30d4e;
		    text-align: center;
		    font-size: 22px;
		    font-weight: bold;
		    text-transform: uppercase;
		    font-family: "Helvetica", sans-serif;
			strong,
			span{
				display: block;
			}
			strong{
				font-size: 40px;
				//margin-bottom: 20px;
				position: relative;
				line-height: 60px;
				span{
					top: -14%;
					display: inline;
					font-size: 24px;
					position: absolute;
				}
			}
			&.nth-child-1{
				strong{
					opacity: .2;
					font-size: 50px;
					span{
						top: 0%;
						font-size: 30px;
					}
				}
				span{
					opacity: .2;
				}
			} 

			&.nth-child-2  {
				strong{
					opacity: .4;
					font-size: 50px;
					span{
						top: 0%;
						font-size: 30px;
					}
				}
				span{
					opacity: .4;
				}
			}

			&.nth-child-3  {
				strong{
					opacity: .6;
					font-size: 60px;
					span{
						top: 0%;
						font-size: 35px;
					}				
				}				
				span{
					opacity: .6;
				}
			}

			&.nth-child-4{
				strong{
					font-size: 70px;
					span{
						top: 0%;
						font-size: 40px;
					}				
				}
				span{
					opacity: 1;
				}
			}
			.btn-atacado{
				background: #d30d4e;
				margin: auto;
				display: block;
				max-width: 200px;
				font-size: 15px;
				padding: 10px;
				margin-top: 5px;
				visibility: hidden;
				opacity: 1 !important;
				filter: alpha(opacity=100) !important;
			}												
		}
	}
}

.interessedKit-Wrapper{
	display: flex;
	flex-direction: column;
	@media #{$sm}{
		flex-direction: row;
	}
	.radio{
		margin: 0;
	}
	label{
		font-weight: 400;
		transition: all .5s ease;
		padding: 10px 20px;
		border-radius: 9999px;
		cursor: pointer;
		box-shadow: 0px 30px 50px -30px rgba(0,0,0,0),0px 0px 0px 2px rgba(0,0,0,0.1) inset;

		display: block;
		text-align: center;

		&.pink{color: $pink;}
		&.blue{color: $blue;}
		&.orange{color: $orange;}
		
		.name-kit{
			margin: 0;
			font-size: 21px;
			font-family: "javacom", sans-serif;
		}
	}
	input{
		display:none;
		&:checked{
			+ label{
				&.pink{background: $pink; color: $white; box-shadow: 0px 30px 50px -30px rgba(0,0,0,.5),0px 0px 0px 2px rgba($pink,1) inset;}
				&.orange{background: $orange; color: $white; box-shadow: 0px 30px 50px -30px rgba(0,0,0,.5),0px 0px 0px 2px rgba($orange,1) inset;}
				&.blue{background: $blue; color: $white; box-shadow: 0px 30px 50px -30px rgba(0,0,0,.5),0px 0px 0px 2px rgba($blue,1) inset;}
			}
		}
	}
}

.customRadio-Wrapper{
	display: flex;
	flex-direction: column;
	@media #{$sm}{
		flex-direction: row;
	}
	.customRadio{
		margin: 0 5px;
		
		label{
			font-weight: 400;
			transition: all .5s ease;
			box-shadow: 0px 30px 50px -30px rgba(0,0,0,0),0px 0px 0px 1px rgba(0,0,0,.25);
			border-radius: 999px;
	
			font-size: 14px;
			display: block;
			text-align: center;
			line-height: 1;
			padding: 10px 15px;
			
		}
		input{
			display:none;
			&:checked{
				+ label{
					box-shadow: 0px 30px 50px -30px rgba(0,0,0,.5),0px 0px 0px 1px rgba($orange,1);
					background: $orange;
					color: $white;
					font-weight: bolder;
				}
			}
		}
	}
}
.radioError{box-shadow: 0px 30px 50px -30px rgba(0,0,0,0),0px 0px 0px 1px rgba(255,0,0,1) inset!important;}
.revencedoraMobileMenu{
	transition: all .5s ease;
	bottom: -50px;
	overflow: hidden;
	background: rgba(255,255,255, .9);
	&.nav-down{
		bottom:0;
	}
}
//Depoiments
.box-depoiments{
	height: 322px;
	background: #ffa200;
	.box-title{
		margin-top: -40px;
		p{
			color: #ffa200;
			font-size: 35px;
			line-height: 40px;
			font-family: "timeless-bold", sans-serif;
			span{
				color: #fff;
				display: block;
			}
		}
	}
	.box-hashtag{
		color: #ff7200;
		font-size: 45px;
		margin: 70px 0;
		font-family: "javacom", sans-serif;
	}
	.text-history{
		color: #fff;
		font-size: 22px;
		font-family: "Helvetica", sans-serif;
		text-align: left;
		line-height: 25px;
		font-weight: 300;
	}
	.box-video-depoiment{
	    overflow: hidden;
	    margin: -131px auto 0;
	    .box-video{
	    	iframe,
	    	img{
	    		width: 412px;
	    		height: 297px;
	    		margin: auto;
				padding-bottom: 30px;
				display: block;
	    	}
		    img{
				cursor: pointer;
		    }
	    }
	    .box-depoiment{
	    	color: #fff;
	    	text-align: center;
	    	p{
	    		font-size: 20px;
	    		padding: 15px;
	    		position: relative;
	    		&:before,
	    		&:after{
	    			display: block;
	    			position: absolute;
	    			background-size: contain;
	    		}
	    		&:before{
	    			top: 0;
	    			left: 0;
	    			content: "";
	    			width: 36px;
	    			height: 33px;
	    			background: url("ico-aspas-inicio.png") no-repeat center;
	    		}	    		
	    		&:after{
	    			right: 0;
	    			bottom: 0;
	    			content: "";
	    			width: 20px;
	    			height: 18px;
	    			background: url("ico-aspas-fim.png") no-repeat center;
	    		}
	    	}
	    	.author{
	    		font-size: 16px;
	    		font-style: italic;
	    		margin-top: 20px;
	    	}
	    }
	    .owl-nav{
	    	display: none;
	    }
	}
}

//Contact
.box-contact{
	padding: 25px 0;
	//margin-bottom: 200px;
	.box-title{
		text-align: center;
		h3{
			color: #ff4e00;
			font-size: 30px;
			margin: 0;
			font-family: "timeless-bold", sans-serif;
		}
		p{
			color: #000;
			font-size: 20px;
			font-weight: 300;
			margin: 10px auto 20px;
			font-family: "Helvetica", sans-serif;
		}
	}
	.bindFormErrorAlert{
		margin-bottom: 20px;
	}
	.form-control{
		color: #6e6e6e;
		font-size: 16px;
		border-color: #bcbcbc;
		box-shadow: none;
		height: 40px;
		padding: 10px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	.btn-atacado{
		background: #ff4e00;
		max-width: 230px;
		margin: 40px auto 0;
		&:hover{
			color: #ff4e00;
			border-color: #ff4e00;
			background: transparent;
		}
	}
}

//Banner Kits
.banner-kits,
.banner-plans{
	.owl-stage-outer{
		width: 100%;
		max-width: 1366px;
		margin: auto;
	}
	img{
		//display: none !important;
	}
	.item{
	    background-size: cover;
	    background-repeat: no-repeat;
		background-position: center top;		
		.hashtag{
			opacity: .9;
			clear: both;	
			margin: auto;
			display: flex;
			flex-direction: column;
			align-content: center;
			justify-content: center;
			text-align: center;
			margin: 30px 0 0 0;
			.javacom{
				display: none;
				font-size: 70px;
				text-align: center;
				line-height: 1;
				filter: alpha(opacity=30);
				font-family: "javacom", sans-serif;		
			}
			b{
				font-size: 21px;
				&+p{
					font-size: 16px;
				}
			}
			@media #{$md}{
				color: #fff;
				background: rgba(0, 0, 0, 0.35);
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin:0;
				.javacom{
					font-size: 70px;
					display: block;
				}
				b{
					font-size: 36px;
					&+p{
						font-size: 16px;
					}
				}
			}

		}
		
	}
	.hero{
		max-width: 1000px;
		margin: auto auto 40px auto;
		display: block;
		padding: 10px;
		.h1{
			font-size: 24px;
			@media #{$md}{
				font-size: 32px;
			}
			font-weight: bolder;
		}
		.h2{
			margin: 0 0 20px 0;
		}
		
		p{
			font-size: 14px;
			line-height: 1.35;
			@media #{$md}{
				font-size: 18px;
			}
		}
		.step-Wrapper{
			display: flex;
			flex-direction: column;
			@media #{$md}{
				flex-direction: row;
			}
			>*{ 
				margin: 20px 0;
				padding: 10px;
				@media #{$md}{
					padding: 30px;
				}
				transition: all .5s ease;
				&:hover{
					box-shadow: 0px 5px 50px -10px rgba(0,0,0,.25);
					transform: translateY(-10px);
				}
			}
			.icon{
				display: inline-block;
				width: 100%;
				min-height: 100px;
				display: flex;
				img{
					max-width: 100px;
					display: block;
					margin: auto;
				}
			}
			.step-title{
				font-size: 28px;
				display: block;
				font-weight: 700;
				color: #fa6503;
			}
		}
		.step {
			width: 46px;
			height: 46px;
			display: inline-block;
			border: 2px solid #000;
			border-radius: 999px;
			font-size: 28px;
			display: block;
			margin: auto;
			margin: 20px auto;
		}
	}
}

.box-kits{
	.box-kits-resume{
		margin-bottom: 100px;
		> .box-title{
			// max-width: 760px;
			margin: 0 auto 10px;			
			color: #000;
			font-size: 18px;
			font-weight: 300;
			// text-align: center;
			font-family: "Helvetica", sans-serif;			
			> .description{
				margin: 0 auto 10px;			
				color: #000;
				font-size: 18px;
				font-weight: 300;
				display: block;
				font-family: "Helvetica", sans-serif;	
			}
			strong{
				color: #ff5400;
				font-size: 28px;
				font-family: "timeless-bold", sans-serif;
				span{
					font-size: 48px;
					font-family: "javacom", sans-serif;					
				}
			}
			> span{
				font-weight: bold;
			}
		}
		+ .description{
			font-size: 14px;
		}
		.box-revencedora-kitVideo iframe{
			max-width:9999px;
		}
		.box-content{
			.box-image{
				position: relative;
				padding-right: 5%;
				.img-kit{
					display: block;
					margin: 100px auto;
					max-width:800px;
					width: 100%;
				}
				.selo{
					position: absolute;
					z-index: 1;
					width: 15%;
					&.selo-sonho{
						left: 0%;
					}
					&.selo-pronta-vencer{
						top: 15%;
						right: 8%;
						width: 14%;
					}				
				}
			}
			.box-options-list--Wrapper{
				background-size: cover;
				.box-title{
					margin: 50px auto;
					strong{
						color: #000;
						font-size: 28px;
						font-family: "timeless-bold", sans-serif;
					}
				}
				.box-footer{
					margin: 20px auto;
					span{
						color: #000;
						font-size: 36px;
						font-family: "timeless", sans-serif;
						letter-spacing: 5px;
					}
				}
			}
			.box-options-list{
				display: flex;
				justify-content: center;
				flex-direction: column;
				@media #{$md}{
					flex-direction: row;
				}
				>.item{
					flex: 1;
					margin: 0 20px;
					text-align: center;
					.box-title{
						color: #fff;
						margin: auto;
						display: flex;
						height: 170px;
						align-items: center;
						background-size: contain;
						flex-direction: column;
						justify-content: center;
						background: url("{{'bg-box-kit.png' | asset_url}}") no-repeat center 0;
						background-size: contain;
						span{
							color: #bcbdc0;
							display: block;
							font-weight: 800;
						}
						strong{
							color: #fff;
							font-size: 20px;
							font-weight: 400;
							font-family: "helvetica", sans-serif;
						}
						.name-kit{
							margin: 0;
							margin-top: -10px;							
							font-size: 48px;
							font-family: "javacom", sans-serif;								
						}
					}
					.box-description{
						font-size: 25px;
						margin: 20px auto;
						font-family: "timeless";						
						.title{
							font-size: 30px;
							font-family: "timeless-bold";
							> span{
								font-size: 25px;
								font-weight: 400;
								font-family: "timeless";
							}
						}
						.name{
							display: block;
							margin: 10px auto;
						}
					}
					.box-price{
						display: flex;
						.item{
							flex: 1;
							.price{
								font-size: 25px;
								span{
									font-size: 16px;
									font-weight: 400;
								}
							}
							.option{
								display: block;
								font-size: 12px;
								font-weight: 400;
								text-transform: uppercase;
								font-family: "Helvetica", sans-serif;
							}
						}
					}
					.box-buttons{
						display: flex;
						margin-top: 10px;
						.btn-atacado{
							flex: 1;
							margin-left: 10px;
							font-size: 14px;
							padding: 10px;
							font-family: "timeless";
							&:first-child{
								margin-left: 0;
							}
							&:hover{
								color: #fff;
							}
						}
						.btn-atacado-fill{
							color: #fff !important;
							&:hover{
								background-color: transparent;
							}							
						}
					}
					&.color-orange{
						.box-title{
							.name-kit{
								color: $orange;
							}
						}
						.box-description{
							a{
								color: $orange;
							}
						}
						.btn-atacado{
							color: $orange;
							border-color: $orange;
							&:hover{
								background-color: $orange;
							}
						}
						.btn-atacado-fill{
							background-color: $orange;
							&:hover{
								color: $orange;
								border-color: $orange;
							}							
						}						
					}
					
					&.color-pink{
						.box-title{
							.name-kit{
								color: $pink;
							}
						}
						.box-description{
							a{
								color: $pink;
							}
						}
						.btn-atacado{
							color: $pink;
							border-color: $pink;
							&:hover{
								background-color: $pink;
							}
						}
						.btn-atacado-fill{
							background-color: $pink;
							&:hover{
								color: $pink;
								border-color: $pink;
							}							
						}						
					}	
					&.color-blue{
						.box-title{
							.name-kit{
								color: $blue;
							}
						}
						.box-description{
							a{
								color: $blue;
							}
						}
						.btn-atacado{
							color: $blue;
							border-color: $blue;
							&:hover{
								background-color: $blue;
							}
						}
						.btn-atacado-fill{
							background-color: $blue;
							&:hover{
								color: $blue;
								border-color: $blue;
							}							
						}						
					}									
				}				
			}
		}
	}
}

.box-featuresPlans{
	.featuresPlans-Wrapper{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.featuresPlans-Item{
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		flex-basis: 100%;
		padding: 10px;
		text-align: center;
		@media #{$sm}{
			flex-direction: row;
			text-align: left;
		}
		@media #{$md}{
			text-align: center;
			flex-direction: column;
			flex-basis: 33%;
			padding: 30px 40px;
		}
	}
	.img{
		width: 95px;
		margin: auto;
		@media #{$md}{
			width: 100%;
		}
	}
	.content{
		width: 100%;
		padding: 10px;
		@media #{$md}{
			padding: 0;
		}
	}
	.featuresPlans-Icon{
		display: block;
		width: 100%;
		max-width: 95px;
		font-size: 95px;
		@media #{$md}{
			margin: 0 auto;
		}
	}
	.featuresPlans-Title{
		font-weight: bolder;
		@media #{$max-md}{
			margin-top: 0;
		}
	}
	.featuresPlans-Description{
		font-size: 16px;
	}
}

.box-testimonialsPlans{
	.h1{
		font-size: 26px;
		@media #{$md}{
			font-size: 36px;
		}
	}
	.testimonialsPlans-Wrapper{
		flex-direction: column;
		@media #{$md}{
			margin-top: 30px;
			flex-direction: row;
		}
		.testimonialPlayer{
			// padding: 10px;
			iframe{
				width: 100%;
				max-width: none;
				@media #{$md}{
					height: 100%;
				}
			}
		}
		.testimonialPlaylist{
			display: flex;
			flex-wrap: wrap;
			@media #{$md}{
			}
			>*{
				padding: 2px;
				width: 100%;
				p{
					display: none;
					@media #{$md}{
						display: inline-block;
					}
					width: 100%;
					text-align: center;
					font-weight: bolder;
				}
				.cover{
					position: relative;
					transition: all .5s ease;
					&:before{
						content: " ";
						position: absolute;
						bottom: 0;
						top: 0;
						left: 0;
						right: 0;
						background: rgba(0, 0, 0, .6) url("{{'lpPlan-PlayIcon.png' | asset_url}}") top 50% center no-repeat;
						transition: all .5s ease;
						background-size: 30px;
						@media #{$md}{
							background: rgba(0, 0, 0, .6) url("{{'lpPlan-PlayIcon.png' | asset_url}}") top 20% center no-repeat;
							background-size: 50px;
						}
					}
					&:hover{
						&:before{
							background: rgba(0, 0, 0, .45) url("{{'lpPlan-PlayIcon.png' | asset_url}}") top 50% center no-repeat;
						}
						.testimonial-highlight{
							opacity: 0;
						}
					}
					.testimonial-highlight{
						//content: attr(data-testimonial-hightlight) " ";
						transition: all .5s ease;
						opacity: 1;
    					width: 100%;
						text-align: center;
						color: #FFF;
						position: absolute;
						bottom: 0;left: 0;right: 0;
						font-weight: bolder;
						padding: 10px;
						font-size: 21px;
						max-width: 450px;
						margin: auto;
						display: none;
						@media #{$md}{
							display: block;
						}

						.quote{
							font-size: 36px;
						}
					}
					+b{
						text-align: center;
						font-size: 11px;
						@media #{$md}{
							font-size: 12px;
						}
					}
				}
			}
			&.moreVideos{
				>*{
					width: 50%;
					@media #{$md}{
						padding: 5px;
					}
					.testimonial-highlight{
						font-size: 13px;
					}
				}
			}
		}
	}
}

.box-examples{
	background: #f3f3f3;
	padding: 0;
	@media #{$md}{
		//padding: 30px 0;
	}
	//margin: 30px 0;
	>*{
		
		padding: 0;
		@media #{$md}{
			padding: 0 15px;
		}
	}
	.h1{
		font-size: 24px;
		@media #{$md}{
			font-size: 32px;
		}
		font-weight: bolder;
	}
	.h3{
		font-size: 16px;
		@media #{$md}{
			font-size: 24px;
		}
		font-weight: bolder;
	}
	.productCarousel-Wrapper{
		overflow: hidden;
		padding: 0;
		max-width: 1366px;
		@media #{$md}{
			padding: 20px 0;
		}
		.sampleProduct-Slider{
			display: flex;
			align-items: center;
			position: relative;
			.owl-dots{
				display: none;
			}
			.owl-nav > *{
				top: auto;
			}
		}
		.sampleProduct-Inner{
			position: relative;
			max-width: 320px;
			margin: auto;
			.priceWrapper{
				font-size: 18px;
				text-align: center;
				
				.template-index &{
					font-size: 16px;
					margin: 10px 0 0 0;
				}
				.oldPrice {
					opacity: .5;
				}
				.newPrice {
					transform: scale(1.25);
				}
				>p{
					margin: 0!important;
					line-height: 1.5;
					span{
						font-weight: bolder;
						letter-spacing: 1px;
					}
					&.profitPrice{
						font-size: 125%;
						color: #fa6503;
						text-transform: uppercase;
						font-weight: bold;
					}
				}
			}
			.coverWrapper{
				position: relative;
				img{
					@media #{$md}{
						height: 300px;
					}
					margin: auto;
					display: block;
				}
				&:before{
					content: " ";
					position: absolute;
					bottom: 20px;top: 20px;left: -1%;
					background: url("{{'lpPlans-bracketOpen.png' | asset_url}}") top 20% center no-repeat;
					width: 30%;
					background-size: contain;
				}
				&:after{
					content: " ";
					position: absolute;
					bottom: 20px;top: 20px;right: -1%;
					background: url("{{'lpPlans-bracketClose.png' | asset_url}}") top 20% center no-repeat;
					width: 30%;
					background-size: contain;
				}
			}
		}
	}
}
.box-passport{
	display: flex;
	flex-direction: column;
	//align-items: flex-end;
	
	padding: 0;
	margin: 0px auto;
	text-align: center;
	max-width: 1500px;
    width: 100%;
	@media #{$md}{
		flex-direction: row;
		text-align: left;
		padding: 0px 0;
	}
	.hero{
		margin:0;
		padding: 20px;
	}
	.h1{
		font-size: 24px;
		@media #{$md}{
			font-size: 36px;
		}
		font-weight: bolder;
	}
	.h3{
		font-size: 16px;
		@media #{$md}{
			font-size: 21px;
			max-width: 480px;
			margin: 10px 0 20px 0;
		}
		font-weight: bolder;
	}
	ul{
		li{
			font-size: 24px;
			font-weight: bold;

			@media #{$md}{
				font-size: 55px;
				font-weight: lighter;

			}
			.modal &{
				font-size: 21px;
				@media #{$md}{
					font-size: 36px;
				}
			}
			margin:0;
			color: #fa6503;
		}
	}
	
	.passportFeatures-Wrapper{
		//display: none;
		@media #{$md}{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			flex-direction: row;
			justify-content: flex-end;
			width: 100%;
    		max-width: 750px;
		}
		> .passportFeatures-Inner{
			width: 100%;
			flex-direction: row;
			background-size: contain;
			min-height: 30vh;
			max-height: 500px;
			background-repeat: no-repeat;
			background-color: #e86f0a;
			background-position: center center;
			@media #{$md}{
				min-height: 300px;
				background-size: cover;
				background-position: center center;
				flex-direction: column;
				padding: 0 40px 0 0;
				max-height: 9999px;
			}
			img{
				width: 100%;
				//max-width: 375px;
				text-align: center;
				margin: auto;
			}
		}
	}
	.passportFeatures-Offer{
		font-size: 16px;
    	line-height: 2;
		@media #{$md}{
			font-size: 24px;
			margin-top: 36px;
			line-height: 1.5;
		}
		.passportFeatures-Price{
			font-size: 18px;
			font-weight: bold;
    		line-height: 2;
			@media #{$sm}{
				font-size: 24px;
				font-weight: lighter;
    			line-height: 1.5;
			}
			max-width: 1100px;
			display: block;
			
			cursor: pointer;
			@media #{$md}{
				font-size: 28px;
				font-weight: bold;
			}
			
			span {
				color: #fa6503;
				font-size: 150%;
				font-weight: bold;
				vertical-align: sub;
			}
		}
		.passportFeatures-CTA{
			margin-top: 20px;
			.btn{
				max-width: 420px;
				font-size: 28px;
				line-height: 1;
				background-color: #fa6503;
				color: #FFF;
				display: block;
				padding: 10px;
				//margin: auto;
				//max-width: 300px;
				height: auto;
				border: 1px solid;
				box-shadow: 0px 15px 20px -10px rgba(0,0,0,0.4);
				transition: all .5s ease;
				&:hover{
					background: lighten(#fa6503, 5%);
					box-shadow: 0px 20px 40px -15px rgba(0,0,0,.65);
					transform: translateY(-10px);
				}
			}
		}
	}
}
.box-faq{
	background: #f3f3f3;
	padding: 30px 0;
	.faq-Inner{
		margin: 20px -20px 0 -20px;
		@media #{$md}{
			margin: 20px 0 0 0;
		}
	}
	.h1{
		font-size: 24px;
		@media #{$md}{
			font-size: 36px;
		}
		font-weight: bolder;
	}
	.panel{
		border: 0;
		background: transparent;
		z-index: 999;
		position: relative;
		transition: all .5s ease;
		&:hover{
			box-shadow: 0px 5px 20px -5px rgba(0,0,0,.1);
			background: #f6f6f6;
		}
		&.active{
			box-shadow: 0px 5px 20px -5px rgba(0,0,0,.25);
			background: #FFF;
		}
		> .panel-heading{
			padding: 15px;
			background-color: transparent;
			border-color: transparent;
			h4{
				font-weight: bolder;
				font-size: 18px;
				@media #{$md}{
					font-size: 21px;
				}
			}
		}
		.panel-body{
			line-height:1.5;
		}
	}
}


//Footer
.account-copyright{
	background: #000;
	padding: 20px 0;
	.box-logotipo{
		padding: 10px 0;
	}
	.box-copyright{
		color: #fff;
		text-align: right;
	}
}


.btn-disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.panel-atacado{
	.panel-heading{
		background: $orange;
		color: $white;
	}
}


.planoCarreiraDash-wrapper{
	text-align: center;

	@media #{$sm}{
		text-align: left;
	}
	
	strong{
		// $darkBlue: #1a3288;
		font-size: 18px;
		@media #{$sm}{
			font-size: 28px;
		}
		line-height: 1.25;
		margin-bottom: 10px;
		display: block;
		font-family: "timeless-bold", sans-serif;
	}
	p{
		font-weight: lighter;
		font-size: 16px;
		line-height: 1.5;

		@media #{$sm}{
			font-size: 18px;
		}
	}
	.text-emerald{
		color: $emerald;
	}
	.planoCarreiraDash-Benefits--Wrapper{
		display: table;
		margin: 40px 0;
		>*{
			display: block;
			@media #{$sm}{
				display: table-cell;
			}
			position: relative;
			vertical-align: bottom;
			float: none;
			img{
				// position: absolute;
				// bottom: 0;
				display: block;
				margin: auto;
				margin-bottom: 20px;
				@media #{$sm}{
					float: left;
					margin-bottom: 0;
				}
			}
		}
	}
	.box-levels{
		margin: 10px 0 50px 0;
		padding: 10px 0;
		position: relative;
		&:before{
			content:'';
			background: #fafafa url(//cdn.shopify.com/s/files/1/0626/1209/t/170/assets/worldDotsBG.png?6611789684537644352) repeat-x;
			/* background-blend-mode: hard-light; */

			position: absolute;
			top: 0; bottom: 0; left: 0; right: 0;
			opacity: 0.5;
			z-index: 1;
		}
		
		.box-level{
			z-index: 2;
			position: relative;
			margin:0;
			flex-wrap: wrap;
			flex-direction: row;

			&:after{
				display: none;
			}
			@media #{$md}{
				.nth-child-1{transform: scale(.75);}
				.nth-child-2{transform: scale(.85);}
				.nth-child-3{transform: scale(.95);}
				.nth-child-4{transform: scale(1);}
			}
			img{ width: 50%;}
			.box-rating {
				margin: 5px auto 0;
			}
			>*{
				flex-basis: 50%;
				@media #{$sm}{
					flex-basis:auto;
				}
			}
		}
	}
	
	.careerSteps-Wrapper{
		.careerSteps-Item{
			margin-bottom: 50px;
			flex-direction: column;
			@media #{$sm}{
				flex-direction: row;
			}
			img{
				margin: auto;
				display: block;
				max-width: 140px;
			}
			p{
				font-size: 16px;
				display: block;
				margin-bottom: 15px;
			}
			b{
				display: block;
				&+span{
					font-size: 21px;
					vertical-align: middle;
					font-weight: bold;
				}
			}
			.cursive-font{
				font-size: 36px;
				margin-bottom: 15px;
				display: inline-block;
				line-height: 1;
			}
		}
	}
}
.cardsShowcase-wrapper{
	.cardWizard-Wrapper{
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		.cardWizard-Item{
			text-align: center;
			img{
				margin: 20px 0;
			}
			.cardWizard-Content{
				p{
					color: $black;
					font-weight: bolder;
					margin: 0;
				}
				a{
					color: $info;
					font-size: 11px;
					&.btn{
						color: $white;
						background-color: #31ce78;
						font-size: 12px;
						margin: 10px 0;
						border: 0px;
					}
				}
			}
		}
	}
	.cardTabs-Wrapper{
		margin: 50px 0;
		.nav{
			border: 0px solid transparent;
			>li{
				a{
					font-size: 18px;
					font-weight: 600;
					border: 0px;
					border-bottom: 1px solid #ccc;
					border-top: 0px;
					background: transparent;
				}
				&.active,&:hover{
					a{	
						border: 0px;
						box-shadow: 0px -5px 0px 0px #000 inset;
						color: $black;
					}
				}
			}
		}
		.tab-content{
			padding: 10px;
		}
		.campaignTitle{
			font-size: 21px;
			font-weight: 700;
			line-height: 2;
		}
		.campaignInner{
			display: flex;
			flex-wrap: wrap;
			> .campaignItem{
				width: 25%;
				padding: 5px;
				margin-bottom: 20px;
				img{
					box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.5);
    				border-radius: 3px;
				}
			}
		}

		.btn-atacado{
			background: #fb7c03;
			padding: 5px;
			line-height: 24px;
			margin-top: 10px;
		}
	}
}
.cursive-font{
	font-family: "javacom", sans-serif;
}


.headerPlan,
.headerLP{
	overflow: hidden;
	padding: 0;
	width: 100%;
	z-index: 200;
	background: #fff;
    // box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    // border-bottom: 1px solid #ccc;
	position: relative;
	
	.logoHeader{
		padding: 15px 0;
		img{
			max-width: 150px;
			@media #{$md}{
				max-width: 200px;
			}
			display: none;
			&.logoAlt{
				display: block;
			}
		}
		@media #{$sm}{
			img{
				display: block;
				&.logoAlt{
					display: none;
				}
			}
		}
	}
	
	.wizard-Inner{
		display: flex;
		
		flex-direction: column;
		justify-content: center;
		padding: 2.5px 5px 5px 5px;
		text-align: center;
		background: transparent;
		cursor: pointer;
		flex-grow: 1;
		flex-basis: 0;
		transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
		@media (min-width: 500px){
			flex-grow: unset;
			flex-basis: auto;		
		}
		@media #{$lg}{
			//margin-left: 50px;
		}
		.icon-Wrapper {
			margin: auto auto 5px auto;
			width: 32px;
			height: 32px;
			display: flex;
			border-radius: 999px;
			padding: 5px;
			z-index: 2;
			background: white;
			box-shadow: 0px 0px 0px 2px rgba(0,0,0,.05);
			img{
				display: block;
				margin: auto;
				max-height: 20px;
				&.icon-Alt{
					display: none;
				}
			}
		}
		&.active,
		&:hover{
			&:nth-child(1) .icon-Wrapper{background: #00cd79;}
			&:nth-child(2) .icon-Wrapper{background: #6717c5;}
			&:nth-child(3) .icon-Wrapper{background: #bd1e6a;}
			&:nth-child(4) .icon-Wrapper{background: #d97000;}
			&:nth-child(5) .icon-Wrapper{background: #00cd79;}
			
			&:nth-child(2) .icon-Wrapper{background: #d97000;}
			.icon-Wrapper img{
				display: none;
				&.icon-Alt{
					display: block;
				}
			}
			.text-Wrapper{
				//color: #FFF;
			}
		}
		.text-Wrapper{
			font-size: 12px;
			@media #{$md}{
				font-size: 12px;
			}
			.description{
				display: none;
				@media (min-width: 767px){
					display: inline-block;
				}
			}
			font-weight: bolder;
		}
	}
	.headerPlan-Outer,
	.headerLP-Outer{
		display: flex;
		.wizard-Wrapper{
			display: flex;
			position: relative;
			padding: 0px 25px;
			width: 100%;
			max-width: 800px;
			margin: auto;
			z-index: 2;
			background: white;
			justify-content: space-between;
			&:after{
				content: '';
				position: absolute;
				width: 86%;
				height: 3px;
				left: 0;
				background: rgba(0, 0, 0, 0.1);
				top: 18px;
				right: 0;
				display: block;
				margin: auto;
			}
		}
		.quickMenu-Wrapper,
		.navMenu-Wrapper{
			display: none;
			@media #{$sm}{
				display: flex;
				justify-content: flex-end;
			}
			align-items: center;
			padding: 0 20px;
			width: 100%;
			.navMenu-Inner{
				padding: 0 15px;
				height: 100%;
				display: flex;
				align-items: center;
				font-size: 14px;
				a{
					color: #FFF;
					//@extend .fwb;
				}
				.btn{
					line-height: 1.5;
					font-size: 11px;
					border-radius: 999px;
					height: auto;
					padding: 5px 15px;
					border: 0px solid transparent;
					&.secondary{
						background: #dd2056;
					}
					&.primary{
						background: #ff6600;
					}
				}
				&.active{
					a{
						color: #ff6600;
						font-weight: bolder;
					}
					box-shadow: 0px -10px 0px -5px #ff6600 inset;
				}
				&.highlighted{
					//margin-left: auto;
					padding: 0 5px;
				}
			}
		}
		.quickMenu-Wrapper{
			display: flex;
			padding: 0;
			justify-content: flex-end;
			@media #{$sm}{
				display: none;
				justify-content: flex-end;
			}
		}
	}


}
.headerPlan{	
	background: #000!important;
	.logoHeader{
		padding: 15px 0;	
	}
}

.newLandingPage-wrapper {
	overflow: hidden;
	.owl-item{
		margin: 0px;
		padding: 0px;
	}
	> .owl-nav{
		display: none;
	}
	.btn-CTA{
		transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
		&:hover{
			transform: scale(1.05);
		}
		i{
			vertical-align: middle;
			margin-left: 10px;
		}
	}
	.inner {
		@media (max-width: 999px) {
			width:100%;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			// padding: 0 1em
		}
		@media (min-width: 1000px) {
			height: calc(100vh - 75px);
			padding: 0;
			width: 100%;
			max-width: 100%;
		}
		.btn-CTA {
			border-radius: 5px;
			border: 0;
			font-size: 18px;
			text-transform: initial;
			padding: 10px;
			width: auto;
			height: auto;
			width: 95%;
			margin: auto;
			display: block;
		}
		.img-center{
			display: block;
			margin: auto;
		}
		.main{
			position: relative;
		}
		.sidebar {
			position: relative;
			color: #535353;
			background: #fafafa;
			width:100%;
			@media (min-width: 1000px) {
				width:38%;
				//padding-left: 4%;
				background-position: left top;
				float: right;
			}
			.no-js &,
			.no-generatedcontent & {
				background: #fafafa
			}
		}
		&.slide-1{
			.main{
				//background: url("");
				background-size: cover;
				&:after{
					content:'';
					position: absolute;
					left: 0;right: 0;top: 0;bottom: 0;
					background: rgba(0, 0, 0, .5);
				}
				*{
					z-index: 2;
				}
				.cta-Wrapper{
					color: #FFF;
					align-self: flex-end;
					@media #{$xl}{
						align-self: center;
					}
					width: 100%;
					padding: 0 20px;
					.h1{
						font-weight: bold;
						line-height: 1;
						margin: 0;
						font-size: 28px;
						text-align: center;
						display: block;
						@media #{$sm}{
							font-size: 36px;
						}
						@media #{$md}{
							margin: 100px 0 0 0;
							font-size: 60px;
							text-align: left;
						}
						@media #{$xl}{
							font-size: 70px;
						}
						&+*{
							font-size: 16px;
							text-align: center;
							margin: 20px 0;
							@media #{$sm}{
								font-size: 18px;
							}
							@media #{$md}{
								font-size: 28px;
								text-align: left;
							}
							@media #{$xl}{
								font-size: 36px;
							}
						}
					}
				}
				.btn-CTA {
					width: 100%;
					color: #FFF;
					background: #00cd79;
					margin: 4.5vh auto;
					font-size: 16px;
					border-radius: 10px;
					max-width: 500px;
					display: none;
					@media #{$sm}{
						margin: 7.5vh auto 5vh auto;
					}
					@media #{$md}{
						display: block;
						font-size: 24px;
					}
					@media #{$md}{
						width: 55%;
					}
					@media #{$xl}{
						font-size: 28px;
					}
				}
			}
			.sidebar{
				background: #FFF;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				@media (min-width: 1000px) {
					width: 33%;
				
				}
				.sampleProduct-Wrapper{
					display: block;
					// align-self: flex-end;
					width: 100%;
					overflow: hidden;
					@media (min-width: 1000px) {
						// margin: 0px auto 7.5vh auto;
					}
					@media #{$xl}{
						align-self: center;
					}
					>.heading{
						font-size: 18px;
						font-weight: bold;

						margin: 10px 0;
						@media #{$md}{
							font-size: 24px;
							margin: 0 0 20px 0;
						}	
						text-align: center;
						color: #000;
					}
					.sampleProduct-Inner{
						display: flex;
						flex-wrap: wrap;
						margin: auto;
						max-width: 450px;
						overflow: hidden;
						@media #{$xs}{
							overflow: visible;
						}
						@media #{$md}{
							display: block;
							max-width: 250px;
						}
						img {
							max-height: 280px;
							margin: auto;
							display: block;
							//flex-basis: 50%;
							//width: 50%;
							@media (max-height: 650px) {
								max-height: 220px;
							}
							@media (max-height: 600px) {
								max-height: 180px;
							}

							@media #{$md}{
								flex-basis: auto;
								width: auto;
							}
						}
						.productTitle{
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
							
							color: #000;
							font-size: 14px;
							margin: 0 auto  10px  auto;
							@media #{$sm}{
								font-size: 16px;
							}
							@media #{$md}{
								margin: 0 -40px  10px  -40px;
							}
							font-weight: bold;
							
							flex-basis: 90%;
							min-width: 90%;
							text-align: center;
						}
						.priceWrapper {
							margin: auto;
							flex-basis: 50%;
							width: 50%;
							align-self: center;
							position: relative;
							@media #{$md}{
								flex-basis: 70%;
								width: 70%;
								align-self: center;
								margin: auto;
							}
							p{
								margin-top: 15px;
								font-size: 14px;
								@media #{$sm}{
									font-size: 18px;
								}
								font-weight: bold;
								text-align: left;
								color: #000;
								span{
									font-size: 150%;
									display: block;
								}
								&+p{
									span{
										font-size: 225%;
									}
								}
							}

							&:before{
								content:'';
								display: block;
								background: url('{{"arrow-down-green.png" | asset_url}}') no-repeat center center;
								width: 15%;
								height: 100%;
								position: absolute;
								left: -20%;
								background-size: contain;
							}
							
							
							&:after{
								content: attr(after);
								width: 45%;
								height: 100%;
								
								right: 0%;
								background-size: contain;
								top: 0;
								color: #31ce78;
								font-weight: bolder;
								@media (max-width: 399px){
									right: -40px;
									top: 20px;
								}
								@media #{$xs}{
									content:'';
									background: url('{{"70-percent-green.png" | asset_url}}') no-repeat center top;
									position: absolute;
								}

								@media #{$sm}{
									right: -10%;
								}

								@media (min-width: 1000px) {
									width: 65%;
									right: -50%;
									top: -30px;
								}
							}
						}
					}
				}

				.owl-themeCustom .owl-nav{
					>*{
						cursor: pointer;
					}
				}
				
				.owl-themeCustom .owl-dots{
					//position: absolute;
					bottom: 30px;
					width: 100%;
					text-align: center;
				}
				.owl-themeCustom .owl-dot{
					display: inline-block;
				}
				.owl-themeCustom .owl-dots .owl-dot span {
					width: 10px;
					height: 10px;
					margin: 2px;
					background: rgba(0,0,0,.4);
					border: 1px solid #FFF;
					display: block;
					-webkit-backface-visibility: visible;
					transition: opacity .2s ease;
					border-radius: 30px
				}

				.owl-themeCustom .owl-dots .owl-dot.active span,.owl-themeCustom .owl-dots .owl-dot:hover span {
					background: #000;
				}
				.cta-Wrapper{
					width: 100%;
					padding: 0 20px;
					.btn-CTA {
						width: 100%;
						color: #FFF;
						background: #00cd79;
						margin: 20px auto;
						font-size: 16px;
						border-radius: 10px;
						display: block;
						@media #{$sm}{
						}
						@media #{$md}{
							display: none;
							font-size: 24px;
						}
						@media #{$md}{
							width: 55%;
						}
						@media #{$xl}{
							font-size: 28px;
						}
					}
				}
			}
		}
		&.slide-2{
			.main{
				background: #6717c5;
				flex-direction: column;
				width: 100%;
				padding: 20px;
				@media (min-width: 1000px){
					width: 46%;
					padding: 2%;
				}
				@media #{$xl}{
				}
				@media #{$xl}{
					display: flex;
					justify-content: center;
					flex-direction: column;
					align-items: flex-start;
					
					padding: 3%;
				}
				.cta-Wrapper{
					color: #FFF;
					align-self: flex-start;
					@media #{$xl}{
						align-self: center;
					}
					width: 100%;
					//padding: 25px 60px 35px 40px;
					h2{
						font-weight: bolder;
						line-height: 1;
						margin: 0;
						font-size: 24px;
						@media #{$lg}{
							font-size: 28px;
						}
						text-align: center;
						@media #{$lg}{
							font-size: 36px;
							text-align: left;
						}
					}
				}
			}
			.img-Wrapper{
				display: block;
				margin: 30px auto auto auto;
				@media (min-width: 1000px){
					margin: 100px auto auto auto;
				}
			}
			.sidebar{
				display: flex;
				justify-content: space-between;
				flex-direction: column;
				width: 100%;
				padding: 2% 3%;
				@media (min-width: 1000px){
					width: 54%;
				}
				@media #{$lg}{
					padding: 3%;
				}
				@media #{$xl}{
					justify-content: flex-start;
				}
				
				>*{
					max-width: 600px;
    				margin: 0 auto;
				}
				
				.cta-Wrapper{
					color: #000;
					align-self: flex-start;
					@media #{$sm}{
						margin-bottom: 30px;
					}
					@media #{$xl}{
						align-self: center;
					}
					width: 100%;
					
					//padding: 25px 60px 35px 40px;
					h2{
						font-weight: bolder;
						line-height: 2;
						font-size: 18px;
						text-align: center;
						margin: 0;
						@media #{$lg} {
							line-height: 1;
							font-size: 28px;
						}
						@media #{$lg} {
							font-size: 36px;
							text-align: left;
						}
					}
				}
				.simulator-Wrapper{
					.simulator-Inner{
						display:flex;
						flex-wrap: wrap;
						justify-content: space-between;
						>*{
							margin: 10px 0;
							@media (min-width: 550px){
								margin: 0 0 10px 0;
							}
							@media #{$lg}{
								margin-bottom: 30px;
							}
						}
					}
					.simulator-block{
						display: flex;
						width: 100%;
						flex-direction: column;
						align-items: center;
						@media (min-width: 550px){
							align-items: flex-start;
						}
						&.step-1{
							@media (min-width: 1000px){
								width: auto;
								margin-right: 10px;
							}
							.radio-Wrapper{
								display: flex;
								justify-content: center;
								@media (min-width: 550px){
									justify-content: space-between;
								}
								.levelItem{
									padding: 0px;
									text-align: center;
									font-size: 10px;
									@media (min-width: 999px) and (max-width: 1199px){
										font-size: 9px;
									}
									margin: 10px 5px;

									font-weight: normal;
									color: #000;

									transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
									.levelIMG{
										width: 50px;
										height: 50px;
										@media (min-width: 550px) and (max-width: 999px){
											float:left;
										}
										@media #{$lg}{
											width: 60px;
											height: 60px;
											float:none;
										}


										background: #EEE;
										display: flex;
										margin: auto;
										margin-bottom: 10px;
										border-radius: 999px;
										transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
										img{
											height: 70%;
											&.active{
												display: none;
											}
										}
									}
									.levelDiscount{
										display: block;
										font-size: 250%;
									}
								}
								input{
									display: none;
									&:checked{
										&+.levelItem{
											font-weight: bolder;
											color: #6717c5;
											.levelIMG{
												transform: scale(1.05);
												@media #{$lg}{
													transform: scale(1.25);
												}
												background-color: #6717c5;
												img{
													display: none;
													height: 70%;
													&.active{
														display: block;
													}
												}
											}
										}
									}
								}
							}
						}
						&.step-2{
							@media (min-width: 550px){
								width: auto;
								//margin-right: 30px;
							}
							.radio-Wrapper{
								display: flex;
								justify-content: center;
								@media (min-width: 550px){
									justify-content: space-between;
								}
								.levelItem{
									padding: 0px;
									text-align: center;
									font-size: 14px;
									margin: 0 10px 0 0;
									
									background: #EEE;
									border: 3px solid #EEE;
									border-radius: 3px;
									font-weight: bold;
									line-height: 2;
									color: #000;

									display: flex;
									align-items: center;
									flex-direction: column;
									
									transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
									@media (min-width: 550px){
										flex-direction: row;
									}
									@media (min-width: 1000px){
										margin: 10px 4px;
										flex-direction: column;
									}
									.levelIMG{
										height: 110px;
										float:left;
										@media (min-width: 550px){
											height: 60px;
										}
										@media (min-width: 999px) and (max-width: 1199px){height: 70px;}
										
										@media #{$lg}{
											height: 90px;
											float:none;
										}
										background: #EEE;
										overflow: hidden;
										display: flex;
										margin: auto;
										transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
										img{
											height: 100%;
										}
									}
								}
								input{
									display: none;
									&:checked{
										&+.levelItem{
											font-weight: bolder;
											color: #FFF;
											transform: scale(1.1);
											background-color: #6717c5;
											border: 3px solid #6717c5;
											
										}
									}
								}
							}
						}
						&.step-3{
							@media (min-width: 550px){
								width: auto;
							}
							.inputGroup-Wrapper{
								border-radius: 5px;
								overflow: hidden;
								display: block;
								width: 100%;
								max-width: 190px;
								margin: 10px auto;
								@media (min-width: 550px){
									margin: 10px 0;
								}
								@media (min-width: 1000px){
									max-width: 220px;
								}
								.input-group-addon,
								.form-control {
									height: 50px;
									padding: 0 5px;
									background: #EEE;
									box-shadow: 0px -3px 0px 0px rgba(0,0,0,.15) inset!important;
									border: 0;
									box-shadow: 0px 0px transparent;
									font-size: 18px;
									font-weight: bolder;

    								text-align: center;
								}
								.btn{
									height: 50px;
									padding: 0 10px;
									background: #6618c5;
									color: #fafafa;
									font-size: 16px;
									line-height: 0;
									font-weight: normal;
									&:hover{
										background: lighten(#6618c5, 10%);
									}
								}
							}
						}
						&.step-4{
							@media (min-width: 550px){
								width: auto;
							}
							.totalProfit-Wrapper{
								.well{
									background: #ffc637;
								}
								p{
									font-size: 20px;
									@media #{$lg}{
										font-size: 28px;
									}
									color: #000;
									line-height: 1;
									margin: 0;
									&.totalProfit{
										font-size: 40px;
										@media #{$lg}{
											font-size: 56px;
										}
										font-weight: bolder;
										color: #6618c5;
									}
								}
							}
						}
					}
				}
			}

			.btn-CTA {
				width: 100%;
				max-width: 350px;

				color: #FFF;
				background: #6717c5;
				font-size: 16px;
				border-radius: 10px;
				@media #{$md}{
					font-size: 24px;
				}
				&:hover{
					background: lighten(#6717c5, 10%);
				}
			}
			.stepIndicator {
				width: 30px;
				height: 30px;
				font-size: 21px;
				line-height: 30px;
				display: inline-block;
				text-align: center;
				background: #f3f3f3;
				border: 1px solid #EEE;
				color: #6717c5;
				border-radius: 999px;
				margin-right: 5px;
				vertical-align: middle;
			}
		}
		&.slide-3{
			//flex-direction: column-reverse!important;
			transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
			*{
				transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
			}
			@media (min-width: 1000px){
				flex-direction: row!important;
			}
			.main{
				display: flex;
				justify-content: space-between;
				flex-direction: column;
				width: 100%;
				padding: 2% 4%;
				@media (min-width: 1000px){
					width: 46%;
				}
				@media #{$xl}{
					padding: 3%;
				}
				@media #{$xl}{
					justify-content: flex-start;
					align-items: center;
				}
				>*{
					width: 100%;
					max-width: 550px;
					margin: 0 auto;
				}
				.cta-Wrapper{
					align-self: flex-start;
					@media #{$xl}{
						align-self: center;
					}
					width: 100%;
					h2{
						font-weight: bolder;
						line-height: 1;
						margin: 10px 0;
						font-size: 24px;
						text-align: center;
						position: relative;
						@media (min-width: 1000px){
							text-align: left;
							&:after{
								content:'';
								background: url("{{'newLP_slide3_arrow_right.png' | asset_url}}") no-repeat center center;

								display: inline-block;
								background-size: contain;
								width: 40%;
								right: -30%;
								top: 0; bottom: 0;
								position: absolute;
								z-index: 2;
							}
						}
						@media #{$xs}{
							font-size: 28px;
							margin: 0;
						}
						@media #{$lg}{
							font-size: 36px;
						}
						@media #{$xl}{
							text-align: center;
							&:after{
								width: 30%;
								right: -30%;
							}
						}
					}
				}
				.img-Wrapper{
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					text-align: center;
					margin-top: 20px;
					@media #{$sm}{
						margin-top: 40px;
					}
					@media #{$lg}{
						flex-direction: row;
					}
					>*{
						@media #{$lg}{
							width: 33%;
						}
					}
					.plusSign-Outer {
						width: 20%;
						align-items: center;
						justify-content: center;
						display: none;
						@media #{$lg}{
							display: flex;
						}
						i{
							font-size: 100px;
						}
					}
					p,h2{
						font-weight: bolder;
						font-size: 18px;
						margin: 0;
						@media #{$sm}{
							font-size: 24px;
						}
						br, &+br{
							display: none;
							@media #{$lg}{
								display: block;
							}
						}
					}
					ul{
						display: flex;
						flex-direction: row;
						justify-content: space-around;
						@media #{$lg}{
							flex-direction: column;
						}
						
						li{
							text-align: center;
							font-size: 18px;
							font-weight: bolder;
							margin-bottom: 20px;
						}

						img{
							display: block;
							margin-bottom: 20px;
						}
					}
				}
			}
			.sidebar{
				background: #bd1e6a;
				color: #FFF;
				display: flex;
				//justify-content: center;
				justify-content: space-between;
    			flex-direction: column;
				width: 100%;
				min-height: calc(100vh - 75px);
				padding: 20px;
				transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
				*{transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);}
				>*{
					//max-width: 600px;
					margin: 0 auto;
					text-align: center;
				}
				&:hover{
					background: lighten(#bd1e6a, 10%);
				}
				@media (min-width: 1000px){
					// width: 54%;
					padding: 2% 3%;
					justify-content: space-between;
				}
				@media #{$lg}{
					//padding: 3%;
				}
				@media #{$xl}{
					justify-content: flex-start;
				}
				
				h2{
					font-size: 21px;
					@media (min-width: 1000px){
						font-size: 30px;
					}
				}
				.cta-Wrapper{
					color: #FFF;
					align-self: flex-start;
					@media #{$xl}{
						align-self: center;
					}
					width: 100%;
					margin: 10px auto;
					//padding: 25px 60px 35px 40px;
					h2{
						font-weight: bolder;
						line-height: 1;
						margin: 0;
						font-size: 14px;
						@media #{$xs}{
							font-size: 18px;
						}
						text-align: center;
						font-weight: bolder;
						&:before{
							content:'';
							background: url("{{'newLP_slide3_icon_play_video.png' | asset_url}}") no-repeat center 0;
							display: inline-block;
							width: 24px;
							height: 24px;
							margin: auto;
							vertical-align: middle;
							background-size: contain;
							
							margin: 5px 10px;
							vertical-align: middle;
							background-size: contain;
							background-position: center center;
							@media #{$xs}{
								width: 40px;
								height: 40px;
							}

							@media (min-width: 1000px){
								display: inline-block;
								width: 40px;
								height: 30px;
								margin: 0 10px 0 0;
							}
						}
					}
				}
				.img-Wrapper{
					cursor: pointer;
					img{
						&:hover{
							transform: scale(1.05);
						}
					}
				}
				.videoWrapper{
					margin: 0 -20px;
					@media #{$xs}{
						margin: auto;
					}
				}
				.videoKitsPreview-Wrapper {
					position: relative;
					width: 100%;
					max-width: 700px;
					transform: scale(1);
					transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
					video,
					.imgMain {
						background: url('{{"tvMockUp.jpg" | asset_url}}');
						background-size: cover;
						padding: 5px 5px 10px 5px;
						background-repeat: no-repeat;
						background-position: bottom center;
						width: 100%;
					}
					> img.playBTN{
						position: absolute;
						z-index: 2;
						left: 0; right: 0; top: 0; bottom: 0;
						margin: auto;
						transform: scale(1);
					}
					&:after{
						content: '';
						position: absolute;
						display: block;
						top: 0;
						left: 0;
						right: 0;
						bottom: 10px;
						background: rgba(0, 0, 0, 0.7);
						@media #{$md}{
							background: rgba(0, 0, 0, 0.5);
						}
						transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
					}
					&:hover{
						transform: scale(1.05);
						&:after{
							background: rgba(0, 0, 0, 0.6);
						}
						> img.playBTN{
							transform: scale(1.25);
						}
					}
				}
			}

			.btn-CTA {
				width: 100%;
				max-width: 550px;

				color: #bd1e6a;
				background: #FFF;
				font-size: 16px;
				border-radius: 10px;
				@media #{$md}{
					font-size: 24px;
				}
				
			}
			.stepIndicator {
				width: 30px;
				height: 30px;
				font-size: 18px;
				line-height: 30px;
				display: inline-block;
				text-align: center;
				background: #6717c5;
				color: #FFF;
				border-radius: 999px;
				margin-right: 5px;
				vertical-align: middle;
			}
		}
		&.slide-4{
			//flex-direction: column-reverse!important;
			@media (min-width: 1000px){
				flex-direction: row!important;
			}
			.main{
				display: flex;
				justify-content: flex-start;
				flex-direction: column;
				width: 100%;
				padding: 2% 4% 0 4%;

				background: repeat center center;

				@media (min-width: 1000px){
					width: 50%;
				}
				@media #{$xl}{
					padding: 3%;
				}
				@media #{$xl}{
					justify-content: flex-start;
					align-items: center;
				}
				>*{
					width: 100%;
					max-width: 550px;
					margin: 0 auto;
				}
				.cta-Wrapper{
					align-self: flex-start;
					@media #{$xl}{
						align-self: center;
					}
					width: 100%;
					h2{
						font-weight: bolder;
						line-height: 1.25;
						margin: 0;
						font-size: 28px;
						text-align: center;
						@media #{$sm}{
							line-height: 1;
							font-size: 36px;
						}
						@media (min-width: 1000px){
							text-align: left;
						}
						@media #{$lg}{
							font-size: 36px;
						}
						@media #{$xl}{
							text-align: center;
						}
					}
				}
				.img-Wrapper{
					margin-top: 10px;
					overflow: auto;
					@media #{$sm}{
						margin-top: 30px;
					}
					&.chat-Wrapper{
						.chat-Item{
							display: flex;
							align-items: flex-start;
							margin-bottom: 20px;
							padding-top: 10px;
							> img{
								border-radius: 999px;
								margin: 0 10px 0 0;
								margin-top: 0;
								width: 50px;
								
								@media (min-width: 1000px){
									margin: 0 20px 0 0;
									margin-top: -10px;
									width: auto;
								}
							}
							.chat-Text{
								background: #FFF;
								padding: 15px 25px 15px 15px;
								box-shadow: 0px 2px 4px 0px rgba(0,0,0,.25);
								border-radius: 5px 50px 50px 30px;
								*{
									display: inline-block;
									margin: 0;
									font-size: 14px;
								}
								span{
									display: block;
									&:first-child{
										font-weight: bolder;
									}
								}
								.link{
									color: blue;
									font-weight: bolder;
								}
							}
							.imageWrapper{
								overflow: hidden;
								border-radius: 5px;
							}
							&:nth-child(even){
								flex-direction: row-reverse;
								> img{
									margin: 0 0 0 20px;
								}
								.chat-Text{
									background: #c8e7aa;
									padding: 15px 15px 15px 25px;
									border-radius: 50px 5px 50px 50px;
								}
							}
						}
					}
				}
			}
			.sidebar{
				background: #FFF;
				color: #000;
				display: flex;
				justify-content: space-between;
    			flex-direction: column;
				width: 100%;
				padding: 20px;
				transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);
				*{transition: all .5s cubic-bezier(1.000, 0.000, 0.000, 1.000);}
				>*:not(.bindFormErrorAlert){
					max-width: 400px;
					margin: 0 auto;
				}
				
				@media (min-width: 1000px){
					width: 50%;
					padding: 2% 3%;
				}
				@media #{$lg}{
					padding: 3%;
				}
				@media #{$xl}{
					justify-content: flex-start;
				}
				
				.bindFormErrorAlert{
					max-width: 600px;
					margin: 0 auto;
					top: -20px;
					position: relative;
				}
				.cta-Wrapper{
					color: #000;
					align-self: flex-start;
					@media #{$xl}{
						align-self: center;
					}
					width: 100%;
					margin-bottom: 0px;
					//padding: 25px 60px 35px 40px;
					h2{
						font-weight: bolder;
						line-height: 1;
						margin: 0;
						font-size: 18px;
						@media #{$xs}{
							font-size: 24px;
						}
						text-align: center;
						font-weight: bolder;
					}
				}
				.box-contact{
					.revencedoraForm{
						width: 100%
					}
					input{
						[type="text"]{
							background: #fafafa;
							border: 1px solid #ccc;
						}
					}
				}
			}

			.btn-CTA {
				width: 100%;
				max-width: 350px;

				color: #FFF;
				background: #d97000;
				font-size: 16px;
				border-radius: 10px;
				@media #{$md}{
					font-size: 24px;
				}
				
				@media #{$xl}{
					font-size: 28px;
				}
			}
			.stepIndicator {
				width: 30px;
				height: 30px;
				font-size: 18px;
				line-height: 30px;
				display: inline-block;
				text-align: center;
				background: #6717c5;
				color: #FFF;
				border-radius: 999px;
				margin-right: 5px;
				vertical-align: middle;
			}
		}
		&.slide-5{
			height: calc(100vh - 75px);
			flex-direction: column-reverse!important;
			@media (min-width: 1000px){
				flex-direction: row!important;
			}
			.main{
				display: flex;
				justify-content: center;
				flex-direction: column;
				width: 100%;
				padding: 2% 4% 0 4%;

				background: no-repeat center center;
				background-size: cover;

				@media (min-width: 1000px){
					width: 50%;
				}
				@media #{$xl}{
					padding: 3%;
				}
				@media #{$xl}{
					justify-content: center;
				}
				>*{
					width: 100%;
					max-width: 800px;
				}
				.cta-Wrapper{
					color: #fff;
					width: 100%;
					.h2{
						font-weight: bolder;
						line-height: 1.25;
						margin: 0;
						font-size: 44px;
						display: block;
						@media (min-width: 1000px){
							text-align: left;
						}
						@media #{$sm}{
							font-size: 85px;
						}
					}
					.h4{
						font-weight: bolder;
						line-height: 1;
						font-size: 24px;
						display: block;
						@media (min-width: 1000px){
							text-align: left;
						}
						@media #{$sm}{
							font-size: 32px;
						}
					}
				}
			}
			
			.btn-CTA {
				width: 100%;
				max-width: 450px;

				color: #FFF;
				background: #00cd79;
				font-size: 16px;
				border-radius: 10px;
				margin: 40px 0;
				font-size: 14px;
				@media #{$sm}{
					font-size: 24px;
				}
				
			}
		}
    }
}

.wrap {
    display: block;
    margin: 0 auto;
    max-width: 40em;
	zoom:1;
	&:after,
	&:before{
		content: "";
		display: table
	}
	&:after {
		clear: both
	}
}







@media (min-width: 1000px) {
    .main {
        width:52%;
        float: left
	}
}


.newLandingPage-wrapper,
.newLandingPage-wrapper .newLandingPage.inner,
.main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.newLandingPage-wrapper .newLandingPage.inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#modalSlide3-Video{
	[data-dismiss="modal"]{
		position: absolute;
		top: -10px;
		right: 0;
		border-radius: 999px;
		background: #FFF;
		color: #bd1e6a;
	}
}
.main__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (min-width: 1000px) {
    .newLandingPage-wrapper .newLandingPage.inner {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width: 749px) {
    .main {
        padding-top:1.5em
    }

    .main__content {
        padding-bottom: 1.5em
    }
}

@media (min-width: 750px) {
    .main {
        padding-top:1.5em
    }

    .main__content {
        padding-bottom: 4em
    }
}


.ibox-content {
    margin-bottom: 0px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 40px;
}

.page-login .btnToggleLoginPanels {
    height: auto;
    border-radius: 5px !important;
    margin: 0 0 15px 0;
    padding: 10px;
}

.template-customers-login #customer_login input {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #999;
}


#create_customer input.btn-login, .template-customers-login #customer_login input.btn-login {
    width: 100%;
    margin: 20px 0;
    height: 40px;
    line-height: 40px;
    padding: 0;
    box-shadow: none;
    border: 0;
    letter-spacing: 1px;
    font-size: 1.1em;
    font-weight: 400;
}

.harman_btn5:hover {
    background: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.page-login .ibox-content>form .ibox-buttons .btn-login, .page-login .ibox-content .template-customers-login #customer_login .ibox-buttons .btn-login, .page-login .ibox-content .template-customers-login #create_customer .ibox-buttons .btn-login {
    width: 100%;
    height: auto;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    background: #231f20;
    display: block;
    text-align: center;
    line-height: 24px;
    margin: auto;
    border-radius: 5px;
}

.hr-login {
    border-top: 1px solid #eee;
    text-align: center;
    margin: 25px 0 0;
}


.template-customers-login #customer_login input {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #999;
}

#create_customer input, .template-customers-login #customer_login input {
    border-radius: 0;
    box-shadow: 0 1px 3px transparent, 0 1px 2px transparent;
    height: 40px;
  	
}

input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], select {
    padding: 5px 10px;
    line-height: 1.35;
    height: 36px;
    border: 1px solid #cbcbcb;
    color: #333;
  width:100%;
  margin-top: 10px;
    margin-bottom: 10px;
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.page-login .btnToggleLoginPanels {
    height: auto;
    border-radius: 5px !important;
    margin: 0 0 15px 0;
    padding: 0;
}

.page-login .btn {
    text-transform: inherit;
    position: relative;
    box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.25) !important;
}

.btn-fb{    width: 100%;}

.btn.btnToggleLoginPanels{    background: #eee;
        color: #000;
    width: 100%;
    padding: 10px;}

.hr-login span {
    position: relative;
    top: -12px;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 0 20px;
    color: #282828;
}

.hide-form{display:none;}


#formErrorsMock div{    display: flex;
    justify-content: center;
    align-items: center;}

.danger-Theme .alert.alert-custom .content, .danger-Theme .alert.alert-custom>p {
       background: rgba(255,72,0,0.05);
    color: #ff4800;
    border: 2px solid rgba(255,72,0,0.65);
    border-radius: 15px;
    padding: 5px;
}

.input-error input{


    border: 2px solid rgba(255,72,0,0.65);
}


.modal-flowPlans--Step.step-2{background-color:#fff;}
.alert-registerSuccess{width: 45%;
    margin: 0 auto;}

.goToPayment{background: #008a48;
    color: #fff;}

.btn-fb{
    background: #004fa3;
    border: 1px solid #004fa3;
    color: #fff !important;
    border-radius: 5px;
    width: 210px;
    display: block;
    margin: 0 auto;}


.btnDoRegister  {
    width: 210px;
    height: auto;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    background: #231f20;
    display: block;
    text-align: center;
    line-height: 24px;
    margin: auto;
    border-radius: 5px;
}


.toggleRegisterForm{   color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    width: 210px;
    border-radius: 5px;}


.text-center{font-size: 12px !important;display: block;}
.modal .modal-flowPlans .modal-flowPlans--Step {
    display: none;
    flex-direction: column;
    justify-content: normal !important;
}

.modal .modal-flowPlans .modal-flowPlans--Step.welcomeOuter{    background-image: url(https://cdn.shopify.com/s/files/1/0626/1209/files/modalRegister--COVER_d78c682c-fba1-445f-b430-fb25cde39589.jpg?3626255646716949762);}

.goToPayment {border-radius: 5px}

.alertValidateInventoryTable{display: flex;
    justify-content: center;
    align-items: center;}

[for="paymentPlan-AddressNumber"]{color: #ff4800;
    font-weight: bold;
    font-size: 15px;}


.checkoutPlanModal .register-content .form-group .customRadio>span, .registerModal .register-content .form-group .customRadio>span {
    padding: 5px 10px;
    background: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
    display: inline-block;
    border-radius: 999px;
    box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.5);
    font-size: 13px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.checkoutPlanModal .register-content .form-group .customRadio input:checked+span, .registerModal .register-content .form-group .customRadio input:checked+span {
    background: #00bd63;
    border: 2px solid #00bd63;
    color: #fff;
    transform: scale(1.1);
}

[name="alreadyResellerOptions"]{display:none;}

#error-for-telefone{font-size:10px;}


li{list-style:none;}