/* ===== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========= */

	html,
	button,
	input,
	select,
	textarea {
	    color: #222;
	}

	-moz-selection {
	    background: #b3d4fc;
	    text-shadow: none;
	}

	selection {
	    background: #b3d4fc;
	    text-shadow: none;
	}

	img {
	    vertical-align: middle;
	}

	fieldset {
	    border: 0;
	    margin: 0;
	    padding: 0;
	}

	textarea {
	    resize: vertical;
	}

	.chromeframe {
	    margin: 0.2em 0;
	    background: #ccc;
	    color: #000;
	    padding: 0.2em 0;
	}

/* ===== Header Styles ============================================================== */

	.header-container{
		background-color: #1414141;
		height: 100px;	}
	
	.brand {
	    background: url(../gfx/logo.png) 0 0 no-repeat transparent;	    
	    width:268px;
	    height:64px;
	    float:left;
		text-indent:-9999px;
		margin-top:18px;
	}
	
	.banner {
	    background: url(../gfx/promo.png) 0 0 no-repeat transparent;	    
	    width:797px;
	    height:203px;
		text-indent:-9999px;
		margin: 0 auto;
		
	}
	
	
	.e404-image {
	    width:300px;
		height: 400px;
		vertical-align:middle;
	    float:left;
		margin:100px 0 0 30px;
		_margin-left:30px;
		_margin-top:100px;
	}
	
	.e404{
		width: 960px;
	    margin:0 auto;
		border-top:1px solid #dfb535;
		position:relative;
		background-color:#fdfdfd;
		clear: both;
		content: " ";
	    display: table;
	}
	
	.e404-text {
	    width:450px;
		height: 400px;
		vertical-align:middle;
	    float:left;
		margin-left:50px;
		margin-top:200px;
	}
	
	.error-big{
		font-family:LatoR;
		color:#dfb535;
		font-size:26px;
		line-height:14px;
	
	}
	
	.error-small{
		font-family:LatoR;
		color:#000;
		font-size:16px;
		line-height:20px;
	
	}
	
	.adress {
	    background: url(../gfx/adress.png) 0 0 no-repeat transparent;	    
	    width:201px;
	    height:58px;
	    float:right;
		text-indent:-9999px;
		margin:18px 0 0;
	}

	.top ul {
	    margin: 0 7px 0 0;
	    padding: 0;
		float:left;
		
	}

	.top li{
		float:left;
		}

	.top a {
	    display: block;    
	    float:left;
	    text-decoration:none;
		font-size:16px;	
	}

	.top a:hover, nav li.sel a {
	    color: #e6ac22;		
	}

	.demo{
		float:left;
		margin:24px 0 0 15px;
	}
	
	.language-icon{
		margin:40px 0 0 15px !important;
	}
	
	.mobi-nav{
		background: url(../gfx/border-bg.png) top right no-repeat transparent;	
		width:23px; 
		height:20px; 
		float:left;
		padding:10px 20px;
		cursor: pointer;
		margin:0 0 0 0!important;	
		display:none!important;
	}
	
	.notdisplay{
		display: none !important;
	    visibility: hidden;
	}
	
	.todisplay{
		display: block !important;
	    visibility: visible;
	}

	.registration{	
		background: url(../gfx/border-bg.png) right top no-repeat transparent;	
		width:20px; 
		height:20px; 		
		float:left;
		padding:10px 20px;		
		cursor: pointer;
		margin:0 0 0 0!important;
		opacity:0.8;
	}

	.login{	
		background: url(../gfx/border-bg.png) right top no-repeat transparent;	
		width: 16px; height:20px;		
		float:left;
		padding:10px 20px;
		cursor: pointer;
		margin:0 0 0 0!important;
		opacity:0.8;
	}

	.top-mobile{
		display:none;
	}

	.top-mobile ul{
		padding:0; 
		margin:80px 0 0;
	}

	.top-mobile a{
		background:#f2f7f9; 
		border-bottom:1px dashed #ccc;
		height:25px; 
		display:block; 
		text-decoration:none;
		padding:7px 25px;
		
	}

	.top-mobile a:hover{
		background:#ccdfe6;
	}

/* ===== Main Styles ================================================================ */
	@font-face {
	    font-family: 'LatoR';
	    src: url('../fonts/LatoR.eot');
	    src: url('../fonts/LatoR.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/LatoR.woff') format('woff'),
	         url('../fonts/LatoR.otf') format('otf'),
	         url('../fonts/LatoR.ttf') format('truetype'),
	         url('../fonts/LatoR.svg#LatoR') format('svg');
	    font-weight: normal;
	    font-style: normal;
		
	
	
	}
	@font-face {
	    font-family: 'LatoLight';
	    src: url('../fonts/LatoLight.eot');
	    src: url('../fonts/LatoLight.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/LatoLight.woff') format('woff'),
	         url('../fonts/LatoLight.otf') format('otf'),
	         url('../fonts/LatoLight.ttf') format('truetype'),
	         url('../fonts/LatoLight.svg#LatoLight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'LatoBold';
	    src: url('../fonts/LatoBold.eot');
	    src: url('../fonts/LatoBold.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/LatoBold.woff') format('woff'),
	         url('../fonts/LatoBold.otf') format('otf'),
	         url('../fonts/LatoBold.ttf') format('truetype'),
	         url('../fonts/LatoBold.svg#LatoBold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'LatoBlack';
	    src: url('../fonts/LatoBlack.eot');
	    src: url('../fonts/LatoBlack.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/LatoBlack.woff') format('woff'),
	         url('../fonts/LatoBlack.otf') format('otf'),
	         url('../fonts/LatoBlack.ttf') format('truetype'),
	         url('../fonts/LatoBlack.svg#LatoBlack') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
		font-family: 'LatoItalic';
		src: url('../fonts/LatoItalic.eot');
		src: url('../fonts/LatoItalic.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/LatoItalic.woff') format('woff'),
			 url('../fonts/LatoItalic.otf') format('otf'),
			 url('../fonts/LatoItalic.ttf') format('truetype'),
			 url('../fonts/LatoItalic.svg#LatoItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'LatoBoItalic';
		src: url('../fonts/LatoBoItalic.eot');
		src: url('../fonts/LatoBoItalic.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/LatoBoItalic.woff') format('woff'),
			 url('../fonts/LatoBoItalic.otf') format('otf'),
			 url('../fonts/LatoBoItalic.ttf') format('truetype'),
			 url('../fonts/LatoBoItalic.svg#LatoBoItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'abeatbyKaiRegular';
		src: url('../fonts/abeatbyKaiRegular.eot');
		src: url('../fonts/abeatbyKaiRegular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/abeatbyKaiRegular.woff') format('woff'),
			 url('../fonts/abeatbyKaiRegular.otf') format('otf'),
			 url('../fonts/abeatbyKaiRegular.ttf') format('truetype'),
			 url('../fonts/abeatbyKaiRegular.svg#abeatbyKaiRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Corbert-Regular_0';
		src: url('../fonts/Corbert-Regular_0.eot');
		src: url('../fonts/Corbert-Regular_0.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/Corbert-Regular_0.woff') format('woff'),
			 url('../fonts/Corbert-Regular_0.otf') format('otf'),
			 url('../fonts/Corbert-Regular_0.ttf') format('truetype'),
			 url('../fonts/Corbert-Regular_0.svg#abeatbyKaiRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'MuseoSans300';
		src: url('../fonts/MuseoSans300.eot');
		src: url('../fonts/MuseoSans300.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/MuseoSans300.woff') format('woff'),
			 url('../fonts/MuseoSans300.otf') format('otf'),
			 url('../fonts/MuseoSans300.ttf') format('truetype'),
			 url('../fonts/MuseoSans300.svg#MuseoSans-300') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	a{
		color:#575a64;
	}

	body{
		background-color:#fff;
		font-family:LatoR;
		font-size: 14px;		
		color:#575a64;				
		text-decoration:none;
	}

	.wrapper{
	    width: 960px;
	    margin:0 auto;
		position:relative;
		background-color:#fff;
	}

	h2{
		font-size:36px;
		font-family:LatoLight;
		font-weight:normal;
		color:#575a64;
	}

	h3{
		font-size:15px;
		font-family:LatoBold;	
		line-height: 21px;
		font-weight:normal;	
	}

	.btn{		
		color:#f6f7f8;
		font-family:LatoBold;	
		font-size:15px;
	    line-height:34px;
		text-decoration:none;
	    text-align:center;
	    display:block;
	    font-weight:normal;
		text-shadow:1px 1px 2px rgba(0,0,0, 0.41);
	}

	.gradient{
		height:auto;
		background: url(../gfx/gradient_bg.png) 0 0 repeat-x;
		padding:10px 0 0 0;	
	}

	.btn-dark{
		background: url(../gfx/moreBtn_slider.png) 0 0 no-repeat transparent;
		width:108px;
		height:38px;
	}

	.btn-light{
		background: url(../gfx/btn_red_big.png) 0 0 no-repeat transparent;
		width:204px;
	    height:38px;
	}

	.btn-blue-big{
		background: url(../gfx/btn_blue_big.png) 0 0 no-repeat transparent;
		width:196px;
	    height:33px;	
	}

	.btn-red{
		background: url(../gfx/moreBtn_pack.png) 0 0 no-repeat transparent;
		width:124px;
	    height:33px;	
	}

	.btn-light:hover{
	 
	}

	.btn-dark:hover{

	}

	#video, #news, #partners{
		margin:40px 0 40px 0;
	}

	.news-list, .promotion-list{
		margin:0 25px;
	}

	.center{
		text-align:center;
	}

	.left{
		float:left;
	}

	.right{
		float:right;
	}
	
	
	
	

/* ===== Footer Styles ============================================================== */
	.footer-links{
		background:#31333a;
		height:260px;	
	}

	/*.copyright{
		background: url(../gfx/copyright_bg.png) 0 0 repeat-x;
		height:45px;
	}*/
	.copy-wrapper{
	    width: 960px;
	    margin:0 auto;
		position:relative;
		background-color:#f1f1f1;
	}

	.copy-v-center{
		background-color:#f1f1f1;
	}
	
	.w3c{
		float:right;
		font-size:13px;
		margin-right:20px;
		margin-top:30px
	}
	
	.copyright{
		display:table;
		width:100%;
		display:table-cell;
		vertical-align:middle;
		height:100px;
		
		font-size:13px;
		margin:15px 0px 0px 0px;
	}

	.copy-right{
		float:right;
	}

	.copy-right ul{
		list-style-type:none;
		padding:0;
		margin:15px 0 0 0;
	}

	.copy-right ul li{
		float:left;
	}

	.copy-right ul li:last-child a{
		border-right:0;
	}

	.copy-right ul li a{
		color:#fff;
		font-size:12px;	
		text-decoration:none;
		padding:3px 20px;
		border-right:1px solid #5a5c60;
	}

	.copy-right a:hover{	
		text-decoration:underline;	
	}

	.visa{
		height:55px;
		text-align:center;
		line-height:46px;
	}

	.footer-title{
		border-bottom: 1px solid #DFB535;
		color: #000000;
		font-family: LatoR;
		font-size: 22px;
		line-height: 24px;
		padding-bottom: 10px;
	}

	.footer-one{
		float:left; 
		width:15%; 
		margin:15px 48px 0 0;
	}

	.footer-one ul{
		list-style-type:none; 
		margin:0; 
		padding:0;
	}

	.footer-one ul li{
		line-height:16px;
	}

	.footer-one ul li a{
		color:#adaeb1;  
		font-size:12px;
		text-decoration:none;
	}

	.footer-one a:hover{
		color:#fff; 
		text-decoration:underline;
	}

	.promo-title{
		color:#5596b6;
		font-family:LatoBold;
		font-size:17px;
		font-weight:normal;
	}

	#partners{
		min-height:350px;
	}

	.partner-one{
		float:left;
		width:100px;
		height:65px;
		margin:0 18px;
	}

	.video-list{	
		text-align:center
	}

	.video-content{
		float:left;
		width:50%;
		position:relative;
	}
	.play{
		display:block;
		position:absolute;
		background: url(../gfx/player_icon.png) 0 7px no-repeat;
		width:72px; 
		height:85px; 
		top:30%; 
		left:43%;
	}
	.stop{
		display:none;
		position:absolute;
		background: url(../gfx/player_icon.png) 0 7px no-repeat;
		width:72px; 
		height:85px; 
		top:30%; 
		left:43%;
	}
	.video-single{
		width:444px;
		-moz-border-radius:10px;
	    border-radius:10px;
	}


/* ===== Homepage slider Styles ====================================================== */
	#slider{
		/*background-image:url(../gfx/p1.png);*/
		margin:0 auto;
		border:0px solid black;
		margin-bottom:25px;
		width:1414px;
		position:relative;
		height: 633px;
		background-color:#a6d6ed;
		overflow:hidden;
		
	}
	
	.sekcja{
		width:100%;
		
		background-image:url(../gfx/bg.png);
		background-repeat:repeat-x;
		margin-right:0px;
	}

	.slide{
		position:relative;	
		margin:0 auto;
	}

	.title{
		font-family:LatoLight;
		font-weight:bold;
		color:#fff;
		position:absolute;
		margin: 35px 0 0 0;
	}

	.preview{	
		font-size:18px;
		color:#fff;
		position:absolute;
	}

	.slider-text{
		width:42%;
		position:absolute;	
		top:7%;
		height:100%;
		left:6.5%;
		text-align:left;
	}

	.slide-more1, .slide-more2{
		bottom: 35%;
		position:absolute;
	}

	.slide-more2{
		left:15%;
	}

	.slider-nav{
		position:absolute;
		border-top:1px solid #fff;
		bottom:2%;
		width:960px;
		left:6.5%;
		z-index:500;
	}

	.slider-nav ul{	
		padding:0;
		margin:0;
	}

	.slider-nav ul li{
		float:left;
		height:42px;
		border-top:3px solid transparent;
		padding: 20px 5px;
		width: 170px;
		text-align:center;
	}

	.slider-nav ul li:hover, .slider-nav ul li.cycle-pager-active{
		border-top:3px solid #fff;
		height:42px;
	}

	.slider-nav a{
		height:42px;	
		color:#fff;
		text-decoration:none;
		padding:0 5px;	
	}

	.slide img{
		width: 1100px;
		
	}

/* ===== Homepage Packages Styles =================================================== */
	.packages{
		margin:55px 0 40px;
	}
	.packages p.sub {
		margin:0 0 5px;
		padding:0;
		font-size:12px;
		color:rgba(87, 90, 100, 0.5);	
	}

	.pack{
		height:544px; 
		border:1px solid #d8d8db; 
		float:left; 
		position:relative;
		width:33.3%;
		margin:0 0 20px 0;
	}

	.pack .pack-more{
		float:left;
		margin:0 0 0 29px;
	}

	.pack-best{
		color:#fff;	
		text-transform:uppercase; 
		margin:-22px 0 28px 0; 
		text-align:center; 
		height:0;
	}

	.pack-best span{
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;	
		border-top: 10px solid #d83649; 
		margin:22px 0 0 -100px; 
		position:absolute;
	}

	.free{
		border-radius:12px 0 0 12px;
		z-index:1;
	}

	.optimum{
		z-index:0; 
		border-right:0!important; 
		border-left:0!important;
	}

	.pro{
		border-radius:6px;
		z-index:1; 
		border-color:#d83649; 
		border-style:solid; 
		border-width:28px 3px 3px 3px; 
		width:32.4%; 
		height:560px; 
		margin:-28px 0 0 0;
		float:right;
	}

	.free-color{
		color:#c7d218;
	}

	.optimum-color{
		color:#fcc61f;
	}

	.pro-color{
		color:#d83649;
	}

	.pack-title{	 
		font-size:16px; 
		text-transform:uppercase; 
		margin: 17px 0 0 29px; 
		width:185px; 
		float:left;
	}

	.pack-price{	 
		font-family:LatoBlack; 
		float:right; 
		font-size:40px; 	 
		height:5px;
	}

	.free .pack-price{
		margin:20px 19px 0 0;
	}
	.free .currency{
	    font-size: 22px;
	}

	.optimum .pack-price{
		margin: 16px 21px 0 0;
		font-size: 30px;
	}
	.optimum .currency{
	    font-size: 14px;
	}

	.pro .pack-title{
	    margin: 12px 0 0 23px;
	}

	.pro .pack-price{
		margin: 11px 18px 0 0;
		font-size: 30px;
	}
	.pro .currency{
	    font-size: 14px;
	}

	.pack-price-info{
		font-size:12px; 
		float:left;
		margin: -4px 0 0 0;
		font-family:LatoR;
	}

	.pack-bold{
		font-family:LatoBlack; 
		font-size:32px; 
		text-transform:uppercase;
		display: block;
		margin: -5px 0 0 0;
	}

	.pack-list, .pack-list-gift{
		float:left; 
		list-style-type:none; 
		padding: 2px 0 0 24px; 
		margin: 5px;
	}

	.pack-list li{
		background: url(../gfx/type01.png) 0 7px no-repeat;
		padding: 0 0 8px 20px;
		font-family:LatoBold;
		font-size:15px;
		line-height:26px;
		font-weight:normal;
	}

	.pack-list ul li{
		background:none;
		padding:0;	
		font-size:12px;
		
		line-height: 19px;
		font-family:LatoR;
		margin: 0 0 0 -28px;
	}

	.pack-list ul{
		list-style-type:disc;
		margin:1px 0;
	}

	.pack-list-gift{
		margin: -12px 0 0 4px;
	}

	.pack-list-gift li{
		background: url(../gfx/gift_icon.png) 0 7px no-repeat;
		padding:0 0 0 20px;	
		font-size:12px;
		line-height:26px;
		color:#dd3e51;
	}

	.pack-more{	
		font-size:12px;
		text-decoration:underline;	
		display: block;
		width:50%;
	}

	.pack-choose{
		position:absolute;
		bottom: 22px;
		left: 97px;	
	}
	
/* ===== TWO PACKAGES VERSION ============================================= */
#packages2{
	margin:0 0 50px 0;
}

#free-pack2{
	width:410px;
	margin:0 70px 0 0;
}

#free-pack2 ul{
	width:100%;
}

#pay-pack2{
	width:410px;
}

#pay-pack2 ul{
	width:100%;
}

.first-li-pack{
	font-family:LatoLight;
	font-size:56px;	
	list-style-type:none;
	margin:0 0 20px 0;
	padding:10px 0 10px 20px;
}

.li-pack-normal{
	width:100%;
	font-size:18px;
	font-family:LatoR;
	color:#575a64;
	border-bottom:1px solid #e6e6e6;
	list-style-type:none;
	padding:15px 0;
}

.noborder{
	border:none!important;
}

.choose-pay{
	background: url(../gfx/pack2_btn.png) 0 -48px no-repeat;
	width:187px;
	height:46px;
	color:#fff;
	font-family:LatoBold;
	font-size:19px;
	display:block;
	text-align:center;
	line-height:46px;
	text-decoration:none;
}

.choose-free{
	background: url(../gfx/pack2_btn.png) 0 0 no-repeat;
	width:187px;
	height:46px;
	color:#fff;
	font-family:LatoBold;
	font-size:19px;
	display:block;
	text-align:center;
	line-height:46px;
	text-decoration:none;
}

.more-free{
	text-align:center;
	margin:10px 0 0 0;
	display:block;
}

.link-center{
	margin:63px 0 0 150px;
	width:187px;
}

.link-center-pay{
	margin:10px 0 0 150px;
	width:187px;
}

.more-pay{
	font-size:14px;
	font-family:LatoR;
	color:#575a64;
	text-decoration:underline;
}

.arrow-pack{
	background: url(../gfx/arr_pack.png) 0 0 no-repeat;
	width:28px;
	height:28px;
	display:block;
	margin:0 20px 0 0;
	float:right;
}

.blue-txt{
	color:#40608d;
	border-bottom:1px solid #a1b8d6;
}

.green-txt{
	color:#8cc317;
	border-bottom:1px solid #c5e18b;
}

.pack-ico-1{
	background: url(../gfx/pack-ico.png) 0 2px no-repeat;
	width:25px;
	height:20px;
	display:block;
	float:left;
	margin:0 20px;
}
.pack-ico-2{
	background: url(../gfx/pack-ico.png) 0 -39px no-repeat;
	width:25px;
	height:22px;
	display:block;
	float:left;
	margin:0 20px;
}
.pack-ico-3{
	background: url(../gfx/pack-ico.png) 0 -60px no-repeat;
	width:25px;
	height:20px;
	display:block;
	float:left;
	margin:0 20px;
}
.pack-ico-4{
	background: url(../gfx/pack-ico.png) 0 -83px no-repeat;
	width:25px;
	height:20px;
	display:block;
	float:left;
	margin:0 20px;
}
.pack-ico-5{
	background: url(../gfx/pack-ico.png) 0 -19px no-repeat;
	width:25px;
	height:20px;
	display:block;
	float:left;
	margin:0 20px;
}
	
/* ===== Homepage Ranking / Help Styles ============================================= */
	#ranking-stat24{
		float:left;
		width:59%;
	}

	#ranking-stat24 img{
		margin: -15px 26px 0 30px;
	}

	.ranking-text{	
		font-size:13px;
		margin:25px 0 20px 0;
	}

	.addsite{
	    margin: 0 0 0 170px;
	    /* float: left; */
	    display: block;
	}
	.ranking-full{	
		float:right;
		margin: -28px 43px 0 0;	
		display: block;
	}

	#help{
		width:39%;
		float:right;
	}

	#help ul{
		list-style-type:none; 
		padding: 0 0 0 39px;
		margin: -11px 0 0 0;
	}

	#help ul li{
		height: 40px;
	}

	#help a{ 
		margin:0 0 0 10px; 
		line-height:35px; 
	}

	.help01:before{
		background: url(../gfx/help_icons.png) 1px -2px no-repeat; 
		content:'';
		width:35px; 
		height:40px; 
		float:left;
	}

	.help02:before{
		background: url(../gfx/help_icons.png) 1px -38px no-repeat;
		content:'';
		width:35px; 
		height:40px; 
		float:left;
	}

	.help03:before{
		background: url(../gfx/help_icons.png) 1px -71px no-repeat;
		content:'';
		width:35px; 
		height:40px; 
		float:left;
	}

	#promotion{
	    margin:40px 0 0 0;
	}

	.promotion-one{
		float:left; 
		width:47%;
		margin:0 20px 0 0;
	}

/* ===== (DEP) Homepage News Styles ================================================= */
	.news-single{
		width:22%; 
		float:left; 
		margin:0 38px 0 0; 
		position:relative;
	}

	.news-last{
		margin: 0 0 0 -5px;
	}

	.news-all{
		color:#d83649;
		margin:25px 25px 5px;
		display:block;
		text-decoration:none;
	}

	.news-all:hover{
		text-decoration:underline;
	}

	.news-preview{	
		font-size:13px;	
		text-align:left;
		padding:0 20px 10px 0;
		line-height: 15px;
	}

	.news-more{	
		font-family:LatoR;
		font-size:12px;
		text-decoration:underline;
		color:#575a64;
	}

	.time{	
		font-size:11px;
		color:#575a64;	
	}

	.cooperate{
		font-size:15px;	
		width:100%;
		line-height:16px;
		
		margin:12px 0 0 0
	}
	
	.wrapper-about{
	    width: 960px;
		height:600px;
	    margin:0 auto;
		position:relative;
		background-color:;
		background-image:url(../gfx/whywe.jpg);
		background-repeat:no-repeat;
	}
	
	.wrapper-a{
	    width: 960px;
		height:160px;
	    margin:0 auto;
		position:relative;
		background-color:#fff;
		
	}
	
	.about-a {
		
		width: 295px;
		height:70px;
		float: left;
		
		background-color: #fff;
		text-indent:0px;
		text-align:left;
		margin-left:10px;
		margin-right:15px;
	}
	
	.about-b {
		
		width: 960px;
		height:70px;
		float: left;
		background:url(../gfx/345.jpg);
		background-repeat:no-repeat;
		background-color:;
		text-indent:0px;
		text-align:left;
		margin: 10px 0px 0px 0px;
	}
		
	.about {
		background:url(../gfx/about.png);
		background-repeat:no-repeat;
		width: 959px;
		height:121px;
		//float: left;
		overflow: hidden;
		//background-color: #fff;
		text-indent:-9999px;
		text-align:center;
		margin-left:0px;
		margin-top:10px;
	}

	.centercol {
		background:url(../gfx/aboutc.png) 0 0 no-repeat transparent;
		width: 390px;
		height:141px;
		float: left;
		overflow: hidden;
		background-color: #fdfdfd;
		text-indent:-9999px;
		margin: 60px 0px 0px 0px;
	}

	.rightcol {
		background:url(../gfx/aboutr.png) 0 0 no-repeat transparent;
		width: 270px;
		height:141px;
		float: left;
		overflow: hidden;
		background-color:#fdfdfd;
		text-indent:-9999px;
		margin: 60px 0px 0px 0px;
		
	}
	
	.about-left {
		
		width: 320px;
		height:140px;
		float: left;
		
		background-color: #fff;
		text-indent:0px;
		text-align:left;
		margin: 10px 0px 0px 0px;
	}
	
	.about-center {
		
		width: 320px;
		height:240px;
		float: left;
		
		background-color: #fff;
		text-indent:0px;
		margin: 10px 0px 0px 0px;
	}

	.about-center a{
		font-family: 'LatoBlack'; 
		color:#C07C26;
	}
	.about-center a:hover{
		font-family: 'LatoBlack'; 
		color:#779099
	}
	
	.about-right {
		
		width: 320px;
		height:240px;
		float: left;
		
		background-color: #fff;
		text-indent:0px;
		text-align:left;
		margin: 10px 0px 0px 0px;
	}
	
	.wrapper-about p{
	    font-size:15px;	
		width:90%;
		line-height:20px;
		float:left;
		margin-bottom:1px;
		margin-top:5px;
		margin-left: 5px;
		margin-right:10px;
	}
	.about-title{
		border-bottom: 1px solid #DFB535;
		color: #000000;
		font-family: LatoR;
		font-size: 23px;
		line-height: 26px;
		margin-bottom: 10px;
		margin-left: 28px;
		margin-right: 0;
		padding-bottom: 10px;
	}
	.wrapper-about ul, .about-ul{
		list-style-image:url(../gfx/li.png);
		font-size:14px;	
		line-height:23px;
		float:left;
		margin-top:0px;
		margin-right:15px;
		margin-left:-16px;
	
	}
	
	.coop-ul{
		list-style-image:url(../gfx/li.png);
		margin-left:-24px;
	}	
	.ul-b, .ulb ul{
		list-style-image:url(../gfx/lib.png);
		font-size:14px;	
		line-height:23px;
		float:left;
		margin-top:0px;
		margin-right:15px;
		margin-left:-16px;
	
	}
		
	.about-h{
		background-color:#dfb535;
		border:0;
		height:1px;
		color:#dfb535;
		margin-right:0px;
		margin-left:20px;
		
	}
	
	.others {
		display: flex; 
		flex-wrap: wrap;
	}

	.others-element{
		display: inline-flex; 
		flex-direction: column;
	}
	
	.other-col {
		background:url(../gfx/other2.png) 0 0 no-repeat ;
		width: 240px;
		height:195px;
		float: left;
		overflow: hidden;
		background-color: #fff;
		text-indent:-9999px;
		text-align:center;
		margin: 20px 0px 0px 0px;
	}

	.other-price{
		border-bottom: 1px solid #e3e3e3;
		border-top: 1px solid #e3e3e3;
		float: left;
		height: 26px;
		margin-left: 16px;
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: center;
		width: 220px;
		
	}
	
	#butt1 {
		background:url(../gfx/butt1w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	
		
	#butt2 {
		background:url(../gfx/butt2w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	
	#butt3 {
		background:url(../gfx/butt3w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	#butt4 {
		background:url(../gfx/butt4w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	#butt5 {
		background:url(../gfx/butt5w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	#butt6 {
		background:url(../gfx/butt6w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	#butt7 {
		background:url(../gfx/butt7w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	#butt8 {
		background:url(../gfx/butt8w.png) 0 0 no-repeat transparent;
		width: 220px;
		height:56px;
		float: left;
		overflow: hidden;
		background-color: #ccc;
		text-indent:-9999px;
		text-align:center;
		margin-left: 16px;
	}
	
	.other-col-desc {
		
		width: 225px;
		height:125px;
		float: left;
		background-color: #fff;
		text-indent:0px;
		text-align:left;
		margin-left:10px;
		margin-right:0px;
		margin-top:-12px;
		margin-bottom:0px;
	}
	
	.other-content{
	    font-size:14px;	
		width:229px;
		line-height:16px;
		float:left;
		margin-bottom:1px;
		margin-top:20px;
		margin-left: 0px;
		margin-right:0px;
	}
	
	.other-h{
		height:1px;
		border:0px;
		color:#dfb535;
		background-color:#dfb535;
		margin-right:0px;
		margin-left:0px;
		
	}
	
	.price-h{
		border:0px;
		margin-left:0px;
		color:#000;
		height:1px;
		background-color:#666;
	}
	
	.price{
		font-family:abeatbyKai;
		font-size:28px;
		color:#dfb535;
		width:220px;
		
		margin-bottom:1px;
		margin-top:5px;
		margin-left: 0px;
		margin-right:0px;
	}
	
	.brown{
		font-family: Corbert;
		font-size:35px;
		color:#C07C26;
	}
		
		
		
	.link-brown a:hover{
		font-family: Corbert;
		font-size:16px;
		color:#C07C26;
	}
	
	.link-brown a:link {color:#FF0000;}    
    .link-brown a:visited {color:#00FF00;} 
	.link-brown a:active {color:#70d250;}  
	.link-brown a:hover {color:#cc0033;}

	
		
		
	.yellow{
		text-transform:uppercase;
	    font-size:15px;
		color:#ffffff;
		background-color:#dfb535;
		line-height:16px;
		
		margin:12px 0 0 0;
	}	
	
	.bold{
		text-transform:uppercase;
	    font-size:15px;
		color:#000;
		font-style:bold;
		line-height:16px;
	}
	
	.table-yellow{
		width:100%;
		
		background-color:fff;
		border-collapse:collapse;
		padding:1px;
		vertical-align: middle;
		text-align:center;
	}
	.table-yellow td{
		border:1px solid #fff;
	}
	
	.table-partner{
		width:100%;
		height:70px;
		background-color:#fff;
		border-collapse:collapse;
		padding:1px;
		vertical-align: middle;
		text-align:left;
		border-bottom:1px solid #D3D2D8;
	}
	
	
	
	.td-gray{
		
		background-color:#f1f1f2; 
		font-family:Museo Sans 300;
		font-size: 20px;
		
	}
	
	.table-left{
		font-size:19px;
		background-color:#dfb535;
		
        color:#fff;
		text-align:left;
		padding:14px;
		height:5px;
	}
	
	
	.table-center, .table-white {
		
		font-size:20px;
		text-align:center;
	}
	
	.table-center{		
		background-color:#e1e1e1;
	}
	
	.table-top{
		height:50px;
		text-align:center;
		padding:1px;
		background-color:#a3a3a3;
		font-size: 20px;
		color:#ffffff;
	}
	
	.table-white{	
		font-family:"Museo Sans 300";
		width:961px;
		height:274px;
		background-color:#fff;
		border-collapse:collapse;
		padding:1px;
		vertical-align: middle;
		text-align:center;
	}
	
	.table-white td{
		border:1px solid #D3D2D8;
	}
	
	.cooperate-left{	
		text-transform:uppercase;	
		font-family:LatoBold;
		float:left;
		margin: 25px 30px 0 110px;
		font-weight:normal;
	}

	.cooperate-right{		
		font-size:12px;	
		width:65%;
		line-height:20px;
		float:left;
		margin:12px 0 0 0;
	}


/* ===== SUB PAGE Styles ============================================================ */
	.breadcrumbs{
		margin: -5px 0 20px 8px;
		height: 16px;
	}
	
	.breadcrumbs ul li{
		float:left;
		width:auto;
	}
	.breadcrumbs ul li:hover {
		text-decoration: underline;
	}

	.breadcrumbs .home{
		list-style-image: url(../gfx/ico-home.gif);
		text-decoration: underline;
	}

	.breadcrumbs .element{
		list-style-image: url(../gfx/ico-cromb.png);
	}

	.breadcrumbs a{
		text-decoration:none;
		padding:0 20px 0 0;
		font-size:13px;
		line-height:16px;
		color:#8a8d94;
	}
	.breadcrumbs ul li:last-child a {
		font-family:'LatoBold';
		font-weight:normal;
	}

/* ===== (DEP) NEWS PAGE Styles ===================================================== */
	.news-time{
		display:block;
		background:#d83649;
		width:61px;
		height:61px;
		color:#fff;
		text-align:center;
		line-height: 25px;
		border-radius: 3px;
		float: left;
		margin: 0 30px 50px 0;
	}
	.time-day{
		font-family:LatoBold;
		font-size:30px;
		display:block;
		padding: 8px 0 0 0;
		font-weight:normal;
	}
	.news-page-list{
		margin:0 30px;
	}

	.news-page-single{
		margin:0 0 35px 0;
	}

	.news-page-single h3{
		font-size:24px;
	}

/* ===== ABOUT PAGE Styles ========================================================== */
	.subpage-about-content {
    	width: 650px;	
	}

	.subpage-about-content h2 {
		text-align: center;
		margin:22px 0 0 0;
	}
	
	.subpage-about-content p{
		line-height:17px;
	}
	
	.subpage-about-content ul{
		padding:0 0 0 17px;
	}
	
	.subpage-about-content h3{
		font-size:18px;
		font-family:'LatoBold';
		font-weight: normal;
	}
	
	.support-one{
		width:214px;
		height:250px;
		float:left;
		border-right:1px solid #e3e8ea;
		border-bottom:1px solid #e3e8ea;
	}
	
	.support-margin{
		margin:0 0 0 6px;
	}
	
	.support-one figure{
		width:200px;
		height:115px;
		text-align:center;
		margin:30px 0 0 0;
	}
	
	.support-title{
		font-family:LatoBold;
		font-size:14px;
		color:rgba(87, 90, 100, 0.8);
		text-align:center;
		height:25px;
		font-weight:normal;
	}
	
	.support-link{
		color:rgba(216, 55, 73, 0.8);
		text-decoration:underline;
		font-family:LatoBold;
		font-size:14px;
		text-align:center;		
		display:block;
		font-weight:normal;		
	}
	
	.no-right-border{
		border-right:none !important;
	}
	
	.no-bottom-border{
		border-bottom:none !important;
	}

/* ===== ABOUT - CONTACT FORM PAGE Styles =========================================== */
	#form-contact {

	}
	#form-contact label {
		width:160px;
		height:35px;
		line-height:35px;
		margin:0 10px 0 0;
		text-align: right;
		display:block;
	}
	
	label.error{
		color:rgba(216, 55, 73, 0.8);
		width:300px!important;
		margin:-8px 0 0 172px!important;		
		text-align:left!important;	
		font-family:LatoItalic;
		font-weight:bold;
		font-size:15px;
	}

	#form-contact input[type='text'] {
		width:298px;
		height:35px;
		border:solid 1px #dcdcdc;
		border-radius:2px;
		font-family: 'LatoR';
    	font-size: 14px;
    	color: #575A64;
    	padding:0 7px;
		box-shadow:inset 0 0 2px #ccc;
		margin:2px 0 5px 3px;
	}
	
	#form-contact input[type='submit'] {
		width:125px;
		height:33px;
		border:0;		
		font-family: 'LatoR';
    	font-size: 16px;
    	color: #fff;	
		margin:0 0 20px 170px;
	}

	#form-contact select {
		width:312px;
		height:35px;
		border:solid 1px #dcdcdc;
		border-radius:2px;
		line-height: 35px;
    	padding: 7px;
    	font-family: 'LatoR';
    	font-size: 14px;
    	color: #575A64;
		box-shadow:inset 0 0 2px #ccc;
		margin:2px 0 5px 3px;
	}

	#form-contact textarea {
		width:428px;
		height:221px;
		border:solid 1px #dcdcdc;
		border-radius:2px;
		resize: none;
		font-family: 'LatoR';
    	font-size: 14px;
    	color: #575A64;
    	padding:7px;
		box-shadow:inset 0 0 2px #ccc;
		margin:2px 0 5px 3px;
	}
	
	#form-contact input.error, #form-contact textarea.error{
		box-shadow:inset 0 0 4px #da3a4c;
	}
	
	#response{
		font-size:16px;
		color:#C7D218;
		font-family:LatoItalic;
		font-weight:bold;
	}
	
	#responseOpt{
		font-size:16px;
		color:#C7D218;
		font-family:LatoItalic;
		font-weight:bold;
		display:block;
		text-decoration:underline;
	}

/* ===== OFFER - STATS PAGE Styles ================================================== */
	.subpage-menu {
		width:902px;
		border-bottom:solid 1px #dfecf2;
		display: block;
		margin: 0 auto;
		padding: 0;
		height: 56px;
	}
	.subpage-menu a {
		text-decoration: none;
		font-size:16px;
		color:#575a64;
	}

	.subpage-menu li {
		list-style-type: none;
		float:left;
		padding:0 10px 20px;
		margin: 18px 30px 0 0;
	}

	.subpage-menu li.active {
		border-bottom:solid 1px #da3a4c;
	}

	.subpage-menu a:hover, .subpage-menu li.active a {
		color:#da3a4c;
	}
	
	.subpage-stats-content {
		margin: 0 30px;
		padding:0 0 30px 0;
		font-size:16px;
		border-bottom:solid 1px #dfecf2;
	}

	.subpage-stats-content h2 {
		font-size:36px;
		text-align: center;
	}

	.stats-interface, .stats-warranty {
		width: 380px;		
	}
	
	.stats-interface{
			margin:16px 0 0 46px;
	}
	
	.stats-interface p{
		margin:6px 0 0 0;
		font-size:15px;
	}
	
	.stats-warranty{
			margin:16px 0 43px 44px;
	}

	.stats-interface .important {
		color:#da3a4c;
	}

	.stats-warranty .important {
		color:#c8d21a;
	}

	.stats-interface .stats-icon {
		width:74px;
		height:70px;
		margin:0 12px 0 0;
		background:url(../gfx/flash_ico.png) no-repeat top center;
	}

	.stats-warranty .stats-icon {
		width:74px;
		height:70px;
		margin:0 12px 0 0;
		background:url(../gfx/warranty_ico.png) no-repeat top center;
	}

	.subpage-stats-content h4 {
		font-size:18px;
		font-family:'LatoBold';
		font-weight: normal;
	}

	.stats-info {
		width:47%;
		font-size:14px;		
		margin:-15px 0 0 0;
	}
	
	.item-data{
		margin:70px 0 0 0;
	}
	
	#stats-info-first {
		margin:-15px 54px 0 0;
		font-size:14px;
	}

	.stats-info ul {
		padding:0 0 0 30px;
	}

	.stats-info li {
		list-style-image: url(../gfx/type02.png);
		margin:0 0 15px 0;
	}

	#subpage-stats-chose h3, #subpage-stats-benefits h3 {
		font-family: 'LatoBold';
		font-weight: normal;
		font-size:26px;
		text-align: center;
	}

	#subpage-stats-chose p, #subpage-stats-benefits p {
		font-family: 'LatoItalic';		
		font-size:18px;
		text-align: center;
		color:#7ea6b9;
		font-weight:bold;
	}

	.check-this {
		width:17px;
		height:12px;
		background-image:url(../gfx/icons.png);
		background-repeat: no-repeat;
		background-position: -105px -104px;
		margin:10px auto 20px;
	}

	#subpage-stats-chose h1 {
		font-family:'LatoLight';
		font-size:44px;
		margin:30px 0 0 20px;
	}
	
	#subpage-stats-chose h2 {
		font-family:'LatoBold';
		font-weight:normal;
		font-size:12px;
		margin:0 0;
		padding:0 0 20px 20px;
	}
	
	#standard {
		margin:-5px 0 0 60px;
		width:400px;
		position: relative;
		height: auto;
		min-height: 390px;
	}

	#biznespro {
		margin:-5px 60px 0 0;
		width:400px;
		position:relative;
		height: auto;
		min-height: 390px;
	}

	#standard div, #biznespro div {
		font-family: 'LatoItalic';
		font-size:17px;
		font-weight: bold;
		margin:16px 0 0 20px;
	}
	
	#subpage-stats-chose ul {
		margin:20px 0 0 0;
	}

	#subpage-stats-chose ul li{
		list-style-image:url(../gfx/bullet.png);
		margin:0 0 5px 0;
		line-height:20px;
	}

	.button {
		width:167px;
		height:40px;
		border-radius: 20px;
		line-height:40px;
		font-family: 'LatoBold';
		font-weight: normal;
		font-size:17px;
		color:#f6f7f8;
		text-decoration:none;
		text-align:center;
		display:block;
	}
	
	.button-green {
		background-color:#8cc317;
		position: absolute;
		left: 22px;
		bottom: 5px;
	}

	.button-blue {
		background-color:#4371ae;
		position: absolute;
		left: 22px;
		bottom: 5px;
	}

	.black-font {
		font-family: 'LatoBlack';
		font-weight: normal;
	}
	.underline-green {
		border-bottom:solid 1px #8cc317;
	}

	.underline-blue {
		border-bottom:solid 1px #4371ae;
	}
	.color-green {
		color:#8cc317;
	}

	.color-blue {
		color:#4371ae;
	}

	.full-color-bg {
		background-color:#f5f9fb;
		padding:0 0 25px 0;
	}

	.item-data h4 {
		font-family: 'LatoBold';
		font-size:18px;
		font-weight:normal;
	}

	.list-item-content {

	}
	
	#options{
		margin:20px 0 0 0;
	}
	
	#options ul li {
		list-style-type: none;
		list-style-image: none;	
		float: left;
		margin: 0 65px 0 0;
	}

	#options a {
		line-height:28px;
		height: 28px;
		display: inline-block;
		vertical-align: top;
		text-decoration: none;
		font-family: 'LatoBold';
		font-weight: normal;
		font-size:14px;
	}
	
	.more-circle-active {
		color:#ebbd4e;
	}

	.more-circle-active span {
		width:28px;
		height:28px;
		background-image:url(../gfx/icons.png);
		background-repeat: no-repeat;
		background-position:-100px -7px;	
		display: inline-block;
		margin: 0 0 0 10px;
		position:absolute;
	}

	.more-circle-unactive span {
		width:28px;
		height:28px;
		background-image:url(../gfx/icons.png);
		background-repeat: no-repeat;
		background-position:-100px -44px;	
		display: inline-block;
		margin: 0 0 0 10px;
		position:absolute;
	}
	.subpage-stats-list {
		margin: 0 30px;
		padding: 0 0 50px 0;
		font-size: 16px;
		border-bottom: solid 1px #dfecf2;
	}

	.comparison {
		width:650px;
		margin:0 auto;
	}

	.comparison tr td:first-child {
		
	}

	.comparison tr td:last-child {
		width:219px;
	}

	.comparison tr:nth-child(2n+1){
		background:#f7f8fd;
	}
	
	.comparison thead tr:first-child{
		background:white;
	}

	.table-start tbody tr td.table-data{
		border:2px;
		font-weight:bold;
		font-family:LatoBold;
		font-size:28px;
	}
	
	.table-start tbody tr:first-child td.table-data{
		font-size:14px;
		font-family:LatoR;	
		font-weight:normal;
	}
	
	.table-start tbody tr:first-child+tr td.table-data{
		font-size:14px;
		font-family:LatoR;	
		font-weight:normal;
	}

	.th-green {
		background:#c8d219;
		color:#fff;
		font-family: 'LatoBold';
		font-weight: normal;
		font-size:16px;
		text-align: center;
		height:50px;
	}

	.th-blue {
		background:#3f99d8;
		color:#fff;
		font-family: 'LatoBold';
		font-weight: normal;
		font-size:14px;
		text-align: center;
		height:50px;
	}
	
	.table-label {
		width:172px;
		padding:0 20px;
		font-weight:normal;
	}

	.table-data {
		text-align: center;
	}
	
	tbody td {
		height: 50px;
	}
	tbody td.wrapp {
		height:70px;
	}

	tr.odd td {
		background:#f7f8fd;
	}

	tfoot td {
		height:50px;
		background:#575965;
		color:#fff;
		font-family: 'LatoBold';
		font-weight: normal;
		font-size: 14px;
		padding:0 20px;
	}
	.table-sign {
		font-family: 'LatoBold';
		font-weight: bold;
		font-size: 28px;
	}

	#subpage-stats-benefits {
		margin:0 auto 50px;
	}

/* ===== OFFER - COUNTERS PAGE Styles =============================================== */
	.box-center {
		padding: 10px 0;
		text-align: center;
	}

	.color-red {
		color:#da3a4c;
	}
	
	#subpage-counters h3 {
		font-family: 'LatoBold';
		font-weight: normal;
		font-size: 26px;
		text-align: center;
	}
	
	.subpage-counter-content {
		margin: 0 30px 50px;
		padding: 0 0 50px 0;
		font-size: 16px;
		border-bottom: solid 1px #dfecf2;
	}

	.subpage-counter-content h2 {
		text-align: center;
	}

	.counter-new-user, .counter-active-user {
		width:38%;
		margin:-25px 39px 0 39px;
		text-align: center;
	}

	.counter-new-user h4, .counter-active-user h4 {
		font-family:'LatoBold';
		font-weight:normal;
		font-size:18px;
	}

	.step-dots {
		width:2px;
		margin:-16px auto 0;	
		line-height: 5px;
	}
	
	.step-title{
		margin:-10px 0 -10px 0;
		display:block;
	}

	.step-number {
		font-family:'LatoBlack';
		font-weight:normal;
		font-size:16px;
		color: #fff;
		width: 24px;
		height: 24px;
		background: #72bdf2;
		margin: 13px auto 0;
		line-height: 24px;
		border-radius: 12px;
		text-align: center;
	}

	.step-content {
		font-family: 'LatoR';
		font-weight:normal;
		font-size:14px;
	}

	.step-finish {
	    margin: 18px auto 0;
	    background: url(../gfx/type02.png) #eef6dc no-repeat center center;
	    width: 50px;
	    height: 50px;
	    border-radius: 25px;
	}

	.counters-download {
		margin: 0 auto 50px;
	}

	.download-numbering {
		height: 24px;	
		margin: 55px auto 20px;
		width: 702px;
	}

	.download-step-number {
		font-family:'LatoBlack';
		font-weight:normal;
		font-size:16px;
		color: #fff;
		width: 24px;
		height: 24px;
		background: #72bdf2;
		line-height: 24px;
		border-radius: 12px;
		text-align: center;
	}

	.download-dots {
		width:172px;
		border-bottom: dotted 1px #bbbbbb;	
		height: 11px;
		margin: 0 15px;
	}

	.download-content {

	}

	.download-step-content {
		width:21%;
		margin:-5px 0 0 23px;
		text-align:center;	
		font-size: 14px;
	}

/* ===== OFFER - RANKING PAGE Styles ================================================ */
	#subpage-ranking h2 {
		font-size: 36px;
		text-align: center;
	}

	.italic-blue {
		font-family: 'LatoItalic';
		font-weight:bold;		
		font-size: 18px;
		text-align: center;
		color: #7ea6b9;
	}

	.button-red {
		display:block;
		width:197px;
		height:34px;
		line-height:34px;
		text-decoration:none;
		background:#e24759;
		color:#ffffff;
		border-radius: 17px;
		font-family: 'LatoBold';
		font-weight:normal;
		font-size:16px;
		text-align:center;
		margin: 20px auto;
	}

	.category-navigation {
		width:320px;
	}
	
	.category-navigation ul li {
		margin: 0 0 10px 0;
		line-height: inherit;
		list-style-type: none;
		min-height: 24px;
	}

	.category-navigation ul {
		padding: 0;
	}

	.list-arrow {
		width:4px;
		height: 24px;
		background: no-repeat url(../gfx/ico-cromb.png) center center;
		display:block;
		margin: 0 5px 0 0;
	}

	.category-name {
		height:24px;
		line-height:24px;
	}

	.category-counter {
		width:80px;
		height:24px;
		border-radius:12px;
		background:#f2f2f2;
		display:block;
		line-height: 24px;
		text-align: center;
		font-family: 'LatoBold';
		font-weight: normal;
		font-size: 12px;
	}

	.active .category-counter {
		background: #f9e1e4;
		color:#d83749;
	}

	.active .category-name {
		color:#d83749;
	}

	.category-navigation ul li a {
		width: 95%;
		display: inline-block;
		margin: 0px 0 0 0;
	}

	.category-navigation .active a {
		margin:0 0 10px 0;
	}

	.category-navigation ul li ul {
		margin:0 0 0 30px;
	}
	
	.category-navigation .active ul li .category-counter {
		color:#575a64;
	}

	.category-navigation .active ul li .category-name {
		color:#575a64;
	}

	.category-navigation .active ul li.active .category-counter {
		background: #f9e1e4;
		color:#d83749;
	}

	.category-navigation .active ul li.active .category-name {
		color:#d83749;
	}

	.category-navigation ul li ul li .category-counter {
		width: 80px;
		height: 24px;
		border-radius: 12px;
		background: #f2f2f2;
		display: block;
		line-height: 24px;
		text-align: center;
		font-family: 'LatoBold';
		font-weight: normal;
		font-size: 12px;
	}

	.list-square {
		width:4px;
		height: 24px;
		background: no-repeat url(../gfx/square.png) center center;
		display:block;
		margin: 0 5px 0 0;
	}

	.category-navigation h3 {
		font-family: 'LatoBold';
		font-weight:normal;
		font-size:24px;
		color:#575a64;
	}

	.category-navigation h5 {
		font-family: 'LatoBold';
		font-weight:normal;
		font-size:12px;
		color:#ceced1;
	}

	.category-ranking {
		width:580px;
	}
	
	.page-search {
		width:300px;
	}

	.page-search h5 {
		font-family: 'LatoBold';
		font-weight:normal;
		font-size:12px;
		color:#ceced1;
	}

	.search-input {
		width:280px;
		height:28px;
		border:solid 1px #d9d9d9;
		border-radius:14px;
	}
	.search-input input {
		height:26px;
		margin:0 0 0 10px;
		width:230px;
		border:none;
		color:#575a64;
		font-size:12px;
	}
	.search-input input:focus {
		border:none;
		outline:none;
	}
	.search-for {
		display:block;
		width:16px;
		height:28px;
		margin:0;
		padding: 0 12px;
		background:url(../gfx/search-glass.png) no-repeat center center;
	}
	
	.classification {
		margin: 20px 0 50px;
	}

	.classification ul {
		margin:0 0 50px 0;
	}

	.classification ul li {
		list-style-type: none;
		border-bottom:solid 1px #e6e6e6;
		padding:25px 0;
	}

	.rank-position {
		width:30%;
	}

	.rank-data {
		width:70%;
	}

	.big-number {
		font-family:'LatoBold';
		font-weight:normal;
		font-size:36px;
		text-align:center;
	}

	.position {
		font-family:'LatoBold';
		font-weight:normal;
		font-size:12px;
		text-align:center;
		color:#bcbdc1;
	}

.pos-nationality { background: transparent url('../gfx/flags-sprite.png') no-repeat 0 0; height: 16px; margin: 10px auto 0; text-indent: -9999px; width: 25px; }
.pos-nationality.ad { background-position: 0 0; }
.pos-nationality.ae { background-position: 0 -16px; }
.pos-nationality.af { background-position: 0 -32px; }
.pos-nationality.ag { background-position: 0 -48px; }
.pos-nationality.ai { background-position: 0 -64px; }
.pos-nationality.al { background-position: 0 -80px; }
.pos-nationality.am { background-position: 0 -96px; }
.pos-nationality.an { background-position: 0 -112px; }
.pos-nationality.ao { background-position: 0 -128px; }
.pos-nationality.ar { background-position: 0 -144px; }
.pos-nationality.as { background-position: 0 -160px; }
.pos-nationality.at { background-position: 0 -176px; }
.pos-nationality.au { background-position: 0 -192px; }
.pos-nationality.aw { background-position: 0 -208px; }
.pos-nationality.az { background-position: 0 -224px; }
.pos-nationality.ba { background-position: 0 -240px; }
.pos-nationality.bb { background-position: 0 -256px; }
.pos-nationality.bd { background-position: 0 -272px; }
.pos-nationality.be { background-position: 0 -288px; }
.pos-nationality.bf { background-position: 0 -304px; }
.pos-nationality.bg { background-position: 0 -320px; }
.pos-nationality.bh { background-position: 0 -336px; }
.pos-nationality.bi { background-position: 0 -352px; }
.pos-nationality.bj { background-position: 0 -368px; }
.pos-nationality.bm { background-position: 0 -384px; }
.pos-nationality.bn { background-position: 0 -400px; }
.pos-nationality.bo { background-position: 0 -416px; }
.pos-nationality.br { background-position: 0 -432px; }
.pos-nationality.bs { background-position: 0 -448px; }
.pos-nationality.bt { background-position: 0 -464px; }
.pos-nationality.bw { background-position: 0 -480px; }
.pos-nationality.by { background-position: 0 -496px; }
.pos-nationality.bz { background-position: 0 -512px; }
.pos-nationality.ca { background-position: 0 -528px; }
.pos-nationality.cd { background-position: 0 -544px; }
.pos-nationality.ch { background-position: 0 -560px; }
.pos-nationality.ci { background-position: 0 -576px; }
.pos-nationality.cl { background-position: 0 -592px; }
.pos-nationality.cm { background-position: 0 -608px; }
.pos-nationality.cn { background-position: 0 -624px; }
.pos-nationality.co { background-position: 0 -640px; }
.pos-nationality.cr { background-position: 0 -656px; }
.pos-nationality.cu { background-position: 0 -672px; }
.pos-nationality.cv { background-position: 0 -688px; }
.pos-nationality.cy { background-position: 0 -704px; }
.pos-nationality.cz { background-position: 0 -720px; }
.pos-nationality.de { background-position: 0 -736px; }
.pos-nationality.dj { background-position: 0 -752px; }
.pos-nationality.dk { background-position: 0 -768px; }
.pos-nationality.dm { background-position: 0 -784px; }
.pos-nationality.do { background-position: 0 -800px; }
.pos-nationality.dz { background-position: 0 -816px; }
.pos-nationality.ec { background-position: 0 -832px; }
.pos-nationality.ee { background-position: 0 -848px; }
.pos-nationality.eg { background-position: 0 -864px; }
.pos-nationality.eh { background-position: 0 -880px; }
.pos-nationality.er { background-position: 0 -896px; }
.pos-nationality.es { background-position: 0 -912px; }
.pos-nationality.et { background-position: 0 -928px; }
.pos-nationality.fi { background-position: 0 -944px; }
.pos-nationality.fj { background-position: 0 -960px; }
.pos-nationality.fm { background-position: 0 -976px; }
.pos-nationality.fo { background-position: 0 -992px; }
.pos-nationality.gb { background-position: 0 -1008px; }
.pos-nationality.gd { background-position: 0 -1024px; }
.pos-nationality.ge { background-position: 0 -1040px; }
.pos-nationality.gf { background-position: 0 -1056px; }
.pos-nationality.gh { background-position: 0 -1072px; }
.pos-nationality.gi { background-position: 0 -1088px; }
.pos-nationality.gl { background-position: 0 -1104px; }
.pos-nationality.gm { background-position: 0 -1120px; }
.pos-nationality.gn { background-position: 0 -1136px; }
.pos-nationality.gq { background-position: 0 -1152px; }
.pos-nationality.gr { background-position: 0 -1168px; }
.pos-nationality.gt { background-position: 0 -1184px; }
.pos-nationality.gu { background-position: 0 -1200px; }
.pos-nationality.gw { background-position: 0 -1216px; }
.pos-nationality.gy { background-position: 0 -1232px; }
.pos-nationality.hk { background-position: 0 -1248px; }
.pos-nationality.hn { background-position: 0 -1264px; }
.pos-nationality.hr { background-position: 0 -1280px; }
.pos-nationality.ht { background-position: 0 -1296px; }
.pos-nationality.hu { background-position: 0 -1312px; }
.pos-nationality.id { background-position: 0 -1328px; }
.pos-nationality.ie { background-position: 0 -1344px; }
.pos-nationality.il { background-position: 0 -1360px; }
.pos-nationality.in { background-position: 0 -1376px; }
.pos-nationality.io { background-position: 0 -1392px; }
.pos-nationality.iq { background-position: 0 -1408px; }
.pos-nationality.ir { background-position: 0 -1424px; }
.pos-nationality.is { background-position: 0 -1440px; }
.pos-nationality.it { background-position: 0 -1456px; }
.pos-nationality.jm { background-position: 0 -1472px; }
.pos-nationality.jp { background-position: 0 -1488px; }
.pos-nationality.ke { background-position: 0 -1504px; }
.pos-nationality.kg { background-position: 0 -1520px; }
.pos-nationality.ki { background-position: 0 -1536px; }
.pos-nationality.km { background-position: 0 -1552px; }
.pos-nationality.kn { background-position: 0 -1568px; }
.pos-nationality.kp { background-position: 0 -1584px; }
.pos-nationality.kr { background-position: 0 -1600px; }
.pos-nationality.kw { background-position: 0 -1616px; }
.pos-nationality.ky { background-position: 0 -1632px; }
.pos-nationality.kz { background-position: 0 -1648px; }
.pos-nationality.la { background-position: 0 -1664px; }
.pos-nationality.lb { background-position: 0 -1680px; }
.pos-nationality.lk { background-position: 0 -1696px; }
.pos-nationality.lr { background-position: 0 -1712px; }
.pos-nationality.ls { background-position: 0 -1728px; }
.pos-nationality.lt { background-position: 0 -1744px; }
.pos-nationality.lu { background-position: 0 -1760px; }
.pos-nationality.lv { background-position: 0 -1776px; }
.pos-nationality.ly { background-position: 0 -1792px; }
.pos-nationality.ma { background-position: 0 -1808px; }
.pos-nationality.mc { background-position: 0 -1824px; }
.pos-nationality.md { background-position: 0 -1840px; }
.pos-nationality.mh { background-position: 0 -1856px; }
.pos-nationality.mk { background-position: 0 -1872px; }
.pos-nationality.ml { background-position: 0 -1888px; }
.pos-nationality.mm { background-position: 0 -1904px; }
.pos-nationality.mo { background-position: 0 -1920px; }
.pos-nationality.mq { background-position: 0 -1936px; }
.pos-nationality.mr { background-position: 0 -1952px; }
.pos-nationality.ms { background-position: 0 -1968px; }
.pos-nationality.mt { background-position: 0 -1984px; }
.pos-nationality.mu { background-position: 0 -2000px; }
.pos-nationality.mv { background-position: 0 -2016px; }
.pos-nationality.mw { background-position: 0 -2032px; }
.pos-nationality.mx { background-position: 0 -2048px; }
.pos-nationality.my { background-position: 0 -2064px; }
.pos-nationality.mz { background-position: 0 -2080px; }
.pos-nationality.na { background-position: 0 -2096px; }
.pos-nationality.nc { background-position: 0 -2112px; }
.pos-nationality.ne { background-position: 0 -2128px; }
.pos-nationality.nf { background-position: 0 -2144px; }
.pos-nationality.ng { background-position: 0 -2160px; }
.pos-nationality.nl { background-position: 0 -2176px; }
.pos-nationality.no { background-position: 0 -2192px; }
.pos-nationality.np { background-position: 0 -2208px; }
.pos-nationality.nr { background-position: 0 -2224px; }
.pos-nationality.nu { background-position: 0 -2240px; }
.pos-nationality.nz { background-position: 0 -2256px; }
.pos-nationality.om { background-position: 0 -2272px; }
.pos-nationality.pa { background-position: 0 -2288px; }
.pos-nationality.pe { background-position: 0 -2304px; }
.pos-nationality.pf { background-position: 0 -2320px; }
.pos-nationality.pg { background-position: 0 -2336px; }
.pos-nationality.ph { background-position: 0 -2352px; }
.pos-nationality.pk { background-position: 0 -2368px; }
.pos-nationality.pl { background-position: 0 -2384px; }
.pos-nationality.pr { background-position: 0 -2400px; }
.pos-nationality.pt { background-position: 0 -2416px; }
.pos-nationality.py { background-position: 0 -2432px; }
.pos-nationality.qa { background-position: 0 -2448px; }
.pos-nationality.re { background-position: 0 -2464px; }
.pos-nationality.ro { background-position: 0 -2480px; }
.pos-nationality.ru { background-position: 0 -2496px; }
.pos-nationality.rw { background-position: 0 -2512px; }
.pos-nationality.sa { background-position: 0 -2528px; }
.pos-nationality.sb { background-position: 0 -2544px; }
.pos-nationality.sc { background-position: 0 -2560px; }
.pos-nationality.sd { background-position: 0 -2576px; }
.pos-nationality.se { background-position: 0 -2592px; }
.pos-nationality.sg { background-position: 0 -2608px; }
.pos-nationality.sh { background-position: 0 -2624px; }
.pos-nationality.si { background-position: 0 -2640px; }
.pos-nationality.sj { background-position: 0 -2656px; }
.pos-nationality.sk { background-position: 0 -2672px; }
.pos-nationality.sl { background-position: 0 -2688px; }
.pos-nationality.sm { background-position: 0 -2704px; }
.pos-nationality.sn { background-position: 0 -2720px; }
.pos-nationality.so { background-position: 0 -2736px; }
.pos-nationality.sr { background-position: 0 -2752px; }
.pos-nationality.sv { background-position: 0 -2768px; }
.pos-nationality.sy { background-position: 0 -2784px; }
.pos-nationality.tc { background-position: 0 -2800px; }
.pos-nationality.td { background-position: 0 -2816px; }
.pos-nationality.tg { background-position: 0 -2832px; }
.pos-nationality.th { background-position: 0 -2848px; }
.pos-nationality.tj { background-position: 0 -2864px; }
.pos-nationality.tm { background-position: 0 -2880px; }
.pos-nationality.tn { background-position: 0 -2896px; }
.pos-nationality.to { background-position: 0 -2912px; }
.pos-nationality.tp { background-position: 0 -2928px; }
.pos-nationality.tr { background-position: 0 -2944px; }
.pos-nationality.tt { background-position: 0 -2960px; }
.pos-nationality.tv { background-position: 0 -2976px; }
.pos-nationality.tw { background-position: 0 -2992px; }
.pos-nationality.tz { background-position: 0 -3008px; }
.pos-nationality.ua { background-position: 0 -3024px; }
.pos-nationality.ug { background-position: 0 -3040px; }
.pos-nationality.uk { background-position: 0 -3056px; }
.pos-nationality.um { background-position: 0 -3072px; }
.pos-nationality.us { background-position: 0 -3088px; }
.pos-nationality.uy { background-position: 0 -3104px; }
.pos-nationality.uz { background-position: 0 -3120px; }
.pos-nationality.va { background-position: 0 -3136px; }
.pos-nationality.vc { background-position: 0 -3152px; }
.pos-nationality.ve { background-position: 0 -3168px; }
.pos-nationality.vg { background-position: 0 -3184px; }
.pos-nationality.vi { background-position: 0 -3200px; }
.pos-nationality.vn { background-position: 0 -3216px; }
.pos-nationality.vu { background-position: 0 -3232px; }
.pos-nationality.wf { background-position: 0 -3248px; }
.pos-nationality.ws { background-position: 0 -3264px; }
.pos-nationality.ye { background-position: 0 -3280px; }
.pos-nationality.yt { background-position: 0 -3296px; }
.pos-nationality.yu { background-position: 0 -3312px; }
.pos-nationality.za { background-position: 0 -3328px; }
.pos-nationality.zm { background-position: 0 -3344px; }
.pos-nationality.zr { background-position: 0 -3360px; }
.pos-nationality.zw { background-position: 0 -3376px; }

	.classification h6 {
		font-family:'LatoBold';
		font-weight:normal;
		font-size:18px;
		margin:5px 0;
	}

	.pos-desc {
		font-family:'LatoR';
		font-weight:normal;
		font-size:14px;
		margin: 0 0 10px 0;
	}

	.red {
		color:#d83649;
	}

	.pos-links {
		margin: 0 0 10px 0;
	}

	.pos-change {
		background:#f2f2f2;
		padding:2px 5px;
		margin: 0 0 10px 0;
		display: inline-block;
	}

	.pos-users {
		font-size:12px;
	}

	.users-week, .users-month {
		width:100%;
		display:inline-block;
	}

/* ===== PAGER ====================================================================== */

	.pager {
		margin: 0 0 0 40px;
	}

	.pager-pages {
		margin:0;
	}

	.pager-prev {
	    width: 30px;
	    height: 30px;
	    display: inline-block;
	    background-image: url(../gfx/icons.png);
	    background-repeat: no-repeat;
	    background-position: 5px -26px;
	    text-indent: -9999px;
	    margin: 0 5px 0;
	    border-radius:2px;
	    line-height: 30px;
	}
	
	.pager-prev:hover {
		background-position: 5px -49px;
	}
	
	.page-number {
		width: 30px;
	    height: 30px;
	    display: inline-block;
	    margin: 0 5px 0;
	    border-radius:2px;
	    line-height:30px;
	    text-decoration:none;
	    font-size:14px;
	    text-align:center;
	}
	
	.page-active, .page-number:hover {
		background:#e6e6e8;
		border-radius:2px;
	}

	.page-dots {
		width: 30px;
	    height: 30px;
	    display: inline-block;
	    margin: 0 5px 0;
	    border-radius:2px;
	    line-height:30px;
	    text-decoration:none;
	    font-size:14px;
	    text-align:center;
	}

	.pager-next {
		width: 30px;
	    height: 30px;
	    display: inline-block;
	    background-image: url(../gfx/icons.png);
	    background-repeat: no-repeat;
		background-position: -15px -26px;
	    text-indent: -9999px;
	    margin: 0 5px 0;
	    border-radius:2px;
	    line-height: 30px;
	}

	.pager-next:hover {
		background-position: -15px -49px;
	}

	.pager-label {
	    line-height: 28px;
	    margin: 0 5px 0 0;
	    font-size: 11px;
	}

	.pager-submit-container {
	    width: 65px;
	    height: 28px;
	    border: solid 1px #e9e9e9;
	}

	.pager-submit-container input {
	    width: 29px;
		color:#797b83;
		text-align: center;
	    height: 26px;
	    border: none;
	    margin: 0 4px;
	}

	.pager-submit-container input:focus {
		outline:none;
	}

	.pager-button {
		width:22px;
		height:22px;
		display:inline-block;
		background-image:url(../gfx/icons.png);
		background-repeat: no-repeat;
		background-color: #e9e9e9;
		background-position: -19px -30px;
		margin: 3px 4px 0 0;
		border-radius: 2px;
	}

/* ===== OFFER - CLICK MAP PAGE Styles ============================================== */
	
	.subpage-clickmap-content h2 {
		text-align: center;
	}

	.subpage-clickmap-content {
		margin: 0 30px 50px;
		font-size: 16px;
	}
	
	.subpage-clickmap-content ul{
		margin:0 0 0 18px;
		padding:0;
	}
	
	.subpage-clickmap-content ul li {
		list-style-image: url(../gfx/bullet.png);
		margin: 0 0 5px 0;
		line-height:22px;
	}

	.click-map-image {
		margin:20px auto;
	}
	
	.big-dot {
		margin:30px 0;
	}

	.big-dot li {
		list-style-image: url(../gfx/bullet.png);
		margin: 0 0 5px 0;
	}

/* ===== OFFER - HELP - FAQ Styles ================================================== */
	#subpage-help {
		margin:0 auto 50px;
	}

	.subpage-help-content {
    	width: 650px;	
	}

	.subpage-help-content h2 {
		text-align: center;
		margin:13px 0 0 0;
	}
	
	.subpage-help-content p{
		line-height:17px;		
	}
	
	.subpage-help-answer ul, .subpage-help-answer p{
		opacity:0.7;
	}

	.subpage-help-menu {
    position: inherit;

	}

	.subpage-help-menu ul {
    	padding: 0;

	}

	.subpage-help-menu li {
    float: left;

	
    margin: 0 10px 10px 0;
	}

	.subpage-help-menu li a {
	    display: inline-block;
	    width: auto;
	    height: 24px;
	    line-height: 24px;
	    padding: 0 12px;
	    border-radius: 12px;
	    background: #eef1f1;
	    font-family: 'LatoBold';
	    font-size: 12px;
	    font-weight: normal;
	    text-decoration: none;
	}

	.subpage-help-menu li.active a, .subpage-help-menu li:hover a {
	    background: #f7dfe3;
	    color:#d83749;
	}
	
	.fixedNav {
		position:fixed;		
		top:0;
		left:0;
		width:100%;
		height:100px;
		background:#f6f8f9;
		z-index:999;
	}

	.fixedNav ul {
	    width: 630px;
		margin:20px auto 0;
		padding:0 0 0 230px;
	}

	.subpage-help-content {

	}

	.subpage-help-content h3 {
		font-size: 24px;
		margin:31px 0 20px;
	}
	
	.subpage-help-content h4 {
		font-size: 14px;
	}

	.subpage-help-element {
    border-bottom: solid 1px #e6e6e6;

	
    padding: 0 0 0 0;
	}

	.subpage-help-question {
    font-family: 'LatoBold';
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
	}

	.subpage-help-question:hover {
		color:#da3a4c;
	}

	.subpage-help-answer {
		padding:0 0 10px 0;
	}
	
/* ===== OFFER - HELP - Sitemap Styles ============================================== */

	.sitemap-one{
		width:185px;
		float:left;
		margin:0 25px 0 0;
		height:300px;
	}

	.sitemap-one a{
		text-decoration:none;
	}
	
	.sitemap-one a:hover{
		text-decoration:underline;
	}
	
	.sitemap-line{
		width:73px;
		height:2px;
		background:#e3e8ea;
	}
	
	.sitemap-title{
		color:#b5bf16;
		font-family:LatoLight;
		font-size:24px;
	}
	
	.contact-one{		
		height:auto;
		float:left;
	}
	
	.contact-one h4{
		font-family:LatoBold;
		font-size:20px;
		font-weight:normal;
		margin:22px 0 0px 0;
	}
	
	.contact-one a{
		color:rgba(216, 55, 73, 0.8);
		margin:-8px 0 0;
		display:block;
	}
	
	.contact-left{
		margin:0 83px 0 0;
		width:305px;
	}
	
	.contact-right{
		margin:0;
		width:250px;
	}
	
	.company-name{
		color:#575a64;
		font-size:18px;
		font-family:LatoBold;
		font-weight:normal;
		margin:0 0 -5px 0;
	}

	.contact-marker1{
		width:35px;
		height:125px;
		display:block;
		background: url(../gfx/marker_1.png) 0 0 no-repeat transparent;
		float:left;	
		margin:0 8px 0 0;
	}
	
	.contact-marker2{
		width:35px;
		height:105px;
		display:block;
		background: url(../gfx/marker_2.png) 0 0 no-repeat transparent;
		float:left;	
		margin:0 8px 0 0;
	}

/* ===== VERTICAL MENU STYLES ======================================================= */

	.vertical-menu {
    	margin: 0 70px 0 0;
	}
	
	.vertical-menu ul {
		list-style-type:none;
		margin:2px 0 0 0;
		padding:0 0 0 30px;
	}

	.vertical-menu li {
	    font-size: 16px;
	    width: 180px;
	    border-bottom: solid 1px #e3e8ea;
	    padding: 16px 0;
	}

	.vertical-menu li:last-child {
		border-bottom: none;
	}

	.vertical-menu a {
		text-decoration:none;
	}

	.vertical-menu a:hover {
		color: #da3a4c;
	}

	.vertical-menu .active a {
    	color: #da3a4c;
	}

/* ===== Media Queries ============================================================== */

	@media only screen and (min-width : 320px) and (max-width : 479px) and (orientation : portrait){
			#slider{width:100%; height:275px;}
			.slider-text{width:100%;}
			.slide-more1, .slide-more2{bottom:-29%;}
			.slide-more2{left:30%;}	
			.slide-more1{left:-5%;}				
			.slide{margin:0 auto 20px;}
			.slide img{width:100%; height:200px;}
			.slider-nav{display:none;}
			.brand{width:100%;}
			.top{display:block;}
			.language-icon{margin:40px 0 0 10px !important;}
			.mobi-nav{display:block!important; padding:10px 10px; margin:0 0 0 -10px!important;}
			.mobi-nav-ul{width:100%;}
			.mobi-nav-ul li{margin:0 0 2px 0; width:100%; background:#838385;}
			.mobi-nav-ul li:hover{background:#575A64;}
			.mobi-nav-ul li a{text-align:left; padding:10px 30px; color:#fff;}			
			.registration, .login{text-indent:0; width:auto; padding:10px 10px;}
			.title{font-size:39px; margin:-5px 0 0 0;}
			.preview{font-size:15px;margin-top:50px; width:95%;}		
			.free{height:350px; }
			.free .pack-price{float:right; margin:-46px 19px 0 0;}
			.optimum .pack-price{margin:-50px 21px 0 0;}
			.pro .pack-price{margin:-48px 18px 0 0;}
			.optimum{height:505px;border:1px solid #d8d8db !important;border-radius:12px 12px 0 0;}
			.pro{height:550px;width:99%; margin-top:5%;}
			.pack-price{position:static;}
			.cooperate{background:#f0f6f8; height:100px}
			.cooperate-left{margin-top:8px;}
			.cooperate-right{margin:7px 0 0 11px;}
			.footer-one{margin:0 12px;}
			.pack{width:95%; float:none; margin-left:6px;}
			.pack-price{position:static;}		
			.pack-title{float:none;}
			.video-content{width:100%; margin-bottom:15px;}
			.news-single{width:100%; margin-bottom:30px;}
			#ranking-stat24, #help{width:100%;}
			.promotion-one{width:100%;}
			.cooperate-left{margin:40px 0 0 11px;}
			.cooperate-right{width:72%;}
			.footer-links{height:960px;}
			.footer-one{width:25%; margin:0 18px;}
			.copy-right{display:none;}
			.copy-left{margin-left:11px;}	
			.wrapper{width:100%}
			.partner-one{margin:0 18px 0 40px;}
			.footer-one{margin:0 18px 0 95px; width:100%}	
			.brand{width:50%;}	
			.top ul{display:none;}	
			.packages p.sub{margin-left:7px;}	
			.addsite{margin:0 0 0 60px;}
			.ranking-full{margin:30px 0 40px 100px; float:left;}
			
	}
	   
	@media only screen and (min-width : 481px) and (max-width : 650px) and (orientation : portrait){
			.brand{width:50%;}
			.top ul{display:none;}
			.top-mobile{display:block;}
			.registration, .login{text-indent:0; background:#efefef; width:auto;}		
			.slide img{height:315px;}
			.title{font-size:60px; margin-top:10px;}
			.preview{margin-top:80px;}		
			.pack{width:99%;}
			.free{height:260px; border-radius:12px 12px 0 0;}
			.optimum{height:445px; margin-bottom:45px;border:1px solid #d8d8db !important;border-radius:12px 12px 0 0;}
			.pro{height:465px;}
			.pack-list{width:345px;}
			.pack-price, .free .pack-price{position:absolute; margin:100px 30px;}
			.video-content{width:100%; margin-bottom:25px;}
			.news-single{width:100%; margin-bottom:30px;}
			#ranking-stat24{width:100%;}
			#help{width:100%;}
			.promotion-one{width:100%;}
			.cooperate-left{margin:28px 20px 0 10px;}
			.cooperate-right{width:75%; margin-top:7px;}
			.footer-one{margin:0 16px; width:28%;}
			.footer-links{height:380px;}
			.copy-right{display:none;}
			.copy-left{margin-left:16px;}
			.mobi-nav{display:block;}			
	}

	   @media only screen and (min-width : 768px) and (max-width : 1024px){
		.brand{margin-right:30px;}
		#slider{width:637px;}
		.slider-nav{width:670px;}
		.wrapper{width:100%;}
		.top a{margin:35px 8px;}
		.news-single{width:100%;}	
		.title{font-size:70px;}	
		.preview{margin:120px 0 0 0;}	
		.pack{height:605px; width:32.7%;}
		.pro{height:625px; width:33.4%;}
		.pack-title{width:145px;}
		.pack-bold{font-size:26px;}
		.pack-price{font-size:30px; margin-top:26px;}
		.video-content img{width:97%;}
		.news-single{margin:0 35px 35px 0;}
		#ranking-stat24, #help{width:100%; margin:0 0 35px 0;}
		.footer-one{width:12%; margin-left:11px;}
		.footer-links{height:310px;}
		.partner-one{width:90px;}
		.copy-left{margin-left:11px;}
		.cooperate-right{width:78%;}
		.cooperate-left{margin-left:11px;}	
	}

	@media only screen and (min-width: 1025px){
		.wrapper{width:960px;}
		.top{/* width:75%; */float: right;margin: 0 0 0 85px;}
		.top a{margin: 35px 16px 0;}	
		.top li:last-child a {margin-right: 0;}
		.main-container{width:960px;}
		.title{font-size:70px;}
		.preview{top: 30%;width: 500px;text-align: left;}
	}





/* ===== Print styles  ============================================================== */

	@media print{
	    * {
	        background: transparent !important;
	        color: #000 !important; /* Black prints faster: h5bp.com/s */
	        box-shadow: none !important;
	        text-shadow: none !important;
	    }

	    a,
	    a:visited {
	        text-decoration: underline;
	    }

	    a[href]:after {
	        content: " (" attr(href) ")";
	    }

	    abbr[title]:after {
	        content: " (" attr(title) ")";
	    }

	    /*
	     * Don't show links for images, or javascript/internal links
	     */

	    .ir a:after,
	    a[href^="javascript:"]:after,
	    a[href^="#"]:after {
	        content: "";
	    }

	    pre,
	    blockquote {
	        border: 1px solid #999;
	        page-break-inside: avoid;
	    }

	    thead {
	        display: table-header-group; /* h5bp.com/t */
	    }

	    tr,
	    img {
	        page-break-inside: avoid;
	    }

	    img {
	        max-width: 100% !important;
	    }

	   
	    p,
	    h2,
	    h3 {
	        orphans: 3;
	        widows: 3;
	    }

	    h2,
	    h3 {
	        page-break-after: avoid;
	    }
	}

/* ===== Helper classes ============================================================= */
	
	.bold {
		font-weight:bold;
	}

	.ir {
	    background-color: transparent;
	    border: 0;
	    overflow: hidden;
	    text-indent: -9999px;
	}

	.ir:before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 150%;
	}

	.hidden {
	    display: none !important;
	    visibility: hidden;
	}

	.visuallyhidden {
	    border: 0;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
	}

	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
	    clip: auto;
	    height: auto;
	    margin: 0;
	    overflow: visible;
	    position: static;
	    width: auto;
	}

	.invisible {
	    visibility: hidden;
	}

	.clearfix:before,
	.clearfix:after {
	    content: " ";
	    display: table;
	}

	.clearfix:after {
	    clear: both;
	}

	

	a:focus, img:focus{
		outline:none;
	}
	#update-browser {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:white;
		z-index:99999;
		color:black;
		text-align: center;
	}

	#update-browser h1 {
		margin:50px 0;
		color:#da3a4c;
	}
	
	#update-browser h2 {
		color:#8cc317;
	}
	
	#update-browser li {
		list-style-type: none;
		list-style-image: none;
		font-size:16px;
		margin:10px 0 0;
	}


/* ===== ANIMATIONS ================================================================= */

	.fixedNav {
		-webkit-animation: fixMenu 0.7s ease-out both;
		-moz-animation: fixMenu 0.7s ease-out both;
		-o-animation: fixMenu 0.7s ease-out both;
		-ms-animation: fixMenu 0.7s ease-out both;
		animation: fixMenu 0.7s ease-out both;
	}