@import "mixins.less";

.clearfix {content: "."; display: block; height: 30px; clear: both; visibility: hidden;}

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

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


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

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

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;
}

/* ==========================================================================
	Author's custom styles
	========================================================================== */

	.wrapper {
		padding:0 5px;
		margin:0 auto;
		max-width:970px
	}

/* FONT
	--------------------------------------------------*/
@font-face {
	font-family: 'Maven Pro';
	src: url('font/maven_pro_regular-webfont.eot');
	src: url('font/maven_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/maven_pro_regular-webfont.woff') format('woff'),
		 url('font/maven_pro_regular-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Maven Pro';
	src: url('font/maven_pro_medium-webfont.eot');
	src: url('font/maven_pro_medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/maven_pro_medium-webfont.woff') format('woff'),
		 url('font/maven_pro_medium-webfont.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Maven Pro';
	src: url('font/maven_pro_bold-webfont.eot');
	src: url('font/maven_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/maven_pro_bold-webfont.woff') format('woff'),
		 url('font/maven_pro_bold-webfont.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Maven Pro';
	src: url('font/maven_pro_black-webfont.eot');
	src: url('font/maven_pro_black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/maven_pro_black-webfont.woff') format('woff'),
		 url('font/maven_pro_black-webfont.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

.fontMaven {
	font-family: 'Maven Pro';
}
.fontMavenRegular {
	.fontMaven;
	 font-weight: normal;
}
.fontMavenMedium {
	.fontMaven;
	 font-weight: 600;
}
.fontMavenBold {
	.fontMaven;
	 font-weight: 700;
}
.fontMavenBlack {
	.fontMaven;
	 font-weight: 800;
}
.fontTahoma {
	font-family:Tahoma, Geneva, sans-serif;
}
/* ==========================================================================
	KOLORY
	========================================================================== */

@black: #000;
@grayDark: #222;
@gray: #333;
@grayLight: #999;
@grayLighter: #CCC;
@white: #FFF;
@orange:#ff4500;
@red:#ff0000;
@blueLight: #6990ae;
@green: #5eb20a;

	.colorNavyblue {
		color:#19374e
	}
	.blueLight{
		color:@blueLight;
	}
	.orange {
		color:@orange;
	}
	.green{
		color:@green
	}
	.lightGreen{
		color:#9bab8b;
	}
	.gray {
		color:@gray;
	}
	.grayLight {
		color:@grayLight;
	}
	.grayLighter {
		color:@grayLighter;
	}
	.red {
		color:@red;
	}
	.yellow {
		color:#fffc00;
	}


/* ==========================================================================
	LINKI
	========================================================================== */

	a {color:inherit}
	.linkTop {
		.green;
		text-decoration:none;
		background:url(../images/arrow_top.png) left center no-repeat;
		font-size:11px;
		padding-left:10px;
		margin-bottom:10px;
		display:inline-block;
	}
/* ==========================================================================
	LISTY
	========================================================================== */
	ul, ol {
		margin:0;
		padding:0;
	}
	ul li {
		list-style:none
	}
	.list_desc {
		margin:10px 0;
		padding-left:25px;
			li {
				list-style:none;
				background:url(../images/desc.png) left 7px no-repeat;
				padding-left:15px;
				padding-bottom:5px;
			}
	}
	.reset_list {
		li {
			background:none;
			padding:0;
			position:relative;
		}
	}

	.hexagon_list {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
		> li {
			min-height:30px;
			padding-left:70px;
			position:relative; /* Create a positioning context */
			list-style:none; /* Disable the normal item numbering */
			padding:20px 0 0 60px;
			&:before {
				content:counter(li); /* Use the counter as content */
				counter-increment:li; /* Increment the counter by 1 */
				.size(56px,51px);
				background: url(../images/ol_list_bg.png);
				position:absolute;
				top:0;
				left:10px;
				text-align:center;
				line-height:56px;
				font-size:24px;
				.fontMavenBlack;
			}
			> strong {
				font-size:14px;
				display:block;
				margin-left:-70px;
				background:#ebebeb;
				padding:3px 0 3px 80px;
			}
		}
		ul {
			.vertical_position_list;
			.arrow_list;
			padding:10px 0 0 10px;
		}
	}

	.vertical_position_list {
		strong {display:inline-block; vertical-align:top; margin-top:-6px}
	}
	.arrow_list {
		.list_desc;
		li {
			background:url(../images/arrow_list.png) left 7px no-repeat
		}
	}

	.plus li {
		margin-left:20px;
		padding:5px 0 5px 20px;
		background:none;
		img  { margin-left:-20px; margin-top:-3px;}
	}

/* ==========================================================================
	ELEMENTY BLOKOWE
	========================================================================== */

	.block {
		display:block
	}
	.right {
		float:right !important
	}
	.left {
		float:left !important;
	}
	.textRight {
		text-align:right;
		display:block
	}
	.textCenter {
		text-align:center;
		display:block
	}
	.noUnderline {
		text-decoration:none
	}

	.clear {
		clear:both
	}
	.invisible {
		display:none
	}


/* FACEBOOK BOX
	--------------------------------------------------*/
	.fb-like-box {
		margin:20px 0;
		padding:0 0 0 0;
		overflow: hidden;
		max-height:155px;
		border:1px solid #d8dfea
	}
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget span iframe[style] {
	  width: 100% !important;
	}

/* NAGŁÓWKI TEKSTOWE Z IKONKAMI
	--------------------------------------------------*/
	.headline {
		margin:30px 0 15px 0;
		.fontMavenBold;
		font-size:30px;
		border-bottom:1px solid #efefef;
		text-transform:uppercase;
		.grayLight;
		background-position: left center;
		background-repeat:no-repeat;
		min-height:30px;
			&.registration_ico {
				background-image:url(../images/registration_big_ico.png);
				padding-left:40px;
			}
			&.charge_code_ico {
				background-image: url(../images/charge_code_big_ico.png);
				padding-left:40px;
			}
			&.add_transfer_ico {
				background-image: url(../images/add_transfer_big_ico.png);
				padding-left:40px;
			}
			&.regulations_ico {
				background-image: url(../images/regulations_big_ico.png);
				padding-left:40px;
			}
			&.work_ico {
				background-image: url(../images/work_big_ico.png);
				padding-left:40px;
			}
			&.account_history_ico {
				background-image: url(../images/account_history_big_ico.png);
				padding-left:40px;
			}
			&.files_ico {
				background-image: url(../images/your_files_big_ico.png);
				padding-left:40px;
			}
			&.notepad_ico {
				background-image: url(../images/notepad_big_ico.png);
				padding-left:40px;
			}
			&.recommend_ico {
				background-image: url(../images/recommend_big_ico.png);
				padding-left:40px;
			}
			&.search_ico {
				background-image: url(../images/search_big_ico.png);
				padding-left:40px;
			}
			&.search_result_ico {
				background-image: url(../images/search_result_big_ico.png);
				padding-left:40px;
			}
			&.settings_ico {
				background-image: url(../images/setting_big_ico.png);
				padding-left:40px;
			}
			&.help_ico {
				background-image: url(../images/help_big_ico.png);
				padding-left:40px;
			}
			&.opinion_ico {
				background-image: url(../images/opinion_big_ico.png);
				padding-left:40px;
			}

	}

/* FORMATOWANIE TEKSTÓW
	--------------------------------------------------*/
	.bigTextOrange {
		.orange;
		font-size:18px;
	}

	.infoHead {
		font-size:14px;
		padding:5px 0 5px 20px;
	}


/* BOXY Z KOMUNIKATAMI
	--------------------------------------------------*/
	.info_notice {
		.fontMavenBold;
		padding:10px 20px;
		color:#FFF;
		border:1px solid #CCC;
		background:rgb(114, 179, 52);
		.border-radius(10px);
		display:inline-block;
		margin-bottom:10px;
		position:relative;
		z-index:2;
			&.red {
			background:#ff9999;
			border-color:#cc3333
		}
			&.promo {
				margin-top:30px;
				margin-bottom:0px;
				width: 94%;

					padding: 15px;
					display: block;
    				-webkit-border-radius: 4px;
    				-moz-border-radius: 4px;
   					 border-radius: 4px;
	line-height: 18px;
	background: #f6fbfd; border: 1px solid #c1d9e4;
	color: #547aa2;
			}
	}

/* FORMULARZE / PRZYCISKI
	--------------------------------------------------*/
	input[type="checkbox"] {
		vertical-align:middle

	}
	input {.fontMaven;}
	input[type="text"],
	input[type="email"],
	input[type="password"] {
		.border-radius(5px);
		.green;
		.size(30px, 270px); /* Wymiary elementu wysokosć szerokość */
		background:#fff;
		border:1px solid #abd28e;
		line-height:28px;
		font-size:14px;
		padding:0 10px;
	}

	.submit,
	.button {
		.border-radius(5px);
		.fontMavenBlack;
		display:inline-block;
		text-decoration:none;
		font-size:14px;
		padding:10px ;
		border:none;
		color:#FFF;
		text-transform:uppercase;
		background:url(../images/bg_button_green.png) bottom repeat-x #6ecf0c;
			&:hover {
				background:#6dcd0c;

			}
	}
	.button {
		background: rgb(121,210,32);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5ZDIyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTNiNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(121,210,32,1) 0%, rgba(5,59,93,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,210,32,1)), color-stop(100%,rgba(5,59,93,1)));
		background: -webkit-linear-gradient(top,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		background: -o-linear-gradient(top,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		background: -ms-linear-gradient(top,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		background: linear-gradient(to bottom,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d220', endColorstr='#053b5d',GradientType=0 );

			&:hover {
				background: rgb(5,59,93);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzA1M2I1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OWQyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(5,59,93,1) 8%, rgba(121,210,32,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgba(5,59,93,1)), color-stop(100%,rgba(121,210,32,1)));
				background: -webkit-linear-gradient(top,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				background: -o-linear-gradient(top,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				background: -ms-linear-gradient(top,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				background: linear-gradient(to bottom,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053b5d', endColorstr='#79d220',GradientType=0 );
			}
	 white-space: normal;
	 max-width: 100%;
	}


	.buttonBig {
		.button;
		padding:10px 30px
	}
	.submitSearch {
		.submit;
		.border-radius(0 5px 5px 0);
		.size(35px, 33px);
		background:url(../images/submit_search.png) center no-repeat #5eb20a;
		&:hover {
			background:url(../images/submit_search.png) center no-repeat #57ab03;
		}
	}
	.leftSubmit {
		.submit;
		.border-radius(0 5px 5px 0);
		background:#5eb20a;
		height:35px;
		padding:0 20px;
			&:hover {
				background:#57ab03;
			}
	}

	.leftSubmit2 {
		.submit;
		.border-radius(0 5px 5px 0);
		background:orange;
		height:35px;
		padding:0 20px;
		&:hover {
			background:orangered;
		}
	}

	.greenSubmit {
		.leftSubmit;
		.border-radius(5px);
	}

	.orangeSubmit {
		.leftSubmit2;
		.border-radius(5px);
	}

	::-webkit-input-placeholder { /* WebKit browsers */
		.lightGreen;
		 opacity: 1;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		.lightGreen;
		 opacity: 1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		.lightGreen;
		 opacity: 1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		.lightGreen;
		 opacity: 1;
	}

	:invalid {
	  box-shadow: none;
	}

	:-moz-submit-invalid {
	  box-shadow: none;
	}

	:-moz-ui-invalid {
	  box-shadow:none;
	}



/* HTML/BODY
	--------------------------------------------------*/
body {
	.fontMaven;
	.colorNavyblue;
	font-size:12px;
	line-height:1.2;
	background:url(../images/bg.jpg) center top no-repeat
}

	#container {
		max-width:970px;
		margin:0 auto;
		padding:0 5px;
	}

	.column_right {
		float:right;
		width:320px;
	}
	.columnLeft {
		float:left;
		width:640px;
	}
	.column_left_text {
		float:left;
		width:60%;
	}


/* HEADER
	--------------------------------------------------*/
header {
	.fontMaven;
	background:url(../images/bg_header.png) top repeat-x #060c13;
	border-bottom:1px solid #efefef;
	position:relative;
	z-index:1;
	padding:0;
}

	.headerInside {
		min-height:116px;
		overflow:hidden;
		padding:0 10px;
		position:relative
	}

	.rapideoLogo {
		padding-top:15px;
		display:inline-block;
	}
	header .wrapper {
		padding:0;
		background:#FFF;
		max-width:none;
	}
	header  .headerInside {
	padding:0 5px;
	background:none;
	max-width:970px
	}
	header .wrapper .top_menu{
		background:#FFF;
		max-width:960px;
		margin:0 auto;
	}

/* HEADER > LOGOWANIE
	--------------------------------------------------*/
.login {
	max-width:500px;
	padding:20px 0 0 0;
	float:right;
	font-size:14px;
	color:#FFF;
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input.text {
			.gray;
			 .size(30px, 162px);
			 border-color:#FFF;

		}
		h3 {
			.fontMavenBlack;
			.size_14;
			margin:0;
		}
		div { padding-top:5px}
		a { text-decoration:underline}
			::-webkit-input-placeholder { /* WebKit browsers */
				.grayLighter
			}
			:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
				.grayLighter
			}
			::-moz-placeholder { /* Mozilla Firefox 19+ */
				.grayLighter
			}
			:-ms-input-placeholder { /* Internet Explorer 10+ */
				.grayLighter
			}
}



/* HEADER > ZALOGOWANY
	--------------------------------------------------*/
.loggedIn {
	font-size:12px;
	h3 { padding-bottom:3px}
}

/* HEADER > GŁÓWNE MENU
	--------------------------------------------------*/
.icon_link {
	background-position: left center;
	background-repeat:no-repeat;
	display:inline-block;
	height:39px;
	line-height:39px;
		&.registration { background-image: url(../images/icon_registration.png); padding-left:27px}
		&.regulations { background-image: url(../images/icon_regulations.png); padding-left:22px}
		&.opinions { background-image: url(../images/icon_opinions.png); padding-left:27px}
		&.work { background-image: url(../images/icon_work.png); padding-left:30px}
		&.contact { background-image: url(../images/icon_contact.png); padding-left:24px}
		&.livechat { background-image: url(../images/icon_livechat.png); padding-left:38px}
}

.mm-list a {
	&.registration,
	&.regulations,
	&.opinions,
	&.work,
	&.contact,
	&.livechat,
	&.your_files,
	&.add_transfer,
	&.charge_code,
	&.settings,
	&.account_history,
	&.recommend,
	&.notepad,
	&.charge_code,
	&.help
	{
		.icon_link;
		background-position:20px center;
		padding-left:55px !important;
		height:auto !important;
		line-height:1.2 !important;

	}
	text-transform:uppercase;


	font-size:14px;
	color:#FFF !important;
	.fontMavenBlack;
}

.top_menu {
	font-size:14px;
	.colorNavyblue;
	.fontMavenBlack;
	ul {
		margin:0;
		padding:5px 0;
		border-right:1px solid #f0f0f0;
		overflow:hidden;
	}
	li {
		background:none;
		float:left;
		text-transform:uppercase;
		height:39px;
		border-left:1px solid #f0f0f0;
		padding:0 20px;
		&.last {
			padding-right:0
		}
	}
	a {
		.icon_link;
		.transition(color);
		.noUnderline;
		&:hover,
		&.active {
			.green;
		}
	}
}





/* SZYBKA REJESTRACJA
	--------------------------------------------------*/
	.instant_register_box,
	.register_box {
		margin-top:-1px;
		padding:29px 30px 10px 30px;
		border:1px solid #efefef;
		background: url(../images/bg_instantRegisterBox.png) left bottom no-repeat #FFF;
		.border-radius(10px);
		position:relative;
		&:before {
			.border-radius(10px 10px 0 0);
			position:absolute;
			content:'';
			right:-1px;
			top:-1px;
			background: url(../images/bg_instantRegisterBoxTop.png) right top no-repeat;
			width:100%;
			height:100%;
			z-index:0;
		}
		form {
			position:relative;
			z-index:2;
			margin-bottom:15px;
		}
		input[type="text"],
		input[type="email"],
		input[type="password"] {
			margin:0 0 10px 0;
			width:100%;
		}
		input.password {
			width:48%;
			float:left;
		}
		input.password_repeat {
			margin-right:0;
			float:right;
		}
		label {
			color:#666666;
			font-size:11px;
			input {
				vertical-align: text-top;
				}
				a {.colorNavyblue}
		}

		input.button  {
			width:100%;
			margin-top:15px;
		}
	}

/* REJESTRACJA
	--------------------------------------------------*/
.register_content {
	min-height:330px;
	position:relative;
}
.phasesRegister {
	.size(442px,579px);
	background:url(../images/phases_register.png);
	position:absolute;
	right:0;
	top:0;
	margin:-55px 0 0 0;
	z-index:1;
}
.register_box {
	background:url(../images/bg_registerbox_top.png)  left 1px no-repeat;
	margin:0;
	max-width:320px;
		&:before {
			background:url(../images/shadow_register.png) center  no-repeat;
			.size(17px, 100%);
			top:100%;
			left:0;
		}
	input.button  { margin-top:30px;}
}

/* RIGHT > SZYBKA REJESTRACJA > ZAUFAŁO NAM
	--------------------------------------------------*/
	.trustedUs {
		line-height:1;
		.fontMavenMedium;
		position:relative;
		z-index:2;
		font-size:20px;
		.colorNavyblue;
			span {
				line-height:1;
			}
			.biggerText {
				width:105%;
				display:block
			}
			a { font-size:14px; clear:both}
	}

	.biggerText {
		font-size:65px;
		.fontMavenBlack;
	}

/* RIGHT > BOX PROMOCJA 200MB
	--------------------------------------------------*/
	.boxPromotion {
		.size(auto, 115%);
		max-width:320px;
		background:url(../images-mobile/bg_box_romotion.png) left top no-repeat;
		background-size: 100% 100%;
		color:#fff;
		padding:15px 0 20px 45%;
		font-size:20px;
		line-height:0.9;
		position:relative;
		border-radius:10px;
			h3 {
				margin:0 0 15px 0;
				font-size:19px;
			}
			strong {
				.fontMavenBlack;
				font-size:48px;
				span { font-size:30px}
			}
		&:before {
			.size(116px, 97px);
			content:'';
			position:absolute;
			z-index:3;
			left:100%;
			top:100%;
			margin:-16px 0 0 -15px;
			background: url(../images/bg_box_romotion_twine.png);
		}
	}

	#instantRegister .boxPromotion {
		margin-left:-7.5% !important
	}

/* BOXY Z CECHAMI .features
	--------------------------------------------------*/
	.boxesFeatures {
			padding-top:10px;
	}
	.features {
		float:left;
		.size(160px,33.3333%);
		background: url(../images/bg_features.png) no-repeat;
		position:relative;
		overflow:hidden;
	}

	.featureInside {
		padding:20px 15px 0 120px;
		height:140px;
		font-size:24px;
		line-height:1;
			p {
			margin:0
		}
		&.hosting {
			background:url(../images/icon_feature_hosting.png) 10px 20px no-repeat;
		}
		&.links {
			padding-left:107px;
			background:url(../images/icon_feature_links.png) 10px 45px no-repeat;
		}
		&.capacity {
			padding-left:118px;
			background:url(../images/icon_feature_capacity.png) 15px 18px no-repeat;
				.featureGreenText {
					width:178px;
				}
		}
		&.transferPrice {
			background:url(../images/icon_feature_transfer.png) 25px 30px no-repeat;
		}
	}

	.featureGreenText {
		.green;
		position:absolute;
		bottom:20px;
		right:25px;
		font-size:16px;
			strong {
				.fontMavenBlack;
				text-transform:uppercase;
				font-size:28px;
			}
	}

/* BOXY DLACZEGO MY .features
	--------------------------------------------------*/
	.boxesWhy {
		background: url(../images/bg_boxes_why.png) center 25px no-repeat;
		clear:both;
		overflow:hidden;
		padding-top:25px;
		padding-bottom:20px;
	}
	.why {
		.fontMavenBlack;
		.grayLighter;
		text-align:center;
		font-size:48px;
		line-height:1;
		margin:0 0 25px 0;

	}
	.boxWhy {
	 text-align:center;
	 min-height:430px;
	 padding:5px 50px 15px 50px;
	 font-size:14px;
	 width:33.3333%;
	 float:left;
	 	.title {
			font-size:30px;
			line-height:1;
			margin:0;
			padding:10px 0 20px 0;
		}
	}
	.boxCenter {
		border:1px solid #f3f3f3;
		border-width:0 1px 0 1px;
	}


/* FOOTER
	--------------------------------------------------*/
	footer {
		clear:both;
		background:url(../images/bg_footer.jpg) center top repeat-x;
		border-top:1px solid #e6e6e6;
		padding-bottom:50px;
	}

	.portalDsc {
		overflow:hidden;
		padding:20px 0;
		background:url(../images/bg_portal_desc.png) bottom repeat-x;

	}
	.dscLinks {
		.gray;
		float:left;
		width:30%;
		padding-top:25px;
		font-size:14px;
			h3 {
				font-weight:normal;
				font-size:24px;
				border-bottom:1px solid #f3f3f3
			}
			a { text-decoration:none;
				&:hover {.green}
			}
		ul {.list_desc;
			li {
				background-position:left 8px;
				padding-bottom:0
			}
		}


	}

	footer .dscLinks ul li {
	  background-position:left 6px;
	  padding-right:5px
	}

	.dscTxt {
		.gray;
		float:right;
		padding-left:25px;
		border-left:1px solid #f3f3f3;
		width:64%;
			img { padding-bottom:10px}
			a {.green}
	}

	.copyright {
		text-align:center;
		color:#9d9d9d;
		padding:10px 0;
			a { text-decoration:none}
	}

/* BOCZNE MENU
	--------------------------------------------------*/
.right_menu {
	.border-radius(10px);
	.grayLight;
	line-height:1;
	margin-top:15px;
	border:1px solid #efefef;
	background: url(../images/right_menu_bg.png) top right no-repeat #FFF;
	padding:30px 0 2px 0;
		ul {
			margin:0 1px;
			padding:0 0 20px 0;
			background:url(../images/right_menu_bottom.png) center bottom no-repeat;
		}
		li {
			padding:0;
			background:none;
		}
		a {
			.fontMavenBlack;
			.transition(color);
			display:block;
			position:relative;
			border-bottom:1px solid #efefef;
			border-top:1px solid #fff;
			text-decoration:none;
			text-transform:uppercase;
			font-size:14px;
			.grayLight;
			padding:7px 0 8px 50px;
			margin:1px 23px 0 23px;
			background-repeat:no-repeat;
			background-position:19px center;
				&:hover {
					.green
				}
				&.active {
					.orange;
						&:before {
							content:'';
							.size(15px, 7px);
							position:absolute;
							left:0;
							top:50%;
							margin-top:-7px;
							margin-left:-32px;
							background:url(../images/right_menu_triangle.png);
						}
				}
		}
		h3 {
			text-transform:uppercase;
			font-size:18px;
			margin:0;
			padding:0 0 15px 23px;
		}
}


a.your_files {
	background-image:url(../images/your_files_ico.png);
		&.active {
			background-image:url(../images/your_files_active_ico.png);
		}
	}
a.add_transfer {
	background-image:url(../images/add_transfer_ico.png);
		&.active {
			background-image:url(../images/add_transfer_active_ico.png);
		}
	}
a.charge_code {
	background-image:url(../images/charge_code_ico.png);
		&.active {
			background-image:url(../images/charge_code_active_ico.png);
		}
	}
a.settings {
	background-image:url(../images/settings_ico.png);
		&.active {
			background-image:url(../images/settings_active_ico.png);
		}
	}
a.account_history {
	background-image:url(../images/account_history_ico.png);
		&.active {
			background-image:url(../images/account_history_active_ico.png);
		}
	}
a.recommend {
	background-image:url(../images/recommend_ico.png);
		&.active {
			background-image:url(../images/recommend_active_ico.png);
		}
	}
a.notepad {
	background-image:url(../images/notepad_ico.png);
		&.active {
			background-image:url(../images/notepad_active_ico.png);
		}
	}
a.help {
	background-image:url(../images/help_ico.png);
		&.active {
			background-image:url(../images/help_active_ico.png);
		}
	}


/* WYSZUKIWARKA
	--------------------------------------------------*/
	.search_box {
		margin-top:30px;
		height:35px;
		position:relative;
	}

	input.select_search {
		.border-radius(5px 0 0 5px);
		height:35px;
		line-height:35px;
		float:left;
		border-width:1px 0 1px 1px;
		width:256px;
		border-color:#5eb20a;
		position:relative;
		z-index:6
	}

	#choiceForm {
		.size(35px,28px);
		cursor:pointer;
		border:1px solid #5eb20a;
		border-width:1px 0 1px 0;
		background: url(../images/showForm.png) left center no-repeat #fff;
		float:left;
		position:relative;
		z-index:6;
			&.active {
				background-image:url(../images/showFormUp.png);
			}
	}

	.column_right .submitSearch {
		float:left;
		position:relative;
		z-index:6

	}

	#invisibleForm {
		display:none;
		.border-radius(0 0 5px 5px);
		padding:20px;
		width:285px;
		position:absolute;
		left:0;
		top:100%;
		background:#fff;
		z-index:5;
		margin-top:-3px;
		border:1px solid #5eb20a;
		border-width:0 1px 1px 1px;
		color:#999999;
		font-size:12px;
			h5 { font-size:12px; margin:0 0 5px 0}
			div { overflow:hidden}
			.searchmode {
				border-top:1px solid #efefef;
				margin-top:5px;
				padding-top:5px;

			}
	}
	.col_50 {
		float:left;
		width:50%;
		label {
			float:right;
			width:85%
		}
	}


/* LIVE CHAT
	--------------------------------------------------*/
	.live_chat {
		.size(117px, 100%);
		line-height:1;
		margin-top:10px;
		background:url(../images/live_chat.png) no-repeat;
		overflow:hidden;
		position:relative;
		font-size:20px;
		color:#FFF;
		padding:25px 0 0 120px;
			strong {
			.fontMavenBlack;
			text-transform:uppercase;
		}
		.link {
			.fontMavenBlack;
			display:block;
			padding-top:10px;
			font-size:14px;
			text-transform:uppercase;
		}
		a {
			.yellow;
			font-size:18px;
			text-decoration:none;
		}
	}

/* ==========================================================================
	STRONY TEKSTOWE
	========================================================================== */
	.alpha {
		position:absolute;
		right:100%;
		margin-right:5px;
	}
	.content_charge_code {
		padding:20px 0 0 45px;
	}

	.content_text {
		line-height:1.5
	}


/* REGULAMIN
	--------------------------------------------------*/
	.content_regulations {
		padding-top:1px;
		line-height:1.5;
		strong {
			.green
		}
		h3 {
			.green;
			margin-bottom:0;
			font-size:24px;
			text-align:center;
		}
		p {
			margin-bottom:20px;
			text-align:justify
		}
		ul.reset_list {
			margin:0 0 20px 0;
			li { margin-left:60px; }
		}
	}


 /* DOŁADUJ KODEM
	--------------------------------------------------*/
	.form_charge_code {
	 padding:65px 0 0 95px;
	 background:url(../images/content_charge_code.png) left top no-repeat;
	 min-height:165px;
	 	input[type=text],
		input[type=email] {
			.border-radius(5px 0 0 5px);
			.box-shadow(0 0 16px #fff);
			.size(35px, 278px);
			line-height:35px;
		}
	.shadow {
		position:relative;
		&:after {
			.size(13px, 354px);
			content:'';
			background:url(../images/form_charge_code_shadow.png) center no-repeat;
			position:absolute;
			left:20px;
			top:100%;
			margin-top:10px;
		}
	}
	input {  vertical-align:middle }
	}
	.content_charge_code  .form_charge_code {
		margin-left:-45px;
	}

/* BONUS > progressbar
	--------------------------------------------------*/
	.shadowAfter {
		.size(13px, 100%);
		content:'';
		position:absolute;
		top:100%;
		left:0;
		background:url(../images/shadow_430.png) center top no-repeat
	}
	.progressbar {
		.border-radius(5px);
		.box-shadow(0 0 16px #FFF);
		border:1px solid @green;
		padding:2px;
		position:relative;
		margin-bottom:30px;
			&:after {
			.shadowAfter;
			margin-top:10px;
		}

	}
	.progressbar_inside {
	 .border-radius(5px);
	 height:29px;
	 background:@green;
	}

	.bonusTransfer {
		.size_14;
	}
	.bonusTransfer .textCenter {
		.grayLight;
		.size_14;
	}

/* KUP TRANSFER
	--------------------------------------------------*/
	.pay_method {
		overflow:hidden;
		padding-bottom:20px;

	}
	.pay_method_headline {
		.fontMavenBold;
		margin-top:10px;
		.grayLight;
		font-size:18px;
		padding:55px 0 0 120px;
		min-height:130px;
		clear:both;
		line-height:1;
		background-position: left top;
		background-repeat:no-repeat;
			&.pay_method_best {
			background-image:url(../images/payment_method_best.png);
			padding-top:30px;
			min-height:130px;
		}
			&.pay_method_cart {
			background-image:url(../images/payment_method_cart.png)
		}
			&.pay_method_sms {
			background-image:url(../images/payment_method_sms.png)
		}
		strong {
			.fontMavenBlack;
		}

	}
	.payBox {
			.size(195px, 141px);
			max-width:45%;
		.size_20;
		.border-radius(5px);
		.box-shadow(0 0 10px #fff);
		position:relative;
		padding:20px 0 0 0;
			line-height:1.05;
		float:left;
		background:url(../images/payment_bg.png);
		text-align:center;
		margin:0 0 10px 10px;
			&.first {
				margin-left:0
			}
			strong {
				.fontMavenBlack;
				font-size:28px;
					span {
						font-size:24px;
					}
			}
			a {
				.size_12;
				.fontMavenBlack;
				.size(20px,100%);
				position:absolute;
				left:0;
				top:0;
				text-transform:uppercase;
				text-decoration:none;
				padding-top:175px;


			}
			&:after {
				.shadowAfter;
				.size(18px, 100%);
				background-image: url(../images/payment_shadow_bg.png);
			}
		&.promotion {
			color:@white;
			background-image:url(../images/payment_promotion_bg.png)
		}

	}


	.transferMore {
		clear:both
	}

/* CIENIE
	--------------------------------------------------*/
	.buttonCenterShadow {
		display:block;
		width:auto;
		margin:0 auto;
		margin:0 auto;
	}

	.buttonShadow,
	.buttonShadowCircle {
		display:inline-block;
		margin:10px 0;
		position:relative;
	}
	.buttonShadow:after,
	.buttonShadowCircle:after {
		position:absolute;
		background: url(../images/button_shadow.png) center top no-repeat;
		background-size:100% 100%;
		content:'';
		width:100%;
		height:18px;
		left:0;
		top:100%;
		z-index:10
	}
	.buttonShadowCircle:after {
		background:url(../images/button_shadow_circle.png) center top no-repeat;
		height:10px;
		width:80%;
		left:10%;
		margin-top:2px
	}
	.shadow_520,
	.shadow_430 {
		background: url(../images/shadow_520.png) center bottom no-repeat;
		padding:20px 0;
		margin-bottom:20px;
		clear:both;
	}
	.shadow_430 {
		background: url(../images/shadow_430.png) center bottom no-repeat;
	}

/* STRONA Z OPISEM SERWISU
	--------------------------------------------------*/
.grayscale{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:  url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(1);
}

	.serwisInfo {
		font-size:14px;
		padding-bottom:20px;
			h2 { font-size:30px};
			strong {
				.fontMavenBlack;
				.green;
			}
	}

	.headline_title {
		.fontMavenBold;
		.size_18;
		.grayLight;
		text-transform:uppercase;
		border-bottom:1px solid #efefef;
		padding-bottom:5px;
	}

	.serwer_list {
			h3 {
			.headline_title;
			margin:0 0 25px 0;
		}
	}

	.serwer_list_inside {
		img {
			background:#fff;
		}
		a.active {
			img {opacity:1 !important;
				filter:none !important}
			canvas { display:none !important}
		}
	}


	.column_right .serwer_list {
		margin-top:47px
	}
	.column_right .serwer_list_inside img {
		margin:0 9px 7px 0;
	}

	.column_left_text .serwer_list_inside img {
		float:left;
		margin-bottom:5px;
	}

	.hawToBox {
		margin-top:20px;
		background:url(../images/hawToBox_bg.png) left top no-repeat;
		padding-bottom:30px;
	}



/* TABELKI
	--------------------------------------------------*/

	.table_box {
		overflow:hidden;
		border:1px solid #cbcbcb;
		.border-radius(5px);
		margin-top:30px;
			&.table_box_green {
			border-color:#a2c187;
				.table_headline {
					background-color:#cbe8b1;
					color:#31580e
				}
		}
		&.table_box_brown {
			border-color:#c59b6f;
				.table_headline {
					background-color:#fcdebf;
					color:#955b1f
				}
		}
		&.table_box_blue {
			border-color:#a5bacb;
				.table_headline {
					.colorNavyblue;
					background-color:#cbe2f4;
			}
		}
	}

	.table_headline {
		.border-radius(5px 5px 0 0);
		font-size:16px;
		background:url(../images/table_headline.png) center top no-repeat #f5f5f5;
		padding:15px 10px 15px 15px;
		overflow:hidden;
	}

	.table_box_inside {
		padding:20px 10px 10px 10px;
	}
	table .date {
		.blueLight;
		background:url(../images/dott_date.png) left center no-repeat;
		padding-left:10px;
		font-weight:bold;
		font-size:12px;

	}

	.table {
		.fontTahoma;
		font-size:11px;
		margin:0 ;
		width:100%;
		td {
		 padding-top:10px;
		 padding-bottom:10px;
		 padding-left:10px;
		 margin-bottom:5px;
		 vertical-align:top;
		}
		tr td:last-child { padding-right:10px;}
		tr:nth-child(even) {background: #f5f5f5}
		&.table_green {
			tr:nth-child(even) {background: #e6f9d6}
		}
		&.table_brown {
			tr:nth-child(even) {background: #fcdebf}
		}
		&.table_blue {
			tr:nth-child(even) {background: #e9f2f8}
		}
	}


	.tableLog {
		.fontTahoma;
		font-size:12px;
		margin:0 ;
		width:100%;
		td {
		 padding-top:10px;
		 padding-bottom:10px;
		 margin-bottom:5px;
		}
		tr {
			border-bottom:1px dotted @grayLight
		}

	}


	.table_footer {
		.fontTahoma;
		.border-radius(0 0 5px 5px);
		background:#f1f1f1;
		padding:10px;
		overflow:hidden;
		font-size:11px;
			select {
			height:20px;
			margin-top:-1px;
			border:1px solid #7f9db9;
		}
	}

	.fileLink {
		a {
			text-decoration:none;
			.orange
		}
	}

	.fileInfo {
		.blueLight;
		margin-top:3px;
		padding-top:5px;
		padding-bottom:2px;
		border-top:1px dotted @grayLight;
	}

	.col_145 {
			display:inline-block;
			min-width:145px;
		}

		.target_link {
		text-decoration:none;
		.orange;
		float:right;
		font-size:11px;
		margin-top:5px;
			&:hover {
				text-decoration:underline
			}
		}

	.listLink {
		border-top:1px solid #e9f2f8;
		padding:5px;
		a {
			text-decoration:none;
				&:hover {
					text-decoration:underline
				}
			}
	}

	.remove,
	.delBut {
		.red;
		text-decoration:none;
		background:url(../images/remove.png) left 6px no-repeat;
		padding-left:10px;
		float:right;
		margin-left:20px;
			&:hover {
				text-decoration:underline
			}
	}
	.checkAll,
	.markBut,
	.markButFiles {
		.green;
		text-decoration:none;
		background:url(../images/check.png) left 2px no-repeat;
		padding-left:13px;
		float:right;
		margin-left:20px;
			&:hover {
				text-decoration:underline
			}
	}
	.markButFiles {
		float:none;
		margin:0 10px;
	}
	.moreInfoLink {
		.size_11;
		.grayLight;
		text-decoration:none;
		padding:5px 0 0 17px;
		display:inline-block;
	}
/* PAGINACJA
	--------------------------------------------------*/
	.pagination {
		.gray;
		display:inline-block;
		font-size:11px;
		ul, li { margin:0; padding:0; list-style:none; background:none}
		ul { overflow:hidden}
		li { float:left; margin-right:1px}
		a, span {
			text-decoration:none;
			background:#fff;;
			padding:2px 6px;
			display:inline-block;
			&.activePage,
			&:hover  {
				color:#fff;
				background:@orange
			}
		}
	}

	.table_footer .pagination {
		float:left;
		margin-right:10px;
	}

/* Buttony
	--------------------------------------------------*/
	.gradientGreen {
		background: rgb(121,210,32);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5ZDIyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTNiNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(121,210,32,1) 0%, rgba(5,59,93,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,210,32,1)), color-stop(100%,rgba(5,59,93,1)));
		background: -webkit-linear-gradient(top,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		background: -o-linear-gradient(top,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		background: -ms-linear-gradient(top,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		background: linear-gradient(to bottom,  rgba(121,210,32,1) 0%,rgba(5,59,93,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d220', endColorstr='#053b5d',GradientType=0 );
			&:hover {
				background: rgb(5,59,93);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iIzA1M2I1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OWQyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(5,59,93,1) 8%, rgba(121,210,32,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgba(5,59,93,1)), color-stop(100%,rgba(121,210,32,1)));
				background: -webkit-linear-gradient(top,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				background: -o-linear-gradient(top,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				background: -ms-linear-gradient(top,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				background: linear-gradient(to bottom,  rgba(5,59,93,1) 8%,rgba(121,210,32,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053b5d', endColorstr='#79d220',GradientType=0 );
			}
	}


	.gradientBlue {
		background: rgb(64,115,155);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNzM5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTQ2NjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(64,115,155,1) 0%, rgba(33,70,100,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,115,155,1)), color-stop(100%,rgba(33,70,100,1)));
		background: -webkit-linear-gradient(top,  rgba(64,115,155,1) 0%,rgba(33,70,100,1) 100%);
		background: -o-linear-gradient(top,  rgba(64,115,155,1) 0%,rgba(33,70,100,1) 100%);
		background: -ms-linear-gradient(top,  rgba(64,115,155,1) 0%,rgba(33,70,100,1) 100%);
		background: linear-gradient(to bottom,  rgba(64,115,155,1) 0%,rgba(33,70,100,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40739b', endColorstr='#214664',GradientType=0 );
			&:hover {
				background: rgb(33,70,100);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxNDY2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDczOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(33,70,100,1) 0%, rgba(64,115,155,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,70,100,1)), color-stop(100%,rgba(64,115,155,1)));
				background: -webkit-linear-gradient(top,  rgba(33,70,100,1) 0%,rgba(64,115,155,1) 100%);
				background: -o-linear-gradient(top,  rgba(33,70,100,1) 0%,rgba(64,115,155,1) 100%);
				background: -ms-linear-gradient(top,  rgba(33,70,100,1) 0%,rgba(64,115,155,1) 100%);
				background: linear-gradient(to bottom,  rgba(33,70,100,1) 0%,rgba(64,115,155,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214664', endColorstr='#40739b',GradientType=0 );
			}
	}

	.gradientOrange {
		background: rgb(253,175,0);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjNhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(253,175,0,1) 0%, rgba(214,58,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,175,0,1)), color-stop(100%,rgba(214,58,0,1)));
		background: -webkit-linear-gradient(top,  rgba(253,175,0,1) 0%,rgba(214,58,0,1) 100%);
		background: -o-linear-gradient(top,  rgba(253,175,0,1) 0%,rgba(214,58,0,1) 100%);
		background: -ms-linear-gradient(top,  rgba(253,175,0,1) 0%,rgba(214,58,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(253,175,0,1) 0%,rgba(214,58,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdaf00', endColorstr='#d63a00',GradientType=0 );
			&:hover {
				background: rgb(214,58,0);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2M2EwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGFmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgba(214,58,0,1) 0%, rgba(253,175,0,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,58,0,1)), color-stop(100%,rgba(253,175,0,1)));
				background: -webkit-linear-gradient(top,  rgba(214,58,0,1) 0%,rgba(253,175,0,1) 100%);
				background: -o-linear-gradient(top,  rgba(214,58,0,1) 0%,rgba(253,175,0,1) 100%);
				background: -ms-linear-gradient(top,  rgba(214,58,0,1) 0%,rgba(253,175,0,1) 100%);
				background: linear-gradient(to bottom,  rgba(214,58,0,1) 0%,rgba(253,175,0,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d63a00', endColorstr='#fdaf00',GradientType=0 );
			}
	}


@media all and(min-width:0){
	/* WYŁĄCZENIE FILTRÓW W > IE8 DLA LINKÓW I INPÓTÓW  */
	a, input, span{
		filter:none !important;
	}
}


	.buttonLink {
		.fontTahoma;
		.border-radius(5px);
		font-weight:bold;
		font-size:11px;
		color:#FFF;
		height:19px;
		line-height:19px;
		padding:0 12px;
		text-decoration:none;
		display:inline-block;
			 span {
		 	display:inline-block;
			height:19px;
			line-height:19px;
			padding-right:20px;
			background-position:right center;
			background-repeat:no-repeat;
		}
	}

.buttonLink2 {
	.fontTahoma;
	.border-radius(5px);
	font-weight:bold;
	font-size:11px;
	color:#FFF;
	height:19px;
	line-height:19px;
	padding:0 10px;
	text-decoration:none;
	display:inline-block;
	span {
		display:inline-block;
		height:19px;
		line-height:19px;
		padding-right:20px;
		background-position:right center;
		background-repeat:no-repeat;
	}
}


	.buttonLinkOrange,
	.clearHistory {
		.buttonLink;
		.gradientOrange;
	}

	.buttonLinkGreen,
	.downloadFile {
		.buttonLink;
		.gradientGreen;
	}

	.downloadFile2 {
		.buttonLink2;
		.gradientGreen;
	}

	.buttonLinkBlue,
	.watchFile {
		.buttonLink;
		.gradientBlue;
	}


	.clearHistory { float:right;
			span {
			background-image: url(../images/clear_history.png)
		}
	}

	.downloadFile {
			float:right;
			margin-left:5px;
			span {
			background-image: url(../images/downloadFile.png);
			padding-right:15px;
		}
	}
	.downloadFile2 {
		float:right;
		margin-left:5px;
		span {
			font-size:10px;
			background-image: url(../images/downloadFile.png);
			padding-right:15px;
		}
	}
	.watchFile {
			float:right;
			margin-left:5px;
			span {
			background-image: url(../images/watchFile.png)
		}
	}

/* BLOK TEKSTU Z DOLNYM CIENIEM
	--------------------------------------------------*/
	.boxContentBg {
		padding:20px 0 30px 0;
		background:url(../images/boxContentBg.png) bottom repeat-x;
	}


/* WYSYŁANIE PLIKÓW > KROKI
	--------------------------------------------------*/
	.steps {
		.grayLight;
		width:605px;
		position:relative;
		background:url(../images/step.png) left top no-repeat;
		max-height:90px;
		overflow:hidden;
		padding-top:55px;
		max-width:100%;
		margin:0 auto 20px auto;
			.step_1 {
			text-align:center;
			width:160px;
			float:left;
			margin-left:50px
		}
		.step_2 {
			text-align:center;
			width:170px;
			float:left;
		}
		.step_3 {
			text-align:center;
			width:170px;
			float:left;
		}

		&.steps_1 {
			background-position:left -100px;
			.step_1 {
				color:#1d3e58
			}
		}
		&.steps_2 {
			background-position:left -200px;
			.step_2 {
				color:#1d3e58
			}
		}
		&.steps_3 {
			background-position:left -300px;
			.step_3 {
				color:#1d3e58
			}
		}
	}

/* WYSYŁANIE PLIKÓW > LISTA SERWERÓW
	--------------------------------------------------*/
	.serversList {
		background:url(../images/serversList.png) 20px 10px no-repeat;
		padding-left:80px;
		padding-bottom:20px;
		h4 { margin-bottom:2px;}
		li {
			line-height:1;
			display:inline;
			background: url(../images/desc_gray.png) right center no-repeat;
		padding-right:13px;
		padding-left:2px;
		}
	}
/* WYSYŁANIE PLIKÓW > FORMULARZ
	--------------------------------------------------*/
	.infoBlock {
		padding:10px 0 0 0;
		line-height:1;
		h4 { margin-bottom:5px}
		p { padding-left:15px}
	}

	.filesArea {
		.size(152px,100%);
		.border-radius(10px);
		padding:10px 15px;
	  border:1px solid #cccccc;
	  background:#FFF;
	  box-shadow:0 0 20px #f4f4f4 inset;
	  line-height:1.5;
	  font-size:11px;
	}


/* WYSYŁANIE PLIKÓW > KROK 2 >  OPCJE POBIERANIA
	--------------------------------------------------*/
	.downloadOption {
		padding:0 0 0 10px;
		display:inline-block;
		input{ vertical-align:bottom; margin-right:3px}
	 }

	.countSize {
		.fontTahoma;
		font-size:11px;
		padding-top:7px;
		text-align:right;
		padding-bottom:5px;
	}

	.padding_box {
		.border-radius(5px);
		padding:5px 15px;
		margin:10px 0;
			&.gray {
				background:#f5f5f5
			}
	}

/* LOADER
	--------------------------------------------------*/
.loadProgress {
	.size_14;
	padding:10px;
	text-align:center;
	img { margin-top:10px}
}

/* JAK TO DZIAŁA >  NAGŁÓWKI NUMEROWANE
	--------------------------------------------------*/
	.headline_number {
		.fontMavenBold;
		font-size:16px;
		position:relative;
		text-transform:uppercase;
		padding:10px 0 0 57px;
		line-height:1;
		min-height:40px;
		margin:10px 0 15px 0;
			.number {
			position:absolute;
			left:-5px;
			top:0;
		}
	}
	.number {
		.fontMavenBlack;
		.size(59px,57px);
		display:inline-block;
		text-align:center;
		color:#fff;
		line-height:47px;
		font-size:24px;
		background:url(../images/number_bg.png) no-repeat;

	}


/* NOTES
	--------------------------------------------------*/
	.notesArea {
	  .fontMaven;
	  .size(380px,100%);
	  .border-radius(10px);
	  .grayLight;
	  padding:10px 15px;
	  border:1px solid #0d202f;
	  background: url(../images/notesArea.png) left top;
	  box-shadow:0 0 20px #f4f4f4 inset;
	  line-height:1.67;
	  font-size:12px;
	  resize:none;

	}

	.notesForm {
		.top_30;
		position:relative;
	  &:before {
		  content:'';
		  .size(120px, 155px);
		  position:absolute;
		  background:url(../images/notes.png);
		  top: 380px;
		  right:10px;
		  bottom:0;
	  }
	  .buttonBig { width:130px}
	}

/* POLECAJ RAPIDEO
	--------------------------------------------------*/


	input.freeLink,
	input.freeLinkDisable {
		width:100%;
		margin-top:5px;
		.grayLight;
	}

	input.freeLinkDisable {
		font-size:12px;
		background:#f2f2f2;
		border-color:#0d202f;
	}

	.list_iconImage {
		.size_14;
		margin:20px 0;
		line-height:20px;
			strong {
			.size_18;
				span {
					.orange;
					.fontMavenBlack;
					}
		}
		li {
			padding:0 0 20px 115px;
			background-position:left center;
			background-repeat:no-repeat;
			min-height:30px;
		}
		.icon_face {
			background-image:url(../images/icon_face.png)
		}
		.icon_face_15 {
			background-image:url(../images/icon_face_15.png)
		}
		.icon_gift {
			background-image:url(../images/icon_gift.png)
		}
		.icon_face_gift {
			background-image:url(../images/icon_face_gift.png)
		}
	}



/* WYSZUKAJ PLIKI
	--------------------------------------------------*/
	.searchForm {
		color:#666666;
		font-size:14px;
		padding-left:50px;
			.shadow_430 {
				width:530px;
				max-width:100%;
			}
	}



	.bigLabel {
		.bigTextOrange;
		.fontMavenBold
	}
	input.RegInput {
		.grayLight;
		.size(37px, 100%);
		line-height:37px;
		margin-top:5px;
	}


	.inputChecboxBlock {
		overflow:hidden;
		padding-bottom:10px;
		label {
			float:right;
			width:96%;
			padding-top:2px}
	}

	.buttonSearch {
		.buttonBig;
		padding:0;
		input {
			height:100%;
			border:none;
			background: url(../images/submit_search.png) 90px center no-repeat;
			color:#fff;
			.fontMavenBlack;
			text-transform:uppercase;
			padding:11px 45px 11px 25px;

		}
	}



/* WYSZUKAJ PLIKI > TABELKA
	--------------------------------------------------*/

	#tableSearch {
		.table_headline {
			position:relative;
			float:left;
			width:100%;
			padding:0;
			margin:0;

		}
		margin-bottom:20px;
			.col_1 { width:63px; background:none;}
			.col_2 { width:307px}
			.col_3 { width:79px}
			.col_4 { width:70px}
			 td {padding:10px 0;}
			 .fileInfo {
				 margin:3px 10px 0 10px;
				 .colorNavyblue
			 }

			 .downloadFile {
			 	padding:0 7px;
			 		span { padding-right:15px}
			 }

			.downloadFile2 {
				padding:0 7px;
				span { padding-right:15px}
			}
			 .watchFile {

			 		span { padding-right:15px}
			 }
	}

	.table_headline th {
		text-align:left;
		font-weight:normal;
		font-size:12px;
		height:48px;
		padding:0 10px 0 11px;
		background:url(../images/dott_blue.png) left center no-repeat;
			&.col_1 {
				background:none;
				text-align:right;
			}

			a {
				background:url(../images/sort_up.png) right center no-repeat;
				padding-right:20px;
				display:inline-block;
				text-decoration:none;
					&.sort_down {
						background-image:url(../images/sort_down.png);
					}
					&.sort_up {
						background-image:url(../images/sort_up.png);
					}
					&.disable{
						background-image:url(../images/sort.png);
					}

			}
	}

	.fileDetails {
		overflow:hidden;
		position:relative;
		min-height:27px;
		height:100%;
		display: table-row;
		> div {
			display:table-cell;
			vertical-align:middle;
			min-height: 100%;
			padding:3px 10px 3px 11px;
			background:url(../images/dott_blue.png) left center no-repeat;
			overflow:hidden;

			img { padding-left:5px}

			&.col_2 {
				label,
				a {
					width:300px;
					display:block;
					overflow:hidden;
					word-wrap: break-word;
					text-decoration:none
				}
				a:hover { text-decoration:underline}
			 }
		}
	}

	.lt-ie8 .fileDetails div { float:left}


 /* USTAWIENIE > ZMIANA EMAIL
	--------------------------------------------------*/
	.legend {
		font-size:18px;
		padding-bottom:5px;
		display:block;
		color:#666666;
	}

	.form_email {
		.form_charge_code;
		margin-left:-45px;
		background:url(../images/form_email.png) left top no-repeat;
		padding:40px 0 0 120px;
		min-height:160px;
			input[type="text"] { .grayLight}
			input[type="email"] { .grayLight}
	}

 /* USTAWIENIE > ZMIANA HASŁA
	--------------------------------------------------*/
	.form_password {
		background:url(../images/form_password.jpg)  400px top no-repeat;
		padding-top:40px;
		margin-top:-40px;
		margin-bottom:10px;
		.RegInput {
			.box-shadow(0 0 16px #fff);
			float:left;
			width:170px;
			border-color:@grayLight;
			margin-right:9px;
			margin-bottom:10px;
			margin-top:0;
		}
	}

 /* USTAWIENIE > CHECBOXY
	--------------------------------------------------*/
	.hideInput {
		display:inline-block;
		background:orange;
		width:100%;
		height:100%;
		float:right;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity:0
	}

	.form_checkboxBox {
		float:left;
		margin-top:40px;

	}
	.form_checkboxBoxRight {
		.form_checkboxBox;
		float:right;
		margin-right:10px;
	}

	.checkboxBox {
		.size(33px, 269px);
		.border-radius(5px);
		display:block;
		position:relative;
		line-height:33px;
		padding-left:9px;
		border:1px solid #999999;
		font-size:13px;
		color:#666;
		margin-bottom:10px;
		white-space:nowrap;
		text-overflow:ellipsis;
			.checker {
				.size(100%, 36px);
				background: url(../images/checker.png) center no-repeat #999999;
				position:absolute;
				right:0;
				top:0;
					input {
						.hideInput;
					}
			}
		&.checked {
			border-color:#5eb20a;
				.checker {
					background:url(../images/checker_checked.png) center no-repeat #5eb20a;
				}

		}

		&:after {
			.size(13px, 100%);
			content:'';
			position:absolute;
			background:url(../images/shadow_260.png) center no-repeat;
			left:0;
			top:100%;
			margin-top:5px;
			z-index:-1;
		}
	}


 /* USTAWIENIE > TRYB OGLĄDANIA
	--------------------------------------------------*/

	.form_moviemode {
		overflow:hidden;
		clear:both;
		padding-top:40px;
		color:#666666;
		position:relative;
		padding-bottom:10px;
			&:after {
				.size(100px, 76px);
				content:'';
				position:absolute;
				right:0;
				bottom:0;
				background:url(../images/form_moviemode.png);
			}
	}

	.radioBox {
		.border-radius(5px);
		.box-shadow(0 0 10px #ccc inset);
		line-height:1.5;
		border:1px solid #999999;
		text-align:center;
		float:left;
		width:49%;
		padding:10px 10px 15px 10px;
		margin-bottom:10px;
		min-height:116px;
		position:relative;
		&:after {
			.size(13px, 100%);
			content:'';
			position:absolute;
			background:url(../images/shadow_260.png) center no-repeat;
			left:0;
			top:100%;
			margin-top:15px;
			z-index:-1;
		}
		.checker {
			display:block;
			width:21px;
			height:21px;
			margin:0 auto 5px auto;
			background:url(../images/radio_checker.png) center no-repeat;
					input {
						.hideInput;
					}
		}
		&.checked {
			.checker {
				background:url(../images/radio_checker_checked.png) center no-repeat;
			}
		}
	}


/* VIDEO
	--------------------------------------------------*/
	#mediaContainer {

		display:block;
		margin:0 auto;
		position:relative;
		padding-bottom:50px;

		&:before {
			.size(200px, 164px);
			background:url(../images/video_bg.png);
			content:'';
			position:absolute;
			right:100%;
			bottom:27px;

		}
		&:after {
			.size(73px, 201px);
			background:url(../images/tape.png);
			content:'';
			position:absolute;
			left:100%;
			top:100%;
			margin-top:-70px;
			margin-left:-30px;

		}
	}
	#player_wrapper,
	div#player {
		.border-radius(10px 10px 0px 0px);
		border:10px solid #000;
		&:after {
			content:'';
			position:absolute;
			width:100%;
			height:26px;
			background:url(../images/shadow_595.png) center no-repeat;
			left:0;
			top:100%;
			margin-top:30px;
		}
	}
	div#player {
	width:100% !important}

	div#player2 {
		.border-radius(10px 10px 10px 10px);
		border:10px solid #000;
		width:560px;
		height:315px;
		background-color:#000000;
		color:#ffffff;
		text-align:center;
		margin-top:30px;
		margin-left:40px;
	}

	a.back {
		position:absolute;
		right:100%;
		top:30px;
		background:url(../images/back_bg.png) left center no-repeat;
		height:43px;
		line-height:43px;
		padding:0 20px 0 30px;
		color:#fff;
		text-decoration:none;
		.fontMavenBlack;
		z-index:0;
		.transition(padding);
			&:hover {
				padding-right:40px;

			}
	}

	.center_660 {
		width:660px;
		margin:0 auto 10px auto;
			.table_box_inside { padding:10px;}
	}
	.fileWatch {
		border-bottom:1px dotted @grayLight;
		overflow:hidden;
		padding-bottom:5px;
		padding-top:3px;
		.watchFile { margin-top:-3px}
		.fileName {
			display:inline-block;
			max-width:510px;

		}
	}


/* POMOC
	--------------------------------------------------*/
	.accordionHeader {
		.fontMavenBold;
		display:block;
		font-size:16px;
		padding:15px 10px;
		border-bottom:1px solid #cccccc;
		cursor:pointer;
			&.odd {
				background:#f7f7f7

			}
			&.first {
				border-top:1px solid #cccccc;
			}
			.checker {
				.size(27px,27px);
				margin-right:10px;
				position:relative;
				display:inline-block;
				float:left;
				margin-top:-3px;
				background:url(../images/radio_plus.png);
					input {
						.hideInput;
					}
			}

			&.checked {
				border:none;
				background:none;
				.orange;
					.checker {
						background:url(../images/radio_minus.png)

					}
			}
	}
	.accordion_content {
		line-height:1.5;
		padding:0 0 20px 50px;
		display:none;
		border-bottom:1px solid #cccccc;
		font-size:13px;
		input[type="text"] {
			height:27px;
			line-height:25px;
			width:120px;
			border-color:#5eb20a;
			.grayLight;
		}
		td { padding-right:5px;
			input[type="text"] {
				width:72px;
			}
		}

		ul.list_desc {

			padding-left:0;
			li { padding-bottom:10px;
			background:none;
				&:before {
					content:'•  ';
					margin-left:-12px;
					color:#5eb20a;
					font-size:18px;
					font-weight:bold
				}
			}
		}
		hr {
			margin:5px 0;
			border-color:#efefef
		}
	}

/* UNIFORM
	--------------------------------------------------*/
	div.selector {
		.grayLight;
		vertical-align:middle;
		.border-radius(5px);
		position:relative;
		display:inline-block;
		height:25px;
		line-height:25px;
		border:1px solid #5eb20a;
		padding:0 0 0 10px;
			span {
				background: url(../images/selector_span.png) right center no-repeat;
				padding:0 20px 0 0;
				overflow:hidden;
				cursor: pointer;
				display:block;
				height: 25px;
				line-height: 25px;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		select {
		  height: 25px;
			left: 0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

	}

	.textArea {
		.filesArea;
		width:100%;
		margin:10px 0;
	}

	/* OPINIE
	--------------------------------------------------*/
	.testimonial_left {
		float:left;
		width:290px;
		margin-top:25px;
	}
	.testimonial_right {
		float:right;
		width:290px;
		margin-top:25px;
	}

	.opinion_box {
		padding-bottom:20px;
	}
	.opinion_box_content {
	.border-radius(10px);
	position:relative;
	border:1px solid #f1f1f1;
	background: url(../images/opinion_box.png) top right no-repeat #FFF;
	margin-bottom:15px;
		&:after {
			content:'';
			.size(13px,25px);
			position:absolute;
			background: url(../images/opinion_box_arrow.png) left top no-repeat;
			top:100%;
			left:18px;
			z-index:-1
		}
	}
	.opinion_box_content_inside {
		padding:20px 25px;
		background: url(../images/opinion_box_inside.png) left bottom no-repeat;
		line-height:1.4;
		.date {
			.grayLight;
			padding:10px 0 0
		}
	}
	.opinion_bottom {
		strong {
			.green;
			.size_14;
		}
	}


/* ==========================================================================
	KLASY POMOCNICZE
	========================================================================== */

	.size_11 { font-size:11px}
	.size_12 { font-size:12px}
	.size_13 { font-size:13px}
	.size_14 { font-size:14px}
	.size_15 { font-size:15px}
	.size_16 { font-size:16px}
	.size_17 { font-size:17px}
	.size_18 { font-size:18px}
	.size_19 { font-size:19px}
	.size_20 { font-size:20px}

	.top_0 { margin-top:0px}
	.top_10 { margin-top:10px}
	.top_15 { margin-top:15px}
	.top_20 { margin-top:20px}
	.top_25 { margin-top:25px}
	.top_30 { margin-top:30px}
	.top_35 { margin-top:35px}
	.top_40 { margin-top:40px}
	.top_45 { margin-top:45px}
	.top_50 { margin-top:50px}


@media screen and (max-width: 1140px){
.boxPromotion {
 /*overflow:hidden; */
}
}

/* ==========================================================================
	BLOG
	========================================================================== */


.column_left_blog {
	width: 63.3%;
	float: left;
}

.column_right_blog {
	width: 33.333%;
	float: right;

	.instant_register_box {
		label {
			clear: both;
			display: block;
		}
	}
}

.headline_orange {
	.orange;
	text-transform: none;
	font-size: 24px;
	padding-bottom: 10px;
	margin: 20px 0pagina;
}


 /* BLOG > LISTA WPISÓW
	--------------------------------------------------*/
.blog_post {
	overflow: hidden;
	padding-bottom: 35px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 25px;

	a {
		text-decoration: none;
	}
}

.post_img {
	width:40%;
	max-width: 238px;
	float: left;
	position: relative;

	img {
		display: block;
	}
}

.post_content {
	width:60%;
	float: left;
	padding-left: 17px;
	padding-top: 3px;
	font-size: 14px;

	h2 {
		font-size: 18px;

		a:hover {
			.transition(color);
			.green
		}
	}

	p {
		line-height: 1.3;
		margin-bottom: 20px;
	}
}

.post_date {
	background:@green;
	left:0;
	bottom:0;
	color:#FFF;
	text-align: center;
	font-size: 14px;
	padding:10px;
	display: inline-block;
}

.post_img,
.post_thumbnail {
	position: relative;

	.post_date {
		position: absolute
	}
}

.post_date_day {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.25;
}

.post_more {
	.orange;
	.transition(color);

	&:hover {
		.green
	}
}

.blog_pagination {
	font-size:18px;

	li {
		margin-right: 0;
		margin-left: 4px;
	}

	a {
		background-color: #dfdfdf;
		padding:7px 0;
		width:36px;
		text-align: center;
		border-radius: 5px;
		display: inline-block;

		&.prev, &.next {
			background-color: transparent;

			&:hover {
				background-color: @orange;
			}

			&.prev {
				padding-left: 8px;
			}

			&.nect {
				padding-right: 8px;
			}
		}

		&.activePage {
			background-color: @green
		}
	}

	span {
		padding:5px 0;
		display: inline-block;

		&:hover {
			background: none;
			.colorNavyblue
		}
	}
}



 /* BLOG > PRAWA KOLUMNA
	--------------------------------------------------*/
.blog_search {
	margin-bottom: 25px;
	overflow: hidden;

	.blog_search_row {
		position: relative
	}

	input[type="text"] {
		.colorNavyblue;
		width: 100%;
		height:47px;
		line-height: 47px;
		border-radius: 10px 0 0 10px;
	}

	::-webkit-input-placeholder { /* WebKit browsers */
		.colorNavyblue;
		opacity:.7;
	}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		.colorNavyblue;
		opacity:.7;
	}

	::-moz-placeholder { /* Mozilla Firefox 19+ */
		.colorNavyblue;
		opacity:.7;
	}

	:-ms-input-placeholder { /* Internet Explorer 10+ */
		.colorNavyblue;
		opacity:.7;
	}

	.buttonSearch {
		border-radius: 0 10px 10px 0;
	}

	*[type="submit"] {
		text-indent: 200%;
		background-position: center center;
		padding:0;
		width:47px;
		height: 47px;
	}
}

.blog_search_left {
	margin-right: 47px;
}

.blog_search_right {
	position: absolute;
	right: 0;
	top:0
}

.blog_headline {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}

.blog-categories {
	margin-bottom: 25px;
}

.blog_nav {
	.list_desc;
	padding-left: 0;
	font-size: 14px;

	li {
		border-bottom: 1px solid #c4c4c4;
		margin-bottom: 5px;
		padding-bottom: 8px;
		padding-top: 2px;
		background-position: 0 9px;
	}

	a {
		text-decoration: none;
		.transition(color);

		&:hover {
			.green
		}
	}
}

.blog_popular_post .blog_nav  {
	li {
		padding-top:4px;
		padding-bottom: 11px;
		background-position: 0 11px;
	}
}


 /* BLOG > POJEDYŃCZY WPIS
	--------------------------------------------------*/
.single_post {
	font-size: 14px;
	line-height: 1.7;

	blockquote {
		background-color: #f2faeb;
		margin: 30px 0;
		padding:15px 35px;
		font-style: italic;
		font-size: 18px;
		line-height: 1.4;

		p:last-child {
			margin-bottom: 0;
		}
	}

	p {
		margin-bottom: 20px;
	}
}

.post_thumbnail {
	margin-bottom: 50px;
}

.post_heading {
	line-height: 1.2;
	margin-bottom: 45px;
}

.post_nav {
	text-align: right;
	margin-bottom: 10px;

	a {
		text-decoration: none;
		.transition(color);

		&:hover {

			.green;
		}

	}
}

 /* BLOG > Social
	--------------------------------------------------*/

	.post_social {
		padding-bottom: 10px;
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 25px;
		overflow: hidden;
		font-size:14px;
	}

	.post_share {
		float: left;
	}

	.post_rating {
		float: right;
	}

	.social_headline {
		margin-bottom: 10px;
	}

	/* STAR */

	.positioner {
		position: relative;
		display: inline-block;
		line-height: 0;
	}

	.starbox .colorbar,
	.starbox .ghost {
		z-index: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}

	.starbox .stars {
		display: inline-block;
	}

	.starbox .stars .star_holder {
		position: relative;
		z-index: 1;
	}

	.starbox .stars .star_holder .star {
		display: inline-block;
		vertical-align: baseline;
		background-repeat: no-repeat;
	}

	.starbox .stars .star_holder .star {
	    background-image: url('../images/star.png'); /* or any other image */
	    width: 33px; /* make sure to use your image’s dimensions here */
	    height: 33px;
	    display: inline-block;
	}

	/* Star > Kolory */
	.starbox .stars { background: #ffffff; }
	.starbox .rated .stars { background: #ffffff; }
	.starbox .rated.hover .stars { background: #fff2b6; }
	.starbox .colorbar { background: #ffd203; }
	.starbox .hover .colorbar { background: #ffcc1c; }
	.starbox .rated .colorbar { background: #ffe469; }
	.starbox .rated.hover .colorbar { background: #ffd203; }
	.starbox .ghost { background: #fff2b6; }

 /* BLOG > Lista komentarzy
	--------------------------------------------------*/
	.comment-list {
		margin-bottom: 30px;
	}

	.comment {
		font-size: 14px;
		line-height: 1.6;
		border-bottom: 1px solid #d9d9d9;
		padding: 10px 0;
	}

	.comment_author {
		font-weight: bold;
	}

	.comment_reply {
		border-bottom: none;
		padding-left: 45px;
	}


 /* BLOG > FORMULARZ KONTAKTOWY
	--------------------------------------------------*/
.comment-form {
	overflow: hidden;

	.blog_headline {
		margin-bottom: 20px;
	}

	input[type=text],
	input[type=email] {
		width: 100%;
		height: 33px;
		line-height: 33px;
		border-radius: 0;
		border-color: #d2d2d2;
		background: #FFF;
		box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);
		margin-bottom: 13px;
		.colorNavyblue;
	}

	textarea {
		.fontMaven;
		width: 100%;
		border:1px solid  #d2d2d2;
		padding:10px;
		font-size:14px;
		box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);
		height:150px;
		margin-bottom: 13px;
	}

	::-webkit-input-placeholder { /* WebKit browsers */
		.colorNavyblue;
		opacity:.7;
	}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		.colorNavyblue;
		opacity:.7;
	}

	::-moz-placeholder { /* Mozilla Firefox 19+ */
		.colorNavyblue;
		opacity:.7;
	}

	:-ms-input-placeholder { /* Internet Explorer 10+ */
		.colorNavyblue;
		opacity:.7;
	}

	.row {
		margin-left: -5px;
		margin-right: -5px;
		width: auto;
	}
	.columns {
		padding-left: 5px;
		padding-right: 5px;
	}

	.greenSubmit {
		text-transform: none;
		border-radius: 5px;
	}

	.orangeSubmit {
		text-transform: none;
		border-radius: 5px;
	}
}


/* TABLETY  min-width 641px and max-width 1024px */
@media only screen and (min-width: 40.063em) and (max-width: 50em) {
	.column_left_blog {
		width: 60%;
	}

	.column_right_blog {
		width:35%;
	}

	.blog_post {
		text-align: center;
	}
	.post_img {
		float: none;
		width:238px;
		margin-bottom: 20px;
		display: inline-block;
	}

	.post_content {
		float: none;
		padding:0;
		width:100%
	}
}

/* SMARTFONY  max-width 640px */
@media only screen and (max-width: 40em) {
	.column_left_blog,
	.column_right_blog {
		float: none;
		width:100%;
		margin-bottom: 25px;
	}

	.blog_post {
		text-align: center;
	}

	.post_img, .post_content {
		float: none;
		width:100%;
		padding:0;

		&.post_img {
			max-width: 248px;
			display: inline-block;
			margin-bottom: 15px;
		}
	}



	.blog_pagination {
		font-size: 14px;
		float: none !important;
		display: block;
		text-align: center;

		ul {
			display: inline-block;
		}

		a {
			padding:5px;
			width: auto;
		}
	}

	.single_post {
		blockquote {
			padding: 15px;
		}
	}

}


@media only screen and (max-width: 800px) {
	.post_share {
		margin-bottom: 20px;
	}

	.post_share,
	.post_rating {
		float: none;
	}
}

/* ==========================================================================
	DODAJ TRANSFER V2
	========================================================================== */
.mm-page {
  overflow: hidden;
}

.row-collapse {
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  width: auto;
  max-width: none;
}

.underline {
  text-decoration: underline;
}

.headline-orange {
  .orange;
  .size_18;
  .fontMavenMedium;
  margin: 0 0 20px 0;
}

.icon-tooltip {
  display: block;
  background-image: url("../images/bg-sprite.png");
  background-position: 0 -123px;
  width: 19px;
  height: 18px;
  cursor: pointer;
  position: relative;
  z-index: 10;

  .tooltip-content {
    position: absolute;
    background: @green;
    padding: 10px;
    color: #FFFFFF;
    font-size: 11px;
    width: 150px;
    bottom: 100%;
    left: 50%;
    margin-left: -75px;

    text-align: left;
    margin-bottom: 12px;
    line-height: 1;
    display: none;

    &:after {
      content: '';
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid @green;
      position: absolute;
      left: 50%;
      margin-left: -10px;
      top: 100%
    }
  }

  &:hover {
    .tooltip-content {
      display: block;
    }
  }
}

.dropdown {
  width: 100%;
  position: relative;

  &:after {
    content: '';
    background: url("../images/select2_arrow.png");
    width: 9px;
    height: 5px;
    position: absolute;
    top: 14px;
    right: 10px;

  }


  select {
    padding-right: 30px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;

    option {
      border-right: 1px solid #aaaaaa;
    }
  }

  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #444;
  }

  select::-ms-expand {
    display: none;
  }
}

/* DODAJ TRANSFER > Dodatkowy bonus
    --------------------------------------------------*/


.headline-btn {
  margin:32px 0 15px 0;

  .button {
    padding: 7px 20px;
    text-align: center;
  }

  @media (max-width: 64em) {
    margin-top: 25px;
  }
}

.progressbar-size {
  float: right;
  padding-left: 20px;


  strong {
    font-size: 21px;
  }
}

.progressbar-small {
  overflow: hidden;
  margin-bottom: 18px;

  .progressbar_inside {
    height: 19px;
  }
}

/* DODAJ TRANSFER > Wybierz rodzaj pakietu
    --------------------------------------------------*/
.pay_method_headline_pakiet {
  .pay_method_headline;
  background-position: left center ;
  min-height: 80px;
  padding: 15px 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 13px;


  small {
    font-size: 15px;
    display: block;
    padding-top: 5px;
  }


  .centered {
    padding-left: 90px;
  }
}


.pay_method_select {
  background-image:url(../images/payment_method_select.png);
}

.pay_pakiet_select {
  background-image:url(../images/payment_method_pakiet.png);
}

.row-pakiet {
  margin: 0 -4%;
  padding-top: 13px;
  width: auto;
  max-width: none;
}

.col-pakiet {
  width: 50%;
  padding: 0 4%;
  float: left;
  position: relative;






  input {
    opacity: 0;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: 3px;
    margin-top: 20px;
    z-index: 2;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

.pakiet-inside {
  display: block;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 30px 5% 45px 5%;
  text-align: center;
  cursor: pointer;
  color: #c2c2c2;
  font-size: 14px;
  line-height: 1;
  position: relative;
  margin-bottom: 45px;

  &:after {
    content: '';
    .square(26px);
    position: absolute;
    background-image: url("../images/bg-sprite.png");
    background-position: 0 -64px;
    left: 50%;
    margin-left: -13px;
    top: 100%;
    margin-top: 20px;
  }
}

.pakiet-name {
  .fontMavenBlack;
  margin: 25px 0 25px 0;
  padding: 0;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1;
}

.pakiet-info-price {
  .fontMavenBlack;
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 1;
}


.pakiet-icon {
  height: 34px;
  line-height: 1;
}

.icon-premium {
  background-image: url("../images/bg-sprite.png");
  background-position: 0 0;
  display: inline-block;
  width: 29px;
  height: 34px;
}

.icon-standard {
  background-image: url("../images/bg-sprite.png");
  background-position: 0 -34px;
  display: inline-block;
  width: 30px;
  height: 29px;
}


input:checked + .pakiet-inside {
  border-color: @green;

  .pakiet-name,
  .pakiet-info-price {
    color: @green;
  }

  .icon-premium {
    background-position: -29px 0;
  }

  .icon-standard {
    background-position: -29px -34px;
  }

  &:after {
    background-position: -26px -64px;
  }

}

@media only screen and (max-width: 40em) {
  .row-pakiet {
    margin: 0 -1%;
  }

  .col-pakiet {
    width: 50%;
    padding: 0 1%;
  }

  .pakiet-name {
    font-size: 16px;
  }
  .pakiet-info-price {
    font-size: 24px;
  }

}


/* DODAJ TRANSFER > Wybierz cenę pakietu
    --------------------------------------------------*/
@media only screen and (max-width: 40em) {
  .form-progress-label {
    display: none;
  }

  .form-progress {
    overflow: hidden;
    margin: 0 -5px;
    padding-bottom: 20px;

    .group {
      float: left;
      padding: 0 5px;
      width: 33.333%;
      position: relative;
      left: 0 !important;
      margin-bottom: 20px;

      * {
        white-space: nowrap;
      }

      input {
        bottom: 0;
        left: 50%;
        margin-left: -10px;
        top: 50%;
        margin-top: -10px;

        position: absolute;
        cursor: pointer;
        opacity: 0;
        z-index: 5;
        background: #FFFFFF;

      }
    }

    .data-value,
    .data-price {
      font-weight: bold;

      span {
        font-size: 14px;
        font-weight: normal;
        color: @grayLight;
        padding-top: 2px;
        display: block;
      }
    }

    .data-value {
      font-size: 21px;
    }

    .data-price {
      font-size: 24px;
      font-weight: 900;
      color: @green;
    }


    label {
      border: 1px solid #d3d3d3;
      display: block;
      text-align: center;
      border-radius: 5px;
      margin-bottom: 30px;
      cursor: pointer;
      padding: 20px 5px;
    }

    label {
      &:before {
        content: '';
        width: 18px;
        height: 19px;
        position: absolute;
        background-image: url("../images/bg-sprite.png");
        background-position: 0 -89px;
        left: 50%;
        margin-left: -8px;
        bottom: -2px;
      }
    }

    input:checked + label {
      &:before {
        background-position:  -18px -89px;
      }
    }

    input {
      z-index: 2;
      cursor: pointer;
      opacity: 0;
    }
  }
}

@media only screen and (max-width: 600px) {
  .form-progress .group {
    width: 50%;
  }
}

@media only screen and (min-width: 40.063em) {
  .form-progress-container {
    padding-right: 50px;
    position: relative;
    z-index: 2;
  }

  .form-progress-label {
    position: absolute;
    right: 0;
    top: -31px;
    font-size: 21px;
    font-weight: bold;
    z-index: 5;
    line-height: 1;
    width: 40px;
    text-align: left;
  }

  .form-progress {
    #gradient .horizontal-three-colors(#1e3f57, #50991b, 50%, #5eb20a);
    height: 9px;
    position: relative;
    margin: 80px 0;
    border-radius: 5px;
    line-height: 1;

    &:before {
      content: '';
      position: absolute;
      right: -3px;
      width: 9px;
      background: #efefef;
      top: 0;
      height: 100%;
      border-radius: 50%;
      z-index: 2;
    }

    &:after {
      content: '';
      position: absolute;
      left: 100%;
      width: 850px;
      background: #FFFFFF;
      top: 0;
      height: 100%;
    }

    .group {
      height: 9px;
      left: 0;
      top: 0;
      position: absolute;

    }

    input {
      position: absolute;
      z-index: 5;
      width: 20px;
      height: 20px;
      left: -10px;
      top: -10px;
      opacity: 0;
      cursor: pointer;
    }

    label {
      height: 9px;
      width: 15px;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;

      &:before {
        content: '';
        .square(18px);
        position: absolute;
        background: #19374e;
        border: 2px solid #FFFFFF;
        top: 50%;
        left: -9px;
        margin-top: -9px;
        border-radius: 50%;
      }
    }

    .label-inside {
      position: absolute;
    }

    .data-value,
    .data-price {
      position: absolute;
      text-align: center;
      left: 50%;
      margin-left: -40px;
      width: 80px;
      font-weight: 700;

      span {
        display: none;
        font-size: 14px;
        font-weight: normal;
        color: @grayLight;
        padding-top: 2px;
      }
    }

    .data-value {
      font-size: 21px;
      bottom: 10px;

      small {
        display: none;
      }
    }

    .data-price {
      top: 25px;
      font-size: 26px;
      font-weight: 900;
      color: @green;
      display: none;
    }

    input:checked + label {
      z-index: 0;

      &:after {
        content: '';
        background: #efefef;
        left: 0;
        top: 0;
        height: 100%;
        width: 850px;
        display: block;
      }

      &:before {
        .square(22px);
        left: -11px;
        margin-top: -11px;
        background: @green;

      }

      .data-value,
      .data-price {
        margin-left: -85.5px;
        width: 165px;

        span {
          display: block;
        }
      }

      .data-value {
        font-size: 24px;
        bottom: 17px;
        min-height: 32px;
      }

      .data-price {
        display: block;
      }
    }
  }
}
/* Taby */
.tab-panel {
  padding-bottom: 40px;

  .tab {
    display: none;

    &.active {
      display: block;
    }
  }
}


/* DODAJ TRANSFER > Sposoby płatności
    --------------------------------------------------*/



.disabled {
  cursor: not-allowed !important;


}

.list-payment-method,
.list-select-bank {
  padding-top: 5px;
  padding-bottom: 15px;


  .grayscale {
    opacity: .4;
  }

  .icon-tooltip {
    position: absolute;
    top:-10px;
    right: 15px;
  }

  label {
    &:before {
      content: '';
      width: 18px;
      height: 19px;
      position: absolute;
      background-image: url("../images/bg-sprite.png");
      background-position: 0 -89px;
      left: 50%;
      margin-left: -8px;
      bottom: -2px;
    }
  }

  input:checked + label {
    &:before {
      background-position:  -18px -89px;
    }
  }

  input {
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    width: 15px;
    height: 15px;
  }


}


.list-payment-method {

  li {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 20px;
  }

  input {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
  }

  .figure {
    border: 1px solid #d3d3d3;
    display: block;
    text-align: center;
    border-radius: 5px;
    height: 76px;
    line-height: 76px;
    margin-bottom: 30px;
    cursor: pointer;

    img {
      top: -2px;
      position: relative;
    }
  }

  input:checked + .figure, {
    border-color: @green;
  }
}

@media (min-width: 64.063em ) {
  .list-payment-method {
    margin-left: -24px;
    margin-right: -24px;

    li {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
}

/* DODAJ TRANSFER > Przelew z Polski
    --------------------------------------------------*/
.list-select-bank {
  line-height: 1;
  text-align: center;
  margin: 0 -5px;
  padding: 5px 0 15px 0;
  overflow: hidden;

  input {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
  }

  label {
    cursor: pointer;
    display: block;
    padding-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
  }



  li {
    float: left;
    padding: 0 5px;
    margin-bottom: 20px;
    position: relative;
  }
  .figure {
    border: 1px solid #d3d3d3;
    display: block;
    text-align: center;
    border-radius: 5px;
    min-width: 71px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto 5px auto;

    img {
      display: inline;
      position: relative;
      top: -2px;
    }
  }

  .bank-name {
    display: block;
    padding-bottom: 5px;
    color: @grayLight;
  }

}

/* DODAJ TRANSFER > Direct Billing
    --------------------------------------------------*/
.list-direct-billing {
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden;
  margin-bottom: 15px;
  max-width: 535px;

  .col {
    float: left;
    padding: 5px;
    line-height: 40px;
    width: 7.65%;
  }

  input {
    width: 100%;
    border-color: #d8d8d8;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;

    &.disabled {
      background: #f0f0f0;
      border-color: #f0f0f0;
      color: #999999;
      //cursor: not-allowed;
    }
  }

  @media (max-width: 40em) {
    margin-left: -2px;
    margin-right: -2px;

    .col {
      width: 10%;
      padding-left: 2px;
      padding-right: 2px;
    }
  }
}

.icon-valid {
  background-image: url("../images/bg-sprite.png");
  background-position: 0 -141px;
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
}

/* DODAJ TRANSFER > Formularz dane karty
    --------------------------------------------------*/
.form-payment {
  input[type=text] {
    width: 100%;
  }

  input, select {
    margin-bottom: 17px;
  }

  label {
    font-weight: 600;
    display: block;
    font-size: 14px;
    color: #afafaf;
    padding: 0 0 5px 0;
  }

  .row {
    margin-left: -25px;
    margin-right: -25px;
  }

  .columns {
    padding-left: 25px;
    padding-right: 25px;
  }

  .row-collapse-small {

  }

  select {
    width: 100%;
    height: 30px;
    border: 1px solid  #abd28e;
    border-radius: 5px;
    padding-left: 10px;
    color: @grayLight;
  }


  .col-month,
  .col-year {
    float: left;

    select {
      font-style: italic;
    }
  }

  .col-month {
    width: 60%;
    padding-right: 10px;
  }

  .col-year {
    width: 40%;
  }


  .row-adress {

  }

  @media (min-width:64.063em ) {
    .large-5 {
      width: 38%;
    }

    .large-2 {
      width: 24%;
    }
  }
}

.form-payment-group {
  padding-bottom: 10px;
}


.icon-cvv {
  background-image: url("../images/bg-sprite.png");
  background-position: 0 -108px;
  display: inline-block;
  width: 23px;
  height: 15px;
}

.input-icon {
  padding-right: 38px;
  position: relative;

  i {
    position: absolute;
    right: 0;
    top: 8px;
  }
}

.input-checbox {
  .size_11;
  .grayLight;

  position: relative;
  display: block;
  padding-left: 25px;
  margin-bottom: 10px;


  input {
    position: absolute;
    left: 0;
  }
}
/* DODAJ TRANSFER > Podsumowanie
    --------------------------------------------------*/
.hr-form {
  margin-top: 0;
  margin-bottom: 20px;
}

.button-lg {
  .button;
  padding: 16px 20px;
}


.panel-dashed  {
  padding:40px 25px;
  border: 1px solid @green;
  border-radius: 10px;
  position: relative;
  margin: 40px 0;


  &:before,
  &:after {
    content: '';
    position: absolute;
  }

  &:before {
    left: 9px;
    right: 9px;
    top: -1px;
    bottom: -1px;
    background: url("../images/bg-border-v.png") center;

  }

  &:after {
    left: -1px;
    right: -1px;
    top: 9px;
    bottom: 9px;
    background: url("../images/bg-border-h.png") center;
  }

  &>* {
    position: relative;
    z-index: 2;

  }
}

.list-select-payment {
  text-align: center;

  li {
    padding-bottom: 10px;
  }

  .label {
    font-weight: bold;
    font-size: 18px;
  }

  .data-label {
    .grayLight;
    font-size: 14px;
    padding-top: 10px;
  }

  .label-price {
    color: @green;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    text-align: center;

    + .data-label {
      padding-top: 0;
      text-align: center;
    }
  }

  @media (min-width: 40.063em) {
    text-align: left;
    display: table;
    width: 100%;
    table-layout: fixed;

    li {

      display: table-cell;
      width: 33.3333%;
      padding: 0 5px;
      vertical-align: middle;
    }
  }

}


.text-center {
  text-align: center;
}


/* Poprawki 21-01-2016
    --------------------------------------------------*/

.list-payment-method {
  input,
  label:before {
    bottom: auto;
    top: 90px;
  }

  input:checked + label .figure, {
    border-color: @green;
  }
}

.payment-metdhod-name {
  text-align: center;
  display: block;
  padding-top: 10px;
  line-height: 1.4;
}

@media only screen and (min-width: 40.063em) {
  .form-progress {
    .text-left {
      .data-value, .data-price,
      input:checked + label .data-value,
      input:checked + label .data-price {
        text-align: left;
        left: -5px;
        margin-left: 0;
        width: auto;
        white-space: nowrap;
      }
    }

    &.disable {
      background: #efefef
    }
  }
}


a.tooltips {
	display: inline;
}
a.tooltips span {
	color: #4e7caf  !important;
	background-color:#f9fdff;
	background-image: linear-gradient(bottom, rgb(240,248,251) 0%, rgb(250,253,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(240,248,251) 0%, rgb(250,253,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(240,248,251) 0%, rgb(250,253,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(240,248,251) 0%, rgb(250,253,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(240,248,251) 0%, rgb(250,253,255) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(240,248,251)),color-stop(1, rgb(250,253,255)));
	border: 1px solid #c1d9e4;
	visibility: hidden;
	padding: 9px 11px !important;
	position:absolute;    z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px  !important;
	width: 150px;
	font-family: Tahoma;
	letter-spacing: 0;
	font-weight: normal !important;
}

a:hover.tooltips span {
	visibility: visible;
}