/* Top Banner Fonts */

@font-face {
	font-family: 'Conv_EraserDust';
	src: url('../fonts_new/EraserDust.eot');
	src: local('☺'), url('../fonts_new/EraserDust.woff') format('woff'), url('../fonts_new/EraserDust.ttf') format('truetype'), url('../fonts_new/EraserDust.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.top-heading
{
	font-family:'Conv_EraserDust',Sans-Serif;
}

/* */

@font-face {
	font-family: 'Conv_KGTenThousandReasonsAlt';
	src: url('../fonts_new/KGTenThousandReasonsAlt.eot');
	src: local('☺'), url('../fonts_new/KGTenThousandReasonsAlt.woff') format('woff'), url('../fonts_new/KGTenThousandReasonsAlt.ttf') format('truetype'), url('../fonts_new/KGTenThousandReasonsAlt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font-KGTen
{
	font-family:'Conv_KGTenThousandReasonsAlt',Sans-Serif;
}

.banner-position { position:relative; }
.bg-mentor-offer{background-color:#992349;padding-top:10px;padding-bottom:10px;}
.bg-free-money{background-color:#ACB1B5;padding-top:10px;padding-bottom:10px;}
.banner-container .banner-heading{
	/*font-size:42px;*/
	font-size:42px;
	padding-left:70px;
}

.question-style{
	font-size:55px;
}

.banner-container .banner-list{
	/*padding-left:70px;*/
	padding-left:50px;
	/*font-size:20px;*/
	font-size:15px;
	line-height:32px;
	list-style-type: none;
	letter-spacing:3px;
}
.banner-container .banner-list > li > .fa{
	line-height:25px;
}

.carousel-inner > .item > img{
	width:100%;
}

.carousel-inner{
	position:relative;
}
.carousel-inner .banner-container{
	position:absolute;
	width:100%;
	top:0px;
	color:#ffffff;
	height:100%;
}
.carousel-inner .banner-container .row, .carousel-inner .banner-container .col-sm-6{
	height:inherit;
	position:relative;
}

.banner-lesko-image{
	position:absolute;
	right:28px;
	bottom:0px;
	z-index: 3;
}
.banner-join-now-image{
	position:absolute;
	right:10px;
	top:10px;
	display:block;
}
/*.plans-images{
	position:absolute;
	width:30%;
}*/
.banner-mentor-offer{
	bottom: 30px;
    display: block;
    left: -160px;
    position: absolute;
    z-index: 1;
}

.banner-free-money{
	bottom: 91px;
    display: block;
    left: 245px;
    position: absolute;
    z-index: 1;
}
.banner-platinum-image{
	display:block;
	position:absolute;
	left:105px;
	bottom:175px;
	z-index: 3;
	/*
	-webkit-transition-property: z-index;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.6s;
    
    transition-property: z-index;
    transition-duration: 0.6s;
    transition-timing-function: ease;
	transition-delay: 0.6s;*/
}
.banner-gold-image{
	display:block;
	position:absolute;
	left:5px;
	bottom:25px;
	z-index: 2;
	/*
	-webkit-transition-property: z-index;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.6s;

    transition-property: z-index;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.6s;*/
}
.banner-silver-image{
	display:block;
	position:absolute;
	left:155px;
	bottom:30px;
	z-index: 1;
	/*
	-webkit-transition-property: z-index;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.6s;
    transition-property: z-index;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.6s;*/
}

.banner-platinum-image .bg-image{
	width:100%;
	z-index:3;
	/*
	-webkit-transition-property: z-index;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
   
    transition-property: z-index;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.6s; */
}
.banner-gold-image .bg-image{
	width:100%;
	z-index:2;
	/*
	-webkit-transition-property: z-index;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.6s;

    transition-property: z-index;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.6s; */
}

.banner-silver-image .bg-image{
	width:100%;
	z-index:1;
	/*
	-webkit-transition-property: z-index;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.6s;
    transition-property: z-index;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.6s;
    * */
}

.banner-platinum-image .text-platinum{
	position:absolute;
	left:26px;
	top:40px;
	width:145px;
	-webkit-transition-property: width, left, top;
    -webkit-transition-duration: 0.6s;
    transition-property: width, left, top;
    transition-duration: 0.6s;
}
.banner-gold-image .text-gold{
	position:absolute;
	left:26px;
	top:40px;
	width:133px;
	-webkit-transition-property: width, left, top;
    -webkit-transition-duration: 0.6s;
    transition-property: width, left, top;
    transition-duration: 0.6s;
}
.banner-silver-image .text-silver{
	position:absolute;
	left:26px;
	top:40px;
	width:120px;
	-webkit-transition-property: width, left, top;
    -webkit-transition-duration: 0.6s;
    transition-property: width, left, top;
    transition-duration: 0.6s;
}

/*.banner-platinum-image:hover{
    z-index:9;
}
.banner-gold-image:hover{
    z-index:9;
}
.banner-silver-image:hover{
    z-index:9;
}*/
.banner-platinum-image:hover .text-platinum{
    width:135px;
    z-index:9;
    top:42px;
    left:30px;
	/*-webkit-transform: rotate(352deg); // Chrome, Safari, Opera
    transform: rotate(352deg);*/
}
.banner-gold-image:hover .text-gold{
    width:123px;
    z-index:9;
    top:42px;
    left:30px;
    /*-webkit-transform: rotate(352deg); // Chrome, Safari, Opera
    transform: rotate(352deg);*/
}
.banner-silver-image:hover .text-silver{
    width:110px;
    z-index:9;
    top:42px;
    left:30px;
    /*-webkit-transform: rotate(368deg); // Chrome, Safari, Opera 
    transform: rotate(368deg);*/
}

#lesko-image {
    left: 37%;
    position: absolute;
    top: 650px;
    z-index: 15;
}

#join-image {
    position: absolute;
    right: 5px;
    top: 560px;
    z-index: 15;
}

/* 1281 to 1366 */

@media screen and (min-width:1281px) and (max-width:1366px) {

	.banner-container .banner-heading{
		font-size:40px;
		padding-left:55px;
	}

	.banner-container .banner-list{
		padding-left:30px;
		font-size:15px;
		line-height:30px;
		list-style-type: none;
		letter-spacing:3px;
	}
	
	.banner-platinum-image{
		display:block;
		position:absolute;
		left:100px;
		bottom:170px;
		z-index:3;
		width:173px;
	}
	.banner-gold-image{
		display:block;
		position:absolute;
		left:5px;
		bottom:40px;
		z-index: 2;
		width:163px;
	}
	.banner-silver-image{
		display:block;
		position:absolute;
		left:140px;
		bottom:50px;
		z-index:1;
		width:153px;
	}

	.banner-platinum-image .bg-image{
		width:100%;
		z-index:3;
	}
	
	.banner-gold-image .bg-image{
		width:100%;
		z-index:2;
	}

	.banner-silver-image .bg-image{
		width:100%;
		z-index:1;
	}

	.banner-platinum-image .text-platinum{
		position:absolute;
		left:23px;
		top:35px;
		width:123px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-gold-image .text-gold{
		position:absolute;
		left:24px;
		top:35px;
		width:116px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-silver-image .text-silver{
		position:absolute;
		left:20px;
		top:30px;
		width:100px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}

	.banner-platinum-image:hover .text-platinum{
		width:110px;
		z-index:9;
		top:42px;
		left:30px;
	}
	.banner-gold-image:hover .text-gold{
		width:106px;
		z-index:9;
		top:42px;
		left:25px;
	}
	.banner-silver-image:hover .text-silver{
		width:90px;
		z-index:9;
		top:30px;
		left:20px;
	}
	
	#lesko-image {
    left: 37%;
    position: absolute;
    top: 650px;
    z-index: 15;
}

	#join-image {
    position: absolute;
    right: 5px;
    top: 560px;
    z-index: 15;
	}

	.banner-free-money{
		bottom: 203px;
		display: block;
		left: -18px;
		position: absolute;
		z-index: 1;
		width:135px;
	}
}

/* 1201 to 1280 */

@media screen and (min-width:1201px) and (max-width:1280px) {

	.banner-container .banner-heading{
		font-size:40px;
		padding-left:55px;
	}

	.banner-container .banner-list{
		padding-left:30px;
		font-size:13px;
		line-height:28px;
		list-style-type: none;
		letter-spacing:3px;
	}
	
	.banner-platinum-image{
		display:block;
		position:absolute;
		left:100px;
		bottom:170px;
		z-index:3;
		width:173px;
	}
	.banner-gold-image{
		display:block;
		position:absolute;
		left:5px;
		bottom:40px;
		z-index: 2;
		width:163px;
	}
	.banner-silver-image{
		display:block;
		position:absolute;
		left:140px;
		bottom:50px;
		z-index:1;
		width:153px;
	}

	.banner-platinum-image .bg-image{
		width:100%;
		z-index:3;
	}
	
	.banner-gold-image .bg-image{
		width:100%;
		z-index:2;
	}

	.banner-silver-image .bg-image{
		width:100%;
		z-index:1;
	}

	.banner-platinum-image .text-platinum{
		position:absolute;
		left:23px;
		top:35px;
		width:123px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-gold-image .text-gold{
		position:absolute;
		left:24px;
		top:35px;
		width:116px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-silver-image .text-silver{
		position:absolute;
		left:20px;
		top:30px;
		width:100px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}

	.banner-platinum-image:hover .text-platinum{
		width:110px;
		z-index:9;
		top:42px;
		left:30px;
	}
	.banner-gold-image:hover .text-gold{
		width:106px;
		z-index:9;
		top:42px;
		left:25px;
	}
	.banner-silver-image:hover .text-silver{
		width:90px;
		z-index:9;
		top:30px;
		left:20px;
	}
	
	.banner-lesko-image{
		position:absolute;
		right:13px;
		top:74px;
		bottom:0px;
		z-index: 3;
	}
	
	.banner-free-money{
		bottom: 203px;
		display: block;
		left: -18px;
		position: absolute;
		z-index: 1;
		width:132px;
	}
}

/* 1025 to 1200*/

@media screen and (min-width:1025px) and (max-width:1200px) {

	.banner-lesko-image{
		position:absolute;
		right:28px;
		bottom:0px;
		width:50%;
	}
	.banner-join-now-image{
		position:absolute;
		right:44px;;
		top:6px;
		display:block;
		width:232px;
	}
	.banner-platinum-image{
		display:block;
		position:absolute;
		left:78px;
		bottom:131px;
		z-index: 3;
		width:140px;
	}
	.banner-gold-image{
		display:block;
		position:absolute;
		left:5px;
		bottom:25px;
		z-index: 2;
		width:130px;
	}
	.banner-silver-image{
		display:block;
		position:absolute;
		left:115px;
		bottom:30px;
		z-index: 1;
		width:125px;
	}
		
	.banner-platinum-image .bg-image{
			width:100%;
			z-index:3;
	}
	.banner-gold-image .bg-image{
		width:100%;
		z-index:2;
	}

	.banner-silver-image .bg-image{
		width:100%;
		z-index:1;
	}
	
	.banner-platinum-image .text-platinum{
		position:absolute;
		left:20px;
		top:29px;
		width:93px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	.banner-gold-image .text-gold{
		position:absolute;
		left:26px;
		top:29px;
		width:83px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	.banner-silver-image .text-silver{
		position:absolute;
		left:23px;
		top:31px;
		width:68px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-platinum-image:hover .text-platinum{
		width:83px;
		z-index:9;
		top:35px;
		left:25px;
	}
	.banner-gold-image:hover .text-gold{
		width:73px;
		z-index:9;
		top:35px;
		left:28px;
	}
	.banner-silver-image:hover .text-silver{
		width:58px;
		z-index:9;
		top:30px;
		left:20px;
	}
	
	.banner-mentor-offer{
		bottom: 48px;
		display: block;
		left: -108px;
		position: absolute;
		z-index: 1;
		width:134px;
	}
	
	.banner-container .banner-heading{
		font-size:30px;
		padding-left:55px;
	}

	.banner-container .banner-list{
		padding-left:30px;
		font-size:10px;
		line-height:23px;
		list-style-type: none;
		letter-spacing:3px;
	}
	
	.banner-free-money{
		bottom: 147px;
		display: block;
		left: -18px;
		position: absolute;
		z-index: 1;
		width:116px;
	}
}

/* 981 to 1024 */

@media screen and (min-width:981px) and (max-width:1024px) {

	.banner-lesko-image{
		position:absolute;
		right:28px;
		bottom:0px;
		width:50%;
	}
	.banner-join-now-image{
		position:absolute;
		right:44px;;
		top:6px;
		display:block;
		width:232px;
	}
	.banner-platinum-image{
		display:block;
		position:absolute;
		left:78px;
		bottom:131px;
		z-index: 3;
		width:140px;
	}
	.banner-gold-image{
		display:block;
		position:absolute;
		left:5px;
		bottom:25px;
		z-index: 2;
		width:130px;
	}
	.banner-silver-image{
		display:block;
		position:absolute;
		left:115px;
		bottom:30px;
		z-index: 1;
		width:125px;
	}
		
	.banner-platinum-image .bg-image{
			width:100%;
			z-index:3;
	}
	.banner-gold-image .bg-image{
		width:100%;
		z-index:2;
	}

	.banner-silver-image .bg-image{
		width:100%;
		z-index:1;
	}
	
	.banner-platinum-image .text-platinum{
		position:absolute;
		left:20px;
		top:29px;
		width:93px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	.banner-gold-image .text-gold{
		position:absolute;
		left:26px;
		top:29px;
		width:83px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	.banner-silver-image .text-silver{
		position:absolute;
		left:23px;
		top:31px;
		width:68px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-platinum-image:hover .text-platinum{
		width:83px;
		z-index:9;
		top:35px;
		left:25px;
	}
	.banner-gold-image:hover .text-gold{
		width:73px;
		z-index:9;
		top:35px;
		left:28px;
	}
	.banner-silver-image:hover .text-silver{
		width:58px;
		z-index:9;
		top:30px;
		left:20px;
	}
	
	.banner-container .banner-heading{
		font-size:30px;
		padding-left:55px;
	}

	.banner-container .banner-list{
		padding-left:30px;
		font-size:10px;
		line-height:23px;
		list-style-type: none;
		letter-spacing:3px;
	}
	
	.banner-mentor-offer{
		bottom: 48px;
		display: block;
		left: -108px;
		position: absolute;
		z-index: 1;
		width:134px;
	}
	
	.banner-free-money{
		bottom: 151px;
		display: block;
		left: 3px;
		position: absolute;
		z-index: 1;
		width:103px;
	}
}

/* 800 to 980  */

@media screen and (min-width:800px) and (max-width:980px) {

	.banner-container .banner-heading{
		font-size:30px;
		padding-left:55px;
	}

	.banner-container .banner-list{
		padding-left:30px;
		font-size:10px;
		line-height:23px;
		list-style-type: none;
		letter-spacing:3px;
	}
	
	.banner-lesko-image{
		position:absolute;
		right:25px;
		bottom:0px;
		width:50%;
		/*	width: 223px*/
	}
	
	.banner-mentor-offer{
		bottom: 31px;
		display: block;
		left: -71px;
		position: absolute;
		z-index: 1;
		width:100px;
	}
	
	.banner-join-now-image{
		position:absolute;
		right:10px;;
		top:6px;
		display:block;
		width:50%;
	}
	
	.banner-platinum-image{
		display:block;
		position:absolute;
		left:78px;
		bottom:104px;
		z-index: 3;
		width:130px;
	}
	
	.banner-gold-image{
		display:block;
		position:absolute;
		left:5px;
		bottom:16px;
		z-index: 2;
		width:120px;
	}
	.banner-silver-image{
		display:block;
		position:absolute;
		left:108px;
		bottom:19px;
		z-index: 1;
		width:115px;
	}
		
	.banner-platinum-image .bg-image{
			width:100%;
			z-index:3;
	}
	.banner-gold-image .bg-image{
		width:100%;
		z-index:2;
	}

	.banner-silver-image .bg-image{
		width:100%;
		z-index:1;
	}
	
	.banner-platinum-image .text-platinum{
		position:absolute;
		left:20px;
		top:29px;
		width:83px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	.banner-gold-image .text-gold{
		position:absolute;
		left:26px;
		top:29px;
		width:63px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	.banner-silver-image .text-silver{
		position:absolute;
		left:23px;
		top:31px;
		width:58px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-platinum-image:hover .text-platinum{
		width:73px;
		z-index:9;
		top:35px;
		left:25px;
	}
	.banner-gold-image:hover .text-gold{
		width:53px;
		z-index:9;
		top:35px;
		left:28px;
	}
	.banner-silver-image:hover .text-silver{
		width:48px;
		z-index:9;
		top:30px;
		left:20px;
	}

	.banner-free-money{
		bottom: 141px;
		display: block;
		left: 1px;
		position: absolute;
		z-index: 1;
		width:95px;
	}
}

/* 768 to 799 */

@media screen and (min-width:768px) and (max-width:799px) {

	.banner-container .banner-heading{
		font-size:20px;
		padding-left:55px;
	}

	.banner-container .banner-list{
		padding-left:30px;
		font-size:9px;
		line-height:18px;
		list-style-type: none;
		letter-spacing:1px;
	}
	
	.banner-lesko-image{
		position:absolute;
		right:17px;
		bottom:0px;
		width:50%;
		/*	width: 223px*/
	}
	
	.banner-mentor-offer{
		bottom: 31px;
		display: block;
		left: -71px;
		position: absolute;
		z-index: 1;
		width:100px;
	}
	
	.banner-join-now-image{
		position:absolute;
		right:10px;;
		top:6px;
		display:block;
		width:50%;
	}
	
	.banner-platinum-image{
		display:block;
		position:absolute;
		left:53px;
		bottom:100px;
		z-index: 3;
		width:110px;
	}
	
	.banner-gold-image{
		display:block;
		position:absolute;
		left:15px;
		bottom:25px;
		z-index: 2;
		width:100px;
	}
	
	.banner-silver-image{
		display:block;
		position:absolute;
		left:98px;
		bottom:19px;
		z-index: 1;
		width:115px;
	}
		
	.banner-platinum-image .bg-image{
			width:100%;
			z-index:3;
	}
	
	.banner-gold-image .bg-image{
		width:100%;
		z-index:2;
	}

	.banner-silver-image .bg-image{
		width:100%;
		z-index:1;
	}
	
	.banner-platinum-image .text-platinum{
		position:absolute;
		left:20px;
		top:29px;
		width:63px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-gold-image .text-gold{
		position:absolute;
		left:26px;
		top:29px;
		width:43px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-silver-image .text-silver{
		position:absolute;
		left:23px;
		top:31px;
		width:48px;
		-webkit-transition-property: width, left, top;
		-webkit-transition-duration: 0.6s;
		transition-property: width, left, top;
		transition-duration: 0.6s;
	}
	
	.banner-platinum-image:hover .text-platinum{
		width:53px;
		z-index:9;
		top:35px;
		left:25px;
	}
	
	.banner-gold-image:hover .text-gold{
		width:33px;
		z-index:9;
		top:35px;
		left:28px;
	}
	
	.banner-silver-image:hover .text-silver{
		width:38px;
		z-index:9;
		top:35px;
		left:30px;
	}
	
	.banner-free-money{
		bottom: 112px;
		display: block;
		left: -45px;
		position: absolute;
		z-index: 1;
		width:102px;
	}
}

.banner-margin{margin-top:103px;}
.img-width{width:100%;}

@media screen and (min-width:320px) and (max-width:360px) {

	.device-heading {
		font-size:17px;
	}
	
	.font-white a {
		color:#ffffff;
	}

	.font-white a:hover {
		color:#428bca;
	}
		/*color:#428bca;*/
	.device-sub-heading {
		font-size:10px;
	}

	.margin-top5{padding-top:10px;}
	
	.margin-top15{padding-top:12px;}

	.margin-top10{margin-top:13px;}
}

@media screen and (min-width:361px) and (max-width:767px) {

	.device-heading {
		font-size:20px;
	}
	
	.font-white a {
		color:#ffffff;
	}

	.font-white a:hover {
		color:#428bca;
	}
		/*color:#428bca;*/
	.device-sub-heading {
		font-size:10px;
	}

	.margin-top5{padding-top:10px;}
	
	.margin-top15{padding-top:12px;}

	.margin-top10{margin-top:18px;}
}
