
	body{
		background-image: url(../images/background_login.jpg);
		background-repeat: no-repeat ;
		background-position:center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		font-family: tahoma;
		font-size: 14px;

	}

	body, html{
		min-height:100%;
		min-width:100%;
	}

	body.login, html.login{
		height:100%;
		width:100%;
	}

	#page{
		height:100%;
	}

	* {
		font-size:14px;
		font-family: 'Lato', sans-serif;
	}
.relative{
	position: relative;
}
	textarea{
		font-family: 'Lato', sans-serif;
	}
	.live_chat{

	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 64px;
	}
	.live_chat .inner{

	position: relative;
	text-align: center;
	}
	.live_chat .inner .title{

	text-align: center;
	font-size: 9px;
	background-color: #ECECEC;
	line-height: 10px;
	padding: 2px;
	margin-bottom: 5px;
	color: #7c7c7c;
	}
	.live_chat .inner .logo{

	background-color: #FFF200;
	-webkit-border-radius: 255px;
	-moz-border-radius: 255px;
	border-radius: 255px;
	width: 64px;
	height: 64px;
	text-align: center;
	line-height: 74px;
	display: inline-block;
	}
	.live_chat .inner .logo img{

	}
	.live_chat .inner .bubble{

	-webkit-border-radius: 255px;
	-moz-border-radius: 255px;
	border-radius: 255px;
	background-color: black;
	position: absolute;
	width: 19px;
	height: 19px;
	color: white;
	left: 3px;
	bottom: -1px;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	}





#menu_responsive {
position: fixed;
top: 10px;
right: 10px;
width: 50px;
height: 50px;
z-index: 9999999;
text-align: center;
font-size: 20px;
line-height: 46px;
color: #fcea0a;
display: none;
border: 1px solid #fcea0a;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: hand;
cursor: pointer;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#menu_responsive.open {
    -ms-transform: rotate(360deg);
    /* IE 9 */

    -webkit-transform: rotate(360deg);
    /* Safari */

    transform: rotate(360deg);
    color: #fff;
    border: 2px dashed #fff;
}











	/* LOGIN PAGE */

	#login_page{
		left: 0;
		right: 0;
		width: 250px;
		position: absolute;
		margin: 0px auto;
		height: 100%;
		position: relative;
				text-align: center;
	}

	#login_page header{

	background-color: black;
	color: white;
	padding: 50px;
	width: 100%;
	}
	#login_page header .logo{

	}
	#login_page header .logo img{

	}
	#login_page header .bar{

	width: 100%;
	height: 5px;
	background-color: #fcea0a;
	margin: 30px 0px;
	}
	#login_page header .text{

	text-transform: uppercase;
	}


	#login_page .login{

	width: 100%;
	}
	#login_page .login .text{

	font-size: 22px;
	text-transform: uppercase;
	padding: 50px 0px 35px 0px;
	}
	#login_page .login .inputs{

	}
	#login_page .login .inputs .item{

	margin-bottom: 7px;
	}
	#login_page .login .inputs .item input{
		border: none;
		width: 100%;
		text-align: center;
		padding: 10px;
		cursor:hand;
		cursor:pointer;
		    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	background-color:rgba(255,255,255,0.7);
	}


	#login_page .login .inputs .item input:focus{
		background-color:rgba(255,255,255,1);
	}
	#login_page .login .inputs .item button{
		background-color: #fcea0a;
		border: none;
		padding: 5px 20px;
		cursor:hand;
		cursor:pointer;
		    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	}
	#login_page .login .inputs .item button:hover{
		background-color: #e2d209;
	}



	#login_page .login .options{

	margin-top: 10px;
	font-size: 13px;
	}

	#login_page footer{

	background-color: black;
	color: white;
	padding: 95px 0px 29px 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	}

	footer .text{

	}






	/* ASIDE */

	aside{
width: 250px;
height: 100%;
background-color: black;
color: white;
position: fixed;
left: 0;
top: 0;
	}

	aside header{

	background-color: black;
	color: white;
	padding: 50px;
	width: 100%;
	text-align:center;
	}


	aside header .logo{

	}


	aside header .logo img{

	}


	aside header .bar{

	width: 100%;
	height: 5px;
	background-color: #fcea0a;
	margin: 30px 0px;
	}


	aside header .text{

	text-transform: uppercase;
	}


	aside .menu{

	text-transform: uppercase;
	text-align:center;
	margin-bottom:50px;
	color:white;
	}

	aside .menu .item{

	margin-bottom: 12px;
	-webkit-transition: all 0.3s;
    -moz-transition:    all 0.3s;
    -ms-transition:     all 0.3s;
    -o-transition:      all 0.3s;
    transition:         all 0.3s;
	}
	aside .menu .item.active{
		color: #fcea0a;
		font-weight:900;
	}
	aside .menu .item:hover{
		color: #fcea0a;
	}
	aside .menu .item.preview{
margin-top: 25px;
font-size: 12px;
	}

	aside .menu .item.sub{
font-size: 12px;
color: silver;
margin-bottom:2px;
	}
	aside .menu .sub_menu{
margin-bottom: 10px;
background-color: #212121;
color: black;
border-bottom: 1px solid #3f3f3f;
border-top: 1px solid #3f3f3f;
padding: 10px;
	}



	aside .menu .item.podglad{
		margin-top:50px;
	}

	aside .account{
		margin-top:20px;
	}

	aside .account .client_numer{
		text-align:center;
margin: 85px 10px 10px;
	}

	aside .account .client_numer .text{

	}

	aside .account .client_numer .number{

	font-size: 24px;
	}
	aside .account .item{

	text-align: left;
	padding: 10px;
	margin-left: 20px;
	text-transform: uppercase;
	font-size: 12px;
	}
	aside .account .item img{
height: 18px;
position: relative;
top: 4px;
margin-right: 10px;
	}

	aside .bar_account{

	padding: 12px 0px;
	text-align: center;
	}

	aside .bar_account .inner{

	background-color: #4f4f4f;
	height: 1px;
	width: 150px;
	display: inline-block;
	}

	aside .admin_text{
color: #fcea0a;
text-align: center;
text-transform: uppercase;
font-size: 12px;
	}




	/* ASIDE FILTERS */


	#aside_filters{
width: 250px;
height: 100%;
background-color: #ededed;
color: black;
position: fixed;
left: 250px;
top: 0;
	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#aside_filters label, #aside_filters input, #aside_filters select{
		cursor:hand;
cursor:pointer;
	}
	#aside_filters .inner{
	 padding: 20px;

	}
	#aside_filters select{
	 width:100%;
				border:none;

	}
	#aside_filters select option{
	 width:100%;
	 padding:5px 10px;
	}
	#aside_filters .inner .title{
		text-transform:uppercas;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	text-transform: uppercase;
	}

	#aside_filters .brand_logo{
		text-align: center;
		margin-bottom: 20px;
	}
	#aside_filters .brand_logo img{
		max-width:100px;
	}
	#aside_filters .brand_select{

	}
	#aside_filters .brand_select select{

	}
	#aside_filters .region_select{

	}
	#aside_filters .region_select .item{

	margin-top: 10px;
	}
	#aside_filters .region_select .item select{

	}
	#aside_filters .type_select {

	}

	#aside_filters .type_select .item{

	margin-bottom: 5px;
	}
	#aside_filters .showroom_select {

	}

	#aside_filters .showroom_select .item{
		font-size:12px;
	margin-bottom: 5px;
	}

	#aside_filters .bar{
margin-top: 15px;
padding: 0px 10px;
	}

	#aside_filters .bar .bar_inner{
background-color: #adadad;
height: 1px;
	}

	#aside_filters input[type=checkbox]{
			margin-right:10px;
	}


	/* ARTICLE */


	article{



	width: calc(100% - 250px);
	float: right;
	text-align: left;
	padding: 20px;
	}

	article.oferta{
	width: calc(100% - 500px);
	float: right;
	text-align: left;
	padding: 20px;
	padding-left: 0px;
	}

	/* content */

.header_sections{
	font-size:22px;
	font-weight: 900;
	margin-bottom: 20px;
}

	.header_sections button{
    background-color:#5ca712;
	border: 1px solid #5ca712;
	color: white;
		float:right;
		padding:5px 10px;
	}



	.header_sections button:hover{
	opacity:0.8;
	}
	/* CONTACT */


.table_sections td{
text-align: center;
}
.table_sections .text1{
	    font-size: 24px;
    font-weight: 900;
    margin-bottom: 15px;
}
.table_sections .text2{
	    font-size: 20px;

    font-weight: 900;
}
.table_sections .text3{
	font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
    color: #999999;
}
.table_sections .text4{
	    color: #999999;
    font-weight: 900;
}


.content{

	background-color: rgb(255, 255, 255);
	border:1px solid black;
	padding: 10px;
	}
	.section{

	background-color: white;
	padding: 10px;
	margin-bottom:5px;
	border: 1px solid #f3f3f3;
	}
	.section.left, .section.right{
		width: 49.5%;
	}
	.section.left{
		float: left;
	}
	.section.right{
		float: right;

	}
	.section .section_title{
background-color: rgba(0,0,0,0.1);
padding: 10px;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
border-left: 5px solid #fcea0a;
	}

	/* bar_menu */

	.bar_menu{

	background-color: black;
	padding: 10px;
	text-align: right;
	margin-bottom: 5px;
	}
	.bar_menu .title{

	float: left;
	color: white;
	font-size: 20px;
	padding-left: 10px;
	}

	.bar_menu .title span{
		color:gray;
	}


 /* unvisited link */
.bar_menu .title a:link {
    color:#fcea0a;
}

/* visited link */
.bar_menu .title a:visited {
    color:#fcea0a;
}

/* mouse over link */
.bar_menu .title a:hover {
    color:#fcea0a;
}

/* selected link */
.bar_menu .title a:active {
    color:#fcea0a;
}

	.bar_menu button{

	border: 1px solid white;
	padding: 5px 10px;
	cursor:hand;
cursor:pointer;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	}

	.bar_menu button.green{
    background-color:#5ca712;
	border: 1px solid #5ca712;
	color: white;
	}


	.bar_menu button.red{

	background-color: #ba1212;
	border: 1px solid #ba1212;
	color: white;
	}

	.bar_menu button:hover{
	opacity:0.8;
	}
	/* CONTACT */


	.bar_menu .filter{
		display: inline-block;
	}
	.bar_menu .filter select{
		padding:5px 10px;
		border: none;
	}





	#loader_salony{
		overflow-y: auto;
max-height: 350px;
	}

	.contact{
		 position: fixed;
		 right: 100px;
		 bottom: 30px;
		 background-color: #ececec;
		 -webkit-border-radius: 255px;
		 -moz-border-radius: 255px;
		 border-radius: 255px;
		 width: 200px;
		 height: 44px;
		    z-index: 999;
	}
	.contact .phone{

	float: left;
	margin-left: 16px;
	margin-top: 9px;
	margin-right: 10px;
	}
	.contact .title{
text-transform: uppercase;
font-size: 10px;
margin-right: 0px;
margin-top: 2px;
padding-left: 57px;
	}
	.contact .number{

	font-size: 20px;
	margin-right: 13px;
	}
	.contact .number span{
		font-weight: 900;
	font-size: 10px;
	}















	/* GRID_ICONS */
	.grid_icons{

	}

	.grid_icons .item{

	padding: 10px;
	}

	.grid_icons .item .inner{

		background-color: white;
		height: 135px;
		position: relative;
	    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	}
	.grid_icons .item .inner:hover{

	opacity:0.7;
	}

	.grid_icons .item .icon{

	text-align: center;
	padding: 30px;
	}
	.grid_icons .item .icon img{

	height: 48px;
	}
	.grid_icons .item .text{
background-color: #fcea0a;
position: absolute;
bottom: 0px;
right: 0px;
width: 35px;
padding: 5px 5px;
height: 20px;
	}





	/* FORM */
	.form{

	}
	.form .item{

margin-bottom: 8px;
border-bottom: 1px solid silver;
padding-bottom: 8px;
	}

	.form .item:last-child{
			border-bottom: none;
			margin-bottom: 0px;
	}
	.form .item:after{
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

	.form .item .label{
		width:180px;
		margin-bottom:5px;
		font-weight: 600;
		float:left;
	}
	.form .item .label .small{
		font-weight: 100;
		color:silver;
		font-size: 12px;
		line-height: 18px;
	}
	.form .item .label .sublabel{
font-size: 12px;
font-weight: 100;
color: #9c9c9c;
	}
	.form .item input[type=text]{
width: calc(100% - 180px);
padding: 5px 10px;
float: right;
background-color: rgba(255,255,255,0.5);
border: 1px solid white;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	border: 1px solid #f3f3f3;
	}

	.form .item input[type=number]{
width: calc(100% - 180px);
padding: 5px 10px;
float: right;
background-color: rgba(255,255,255,0.5);
border: 1px solid white;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	border: 1px solid #f3f3f3;
	}

	.form .item input[type=text]:hover{
	background-color: rgba(255,255,255,0.7);
	}

	.form .item input[type=text]:focus{
border-left: 5px solid #fcea0a;
	}


	.form .item input[type=password]{
width: calc(100% - 180px);
padding: 5px 10px;
float: right;
background-color: rgba(255,255,255,0.5);
border: 1px solid white;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	border: 1px solid #f3f3f3;
	}


	.form .item input[type=password]:hover{
	background-color: rgba(255,255,255,0.7);
	}

	.form .item input[type=password]:focus{
border-left: 5px solid #fcea0a;
	}




	.form .item input[type=file]{
	background-color: rgba(255,255,255,0.3);
border: 1px solid white;
width: calc(100% - 180px);
padding: 5px 10px;
float: right;
border: 1px solid #f3f3f3;
	}


	.form .item textarea{
		width:calc(100% - 180px);
		padding: 5px 10px;
		float:right;
		height:100px;
		background-color: rgba(255,255,255,0.5);
border: 1px solid white;
resize: none;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	border: 1px solid #f3f3f3;
	}

	.form .item textarea:hover{
	background-color: rgba(255,255,255,0.7);
	}

	.form .item textarea:focus{
border-left: 5px solid #fcea0a;
	}


	.form .item select{
width: calc(100% - 180px);
padding: 5px 10px;
float: right;
background-color: rgba(255,255,255,0.5);
border: 1px solid white;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	border: 1px solid #f3f3f3;
	}


	.form .item select:hover{
	background-color: rgba(255,255,255,0.7);
	}

	.form .item select:focus{
border-left: 5px solid #fcea0a;
	}




	.form .input_image{
	width: calc(100% - 180px);
	float: right;
	margin-top: 6px;
	background-color: rgba(255,255,255,0.3);
padding: 5px;
	}

	.form .input_checkbox{
	width: calc(100% - 180px);
	float: right;
	margin-top: 6px;
	background-color: rgba(255,255,255,0.3);
padding: 5px;
	}



	.form .input_checkbox .checkbox_item{
			display:inline-block;
	}





	.form .input_image img{
	height: 100px;
	}







	.btn{
	cursor:hand;
cursor:pointer;
	border: 1px solid white;
	padding: 2px 5px;
	background-color: rgb(224,224,224);
	    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	}

	.btn:hover{
	opacity:0.7;
	}

	.btn.green{
    background-color:#5ca712;
	}
	.btn.red{
background-color: #ba1212;
color: white;
	}

	.fa.green{
    color:#5ca712;
	}
	.fa.red{
	color: #ba1212;
	}



	.image_list{
border: 1px solid #dadada;
vertical-align: middle;
	}

	.bold{
	font-weight:900;
	}

	.item_gallery{
		border: 1px solid white;
background-color: rgba(0,0,0,0.2);
		position: relative;
	}


	.item_gallery .image{

	}

	.item_gallery .options{
    font-size:16px;
		position: absolute;
		right: 0px;
		bottom:0px;
			background-color:rgba(0,0,0,0.5);
		color:white!important;
		padding: 5px 10px;
	}


	.item_gallery .options i{
		color:white!important;
	}

	.item_gallery .options .open{
    display:inline-block;
		margin-right:10px;
		border-right:1px solid white;
		padding-right:10px;

	}
	.item_gallery .options .delete{
    display:inline-block;
	}

	.gallery_image{
		max-width: 100px !important;
max-height: 100px !important;
	}




	.admin_video{
	width:50%;
	}

	.admin_image{
	max-width:50%;
	}


	.preview_mode{
		position: fixed;
		left: 0px;
		top: 0px;
		background-color: rgb(252,234,10);
		z-index: 999999;
		color: black;
		padding: 5px 10px;
		width: 250px;
		text-align: center;
		font-size: 12px;
		font-weight: 600;
	}
	.preview_mode i{
	}
	.preview_mode span{
	}
	.preview_mode span i{
	}

	#oferta_main{
	display:none;
}
#oferta_main .grid{
	padding:15px;
}
#oferta_main .item{
	padding:15px;
}
#oferta_main .item .inner{
	background-color:white;
	height:150px;

	position: relative;
}

	#oferta_main .item .inner img{
	width: 100%;
		height:100%;
	object-fit: cover;
	border: 1px solid #EDEDED;
}


	#oferta_main .title{
	}
	#oferta_main .title .inner{
		display: inline-block;
		background-color: black;
		color:white;
		font-size:20px;
		padding:10px 25px;
		margin-left: 30px;
	}
	#oferta_main .title .inner .mini{
display: block;
background-color: black;
font-size: 12px;
color: rgb(252,234,10);
	}
	#sortable {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#sortable li {
		margin: 0;
		padding: 1px;
		float: left;
		width: 24.9%;
		height: 150px;
		font-size: 4em;
		text-align: center;
	}
	.ui-state-highlight {
		background-color:#35b2d4;
		padding:0px;
		margin:0px;
	}




	.filters_loader{
		text-align: center;
		padding: 10px;
		color: silver;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.filters_loader .loader{
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		font-size: 60px;
	}



	.fancybox-inner video{
	height:600px;
	}

	 span.showroom_show{
		color:#FCEA0A;
		cursor:hand;
cursor:pointer;
	 }


	 .gallery_delete{
		display:inline-block;
	 }


	 #main_filter{

	 }
	 #main_filter .top{

	margin-bottom:20px;
	margin-left: 20px;
	margin-right: 20px;
	 }

	 #main_filter .left{

	 }

	 #main_filter .left .header{

			display: inline-block;
			background-color: #f8f8f8;
			border-left: 5px solid #FCEA0A;
			width: 415px;
			text-align: center;
			padding: 20px 35px;
			text-transform: uppercase;
			font-size: 13px;
	 }

	 #main_filter .right{

	text-align: right;
	 }
	 #main_filter .right .item{

	display: inline-block;
	margin-left: 20px;
	text-align: center;
	 }
	 #main_filter .right .item .header{

	text-transform: uppercase;
	margin-bottom: 5px;
	 }
	 #main_filter .right .item .select{

	 }
	 #main_filter .right .item .select select{

	border: none;
	width: 200px;
	 }
	 #main_filter .right .item .select select option{
	 width:100%;
	 padding:5px 10px;
	}

	 #main_filter .brands_list{

	 }
	 #main_filter .brands_list .item{

	padding: 20px;
	 }
	 #main_filter .brands_list .item .inner{

	background-color: #F8F8F8;
	text-align: center;
	padding: 20px;
			height: 130px;
			cursor:hand;
cursor:pointer;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	position:relative;
	 }
	 #main_filter .brands_list .item .inner:hover{

	background-color: #FFF;
	 }
	 #main_filter .brands_list .item .inner img{
		 max-width:100%;
		 max-height:100%;


	 }
	#main_filter .brands_list .item .inner .counter{
		background-color: #FCEA0A;
		position: absolute;
		right: 0px;
		bottom: 0px;
		padding: 2px 0px;
		width: 40px;
		color: black;
	}

	#contact .title .inner{
		display: inline-block;
		background-color: black;
		color:white;
		font-size:20px;
		padding:10px 25px;
		margin-bottom: 15px;
	}


	#contact .map_inner {
		padding: 20px;
background-color: #efefef;
border: 1px solid gainsboro;
      }


	#contact #map {
        height: 470px;
      }


	#contact .contact_form{

	}
	#contact .contact_form .inner{
		padding-left:30px;
	}
	#contact .contact_form .items{
padding: 20px;
background-color: #efefef;
border: 1px solid gainsboro;
    min-height: 510px;
}
	}
	#contact .contact_form .items .item{

	}
	#contact .contact_form .items .item.butonize{
		text-align:center;
	}
	#contact .contact_form .items .item .label{

	margin-bottom: 5px;
	color: gray;
	}
	#contact .contact_form .items .item input{

	width: 100%;
	padding: 9px 10px;
	margin-bottom: 5px;
	border: 1px solid #e1e1e1;
	}
	#contact .contact_form .items .item select{

	}
	#contact .contact_form .items .item textarea{

	width: 100%;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 1px solid #e1e1e1;
	}
	#contact .contact_form .items .item button{

	background-color: rgb(255, 255, 255);
	color: black;
	padding: 10px 40px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	border: none;
	cursor:hand;
cursor:pointer;
    -webkit-transition: all 0.5s;
    -moz-transition:    all 0.5s;
    -ms-transition:     all 0.5s;
    -o-transition:      all 0.5s;
    transition:         all 0.5s;
	}

		#contact .contact_form .items .item button:hover{

	background-color: rgba(255, 255, 255,0.7);
	}

	#top_message{
	background-color: #FCEA0A;
display: inline-block;
margin-bottom: 20px;
padding: 20px;
font-size: 14px;
	}

	.textarea_unset{
		width: unset!important;
		padding: unset!important;
		float: unset!important;
		height: unset!important;
		background-color: unset!important;
		border: unset!important;
		resize: unset!important;
	}
	.nml{
		padding-left:0px !important;
	}


	#dostep{
	color:white;
	padding:20px;
	}





@media all and (max-height:680px) {
	#login_page footer{
		display:none;
	}
}

@media all and (max-height:550px) {
	#login_page header{
		padding:20px;
	}
	#login_page .login .text {
		padding: 10px;
	}
#login_page header .bar {
    margin: 20px 0px;
}
}

@media all and (max-height:420px) {
	#login_page header{
		padding:10px;
	}
	#login_page .login .text {
		padding: 5px;
		font-size:14px;
	}
#login_page header .bar {
    margin: 10px 0px;
}
}

@media all and (max-width:575px) {
	#login_page{
		width:200px;
	}
	#login_page .login .options {
		font-size: 12px;
	}
	.contact{
		display:none;
	}

}



@media all and (min-width:991px) {
		.menu{
		display:block!important;
	}
}
/* PC */
@media all and (max-width:1199px) {


}

/* TABLET */
@media all and (max-width:991px) {

	.preview_mode {
    width: 145px;
	}

	#menu_responsive{
		display:block;
	}
	aside{
		width: 100%;
		z-index: 999;
		position:relative;
	}
	aside .account .item{
		text-align:center;
	}
	aside header {
		padding: 10px;
	}
	aside header .bar {
		height: 1px;
		margin: 10px 0px;
	}
aside .menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: black;
    display: none;
}

aside .account {
    margin-top: 0px;
    font-size: 10px;
}
aside .account .item {
    padding: 5px;
    margin-left: 0px;
}
aside header .text{
font-size:12px;
}
article{
	width: 100%;
float: unset;
}
.bar_menu {
	text-align:center;
    padding: 5px;
}

.bar_menu .title {
font-size: 14px;
padding-left: 0px;
width: 100%;
margin-bottom: 5px;
}
.form .item .label {
    width: 110px;
}
.form .item textarea {
    width: calc(100% - 110px);
}
.form .item input[type=text] {
    width: calc(100% - 110px);
}
.form .item input[type=number] {
    width: calc(100% - 110px);
}

.form .item input[type="file"]{
    width: calc(100% - 110px);
}

.form .input_image{
    width: calc(100% - 110px);
}

.form .item select {
    width: calc(100% - 110px);
}
.form .item textarea {
    width: calc(100% - 110px);
}

.section.left, .section.right{
	width:100%;
	float:unset;
}
#main_filter .right {
    text-align: center;
}
#main_filter .left .header{
	width: 100%;
margin-bottom: 15px;
}
#main_filter .right .item {
    margin-left: 0px;
	width: 100%;
}
#main_filter .right .item .select select {
    width: 100%;
    margin-bottom: 5px;
}
#main_filter .brands_list .item {
    padding: 5px;
}
#aside_filters{
	position: relative;
float: left;
left: 0px;
}
article.oferta {
    width: calc(100% - 250px);

}
}
/* PHONE */
@media all and (max-width:575px) {

#aside_filters{
float: unset;
width: 100%;
}
#aside_filters .inner {
    padding: 10px;
}
article.oferta{
	width:100%;
}
}



	.brand_logo{
		display:none;
	}
	#brand_logo_display{
		height:70px;
	}


	.niceselect.width{
	width:200px;
	}

	table.dataTable tbody tr.odd{
		background-color: #f2f2f2;
	}
	table.dataTable tbody tr.even{
		background-color: #e9e9e9;
	}











#pakiety{
	text-align: center;
	padding: 0px 30px;
}



#pakiety .item{

	height: 100%;
	padding: 5px 0px;
}



#pakiety .block{

	border-left: 1px solid black;
	border-top: 1px solid black;
	background-color: white;
}

#pakiety .block0{

	border: none;
	background-color: unset;
	height: 5px;
	margin-top:20px;
}

#pakiety .block0 .inner{

	background-color: #FCEA0A;
	width: 200px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline;
	padding: 4px 48px;
	position: relative;
	top: -30px;
}

#pakiety .block1{

	font-size: 24px;
	text-transform: uppercase;
	font-weight: 900;
	border-top: none;
	padding: 15px 0px;
	border-bottom: 10px solid black;
}
#pakiety .block2{

	height: 196px;
	padding: 20px;
}

#pakiety .block2 .text1{

	font-size: 24px;
	font-weight: 900;
	margin-bottom: 15px;
}
#pakiety .block2 .text2{

	font-size: 18px;
	font-weight: 900;
	margin-bottom: 15px;
	color: #999999;
}
#pakiety .block2 .text3{

	color: #999999;
	font-weight: 900;
}
#pakiety .block2 .text4{

	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 900;
}

#pakiety .block3{

	height: 98px;
	font-size: 20px;
	font-weight: 900;
	padding: 20px;
	border-bottom: 1px solid black;
}

#pakiety .block4{

	border: unset;
	padding: 15px 0px;
	color: #999999;
	font-weight: 900;
}
#pakiety .block5{
	font-size: 16px;
font-weight: 900;
	padding: 20px;
	height: 117px;
}
#pakiety .block5 .text1{

	margin-bottom: 15px;
}
#pakiety .block5 .text2{

}
#pakiety .block5 .text2 span{

	color: #999999;
}
#pakiety .block6{
		padding: 20px;
	font-size: 16px;
font-weight: 900;
		height: 90px;
}
#pakiety .block6 .text1{

	margin-bottom: 5px;
}
#pakiety .block6 .text1 span{

	color: #999999;
}
#pakiety .block6 .text2{

}
#pakiety .block6 .text2 span{

	color: #999999;
}
#pakiety .block7{
		padding: 20px;
	font-size: 16px;
font-weight: 900;
		height: 60px;
}
#pakiety .block7 span{

	color: #999999;
}
#pakiety .block8{
		padding: 20px;
	font-size: 16px;
font-weight: 900;
		height: 90px;
}
#pakiety .block8 .text1{

	margin-bottom: 5px;
}
#pakiety .block8 .text2{

}
#pakiety .block8 .text2 span{

	color: #999999;
}
#pakiety .block9{
		padding: 20px;
	font-size: 16px;
margin-bottom: 15px;
font-weight: 900;
		height: 90px;
		border-bottom: 1px solid black;
}
#pakiety .block9 .text1{

	margin-bottom: 5px;
}
#pakiety .block9 .text2{

}
#pakiety .block9 .text2 span{

	color: #999999;
}
#pakiety .left .block{
	border-left: unset;
}


#pakiety .left .block0{

}

#pakiety .left .block1{

	font-weight: 100;
	border-bottom: 10px solid white;
}
#pakiety .left .block2{

	font-size: 24px;
	text-transform: uppercase;
	font-weight: 100;
	border-top: 1px solid black;
}

#pakiety .left .block3{

	font-size: 24px;
	text-transform: uppercase;
	font-weight: 100;
	border-top: 1px solid black;
}

	#pakiety .left .block3{

}
	#pakiety .left .block4{

}
	#pakiety .left .block5{
				font-size:14px;
		font-weight: 100;
}
	#pakiety .left .block6{
				font-size:14px;
		font-weight: 100;
}
	#pakiety .left .block7{
				font-size:14px;
		font-weight: 100;
}
	#pakiety .left .block8{
				font-size:14px;
		font-weight: 100;
}
	#pakiety .left .block9{
				font-size:14px;
		font-weight: 100;
}




#pakiety .item.promoted{

}

#pakiety .item.promoted .block{
	background-color: #f4f2f1;
}
#pakiety .item.promoted .block0{
	background-color: unset;
}
#pakiety .item.promoted .block1{
	border-bottom: 10px solid #FCEA0A;
}


#pakiety .item .block1.silver{
	border-bottom: 10px solid #999999;
}
#pakiety .right .block{
	border-right: 1px solid black;
}
#pakiety .right .block0{
	border-right:unset;
}
	#pakiety .right .block4{
	border-right:none;
}




#pakiety .block10, #pakiety .item.promoted .block10, #pakiety .right .block10{

	border: unset;
	background-color: unset;
}
#pakiety .block10 button{
	cursor:pointer;

cursor:hand;
	border: none;
	background-color: silver;
	padding: 5px 20px 8px;
	font-weight: 900;
	font-size: 18px;
	text-transform: uppercase;
	width: 80%;
	-webkit-transition: all 0.5s;
		border-left:0px solid white
		-moz-transition:    all 0.2s;
		-ms-transition:     all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
}
#pakiety .block10 button span{
	font-size: 15px;
}
#pakiety .block10 button.black{

	background-color: black;
	color: white;
}
#pakiety .block10 button.gray{

	background-color: #999999;
	color: white;
}
#pakiety .block10 button.yellow{

	background-color: #FCEA0A;
}

	.title_page{
	}
	.title_page .inner{
		display: inline-block;
		background-color: black;
		color:white;
		font-size:20px;
		padding:10px 25px;
		margin-left: 30px;
	}
	.title_page .inner span{
color:#FCEA0A;
}

	.title_description{
display: inline-block;
color: black;
font-size: 16px;
padding: 10px 25px;
margin-left: 4px;
margin-bottom:20px;
		margin-top:20px;
	}



	.zamowienie_title_page .inner{
display: inline-block;
color: black;
font-size: 16px;
padding: 0px 30px;
	}
	.zamowienie_title_description{
display: inline-block;
color: black;
font-size: 24px;
padding: 0px 25px;
margin-left: 4px;
	}

	.zamowienie_bar{
width: 100%;
height: 1px;
background-color: black;
margin-bottom: 35px;
margin-top: 35px;
	}

	.zamowienie_step1{
		text-align:left;
	}



.section_title{

	color: #9c9c9c;
	font-size: 21px;
	margin-bottom: 20px;
	font-weight: 600;
}
.zamowienie_step1 .left{

}
.zamowienie_step1 .left .item{
	padding:2px 10px;
	clear: both;
	height: 42px;
}
.zamowienie_step1 .left .item .section_label{
	padding-top:3px;
	float: left;
	width: 159px;
	text-align: right;
	font-size: 18px;
}
.zamowienie_step1 .left .item .section_label.sub{
	color:silver;
}
.zamowienie_step1 .left .item .section_input{

	width: calc(100% - 160px);
	float: right;
}
.zamowienie_step1 .left .item .section_input input{
	width: 96%;
	margin-left: 5px;
	padding: 4px 7px;
	font-size: 16px;
	}
.zamowienie_step1 .right{

}
.zamowienie_step1 .right .image{

}
.zamowienie_step1 .right .image img{

	width: 95%;
}
.zamowienie_step1 .right .input{

}
.zamowienie_step1 .right .input button{

	background-color: #e8e7e6;
	border: none;
	width: 100%;
	font-size: 20px;
	padding: 10px 45px;
	cursor: hand;
	cursor: pointer;
}
.zamowienie_step1 .right .input .file_types{

	text-align: center;
	font-weight: 900;
	padding: 10px 20px;
	font-size: 12px;
}
.zamowienie_step1 .right .input .file_mail{

	text-align: center;
	padding: 10px 20px;
	font-size: 12px;
	border: 1px solid black;
}
.zamowienie_step1 .right .input .file_mail span{
	text-decoration: underline;
}
#white{
	background-color:white;
}


.block11{
	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	padding: 10px 0px;
}

.block11 input{

	position: fixed;
	left:-9999px;
	top:-9999px;

}
.hidden{

	position: fixed;
	left:-9999px;
	top:-9999px;

}
#attachment_selected{
	text-align: center;
padding-bottom: 15px;
color: #42d142;
}
.block11 .circle{

	width: 22px;
	height: 22px;
	border: 1px solid black;
	display: inline-block;
	-webkit-border-radius: 255px;
	-moz-border-radius: 255px;
	border-radius: 255px;
	padding: 3px;
	cursor: pointer;
	cursor: hand;
	-webkit-transition: all 0.5s;

-moz-transition:    all 0.5s;

-ms-transition:     all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;
}

.block11 .circle .inner{
border:none;
	-webkit-border-radius: 255px;
	-moz-border-radius: 255px;
	border-radius: 255px;
	width: 14px;
	height: 14px;
	-webkit-transition: all 0.5s;
-moz-transition:    all 0.5s;
-ms-transition:     all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border:1px solid white;
background-color: white;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.block11 .circle.active{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
.block11 .circle.active .inner{
border:1px solid black;
background-color: #FCEA0A;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


#czas_trwania{

}
#czas_trwania .title{
		text-align: center;
	margin-top:60px;
	font-size:24px;
	text-transform: uppercase;
	padding-bottom:12px;
	border-bottom: 1px solid black;
	margin-bottom:20px;

}
#czas_trwania .text{

	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
}
#czas_trwania .data{

}



#czas_trwania .okres{

	text-align: center;
	margin-top: 20px;
}
#czas_trwania .okres .inner{
		display: inline-block;
		background-color: #fcea0a;
		padding: 10px 20px;
}
#czas_trwania .okres .inner span{

	font-weight: 900;
}





.zamowienie_next_step{
	padding-bottom: 40px;
	text-align: right;
	padding-right:84px;
}
.zamowienie_next_step button{

	background-color: #f4f2f1;
	border: none;
	padding: 10px 40px;
	font-size: 20px;
	cursor:pointer;

cursor:hand;
}






.ui-datepicker-inline{
	border:1px solid white!important;
}

.ui-widget-header {
    border: none!important;
    background: none!important;
    font-weight: bold;
}
.ui-datepicker-prev, .ui-datepicker-next{
	background:none!important;
	border:none!important;
}
.ui-datepicker-unselectable, .ui-datepicker-unselectable .ui-state-default{
	background:none!important;
	border:none!important;
}




.ui-datepicker-calendar .ui-state-default{
	background:#F4F2F1!important;
		border:none!important;
}

.ui-datepicker-today .ui-state-highlight{
background: none!important;
border:none!important;
}

.ui-datepicker-calendar .ui-state-active{
opacity: 1 !important;
background: #fcea0a!important;
border:none!important;
}








.zamowienie_step1 .left .item .section_label_form{
	padding-top:3px;
	float: left;
	width: 210px;
	text-align: right;
	font-size: 18px;
}
.zamowienie_step1 .left .item .section_label_form.sub{
	color:silver;
}


.zamowienie_step1 .left .item .section_input_form{

	width: calc(100% - 215px);
	float: right;
}
.zamowienie_step1 .left .item .section_input_form input{
	width: 96%;
	margin-left: 5px;
	padding: 4px 7px;
	font-size: 16px;
	}

.zamowienie_step1 .left .item .section_input_form.text{


	padding: 6px;
}



	.section_title.final {

	text-align: center;
	}



.zamowienie_step1 .left .item .section_label_final{
	float: left;
	width: 40%;
	text-align: right;
	font-size: 18px;
}
.zamowienie_step1 .left .item .section_label_final.sub{
	color:silver;
}


.zamowienie_step1 .left .item .section_input_final{

	width: 40%;
	float: left;
	font-size: 18px;
	padding-left: 10px;
	margin-left: 10px;
}
.zamowienie_step1 .left .item .section_input_final input{
	width: 96%;
	margin-left: 5px;
	padding: 4px 7px;
	font-size: 16px;
	}

.zamowienie_step1 .left .item .section_input_final span{

font-weight:100!important;
}








.zamowienie_next_step.final{

}
.zamowienie_next_step.final button{



}





#pakiety .item .section_input_final{
	font-weight: 600;

}

#pakiety .item.even .section_input_final{
	background-color: #f4f2f1;

}
#pakiety .item.odd{

}


	.zamowienie_step1 .left .item.final{height: 35px;}

	#oferta_main .item .inner .cart img, #oferta_main .item .inner .pakiety img, #oferta_main .item .inner .kalkulator img{
		width: unset;
		height: unset;
		object-fit: unset;
		border: unset;
		position: relative;
		top: 4px;
	}
#oferta_main .item .inner .pakiety img, #oferta_main .item .inner .kalkulator img{
	margin-left:3px;
}
#oferta_main .item .inner .panel{
	background-color: rgba(0,0,0,1);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	color: white;
	text-transform: uppercase;
	line-height: 10px;
	height: 36px;
	padding: 3px 6px;
	font-size: 12px;
}
	#oferta_main .item .inner .panel .cart{

	display: inline-block;
	width: 30px;
	}

	#oferta_main .item .inner .panel .pakiety{

	display: inline-block;
	margin-right: 4px;
	}
	#oferta_main .item .inner .panel .kalkulator{

	display: inline-block;
	}


	#oferta_main .item .inner .panel .pakiety:hover, #oferta_main .item .inner .panel .kalkulator:hover{
    color: rgb(252,234,10);

	}



	#form_error{

	font-size: 11px;
	color: red;
	}


	.zamowienie_contener{
		padding: 0px 120px;
	}

#pakiety{
	margin-top:25px;
}
#pakiety .pakiet_table{
	background-color: white;
}
#pakiety .pakiet_table .row{
	border-bottom: 1px solid black;
}
#pakiety .pakiet_table .item{
	border-right: 1px solid black;
	padding:20px 10px;
	position: relative;
	min-height:89px;
}
#pakiety .pakiet_table .item.bottom{ border: none;border-right: 1px solid black;min-height: unset;}
#pakiety .pakiet_table .item.bottom input[type=radio]{
  position: fixed;
  left: -9999px;
  top: -9999px;
}
#pakiety .pakiet_table .item.bottom button{
cursor: pointer;
cursor: hand;
border: none;
background-color: silver;
padding: 5px 20px 8px;
font-weight: 900;
font-size: 16px;
text-transform: uppercase;
width: 90%;
-webkit-transition: all 0.5s;
border-left: 0px solid white -moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
color: white;
}
#pakiety .pakiet_table .item.bottom.promoted button{
	color:black;
}

#pakiety .pakiet_table .item.promoted{
background-color: #f4f2f1;
}

#pakiety .pakiet_table .item.caption{
border-right: unset;
}


#pakiety .pakiet_table .row .item:nth-of-type(2){
	border-left:1px solid black;

}
#pakiety .pakiet_table .item.separator{
border: none!important;
	min-height: 56px;
color: #999999;
font-weight: 900;
}

#pakiety .pakiet_table .header .item{
	border-right:1px solid black;
	border-bottom: 1px solid black;
	padding-bottom: 12px;
}

#pakiety .pakiet_table .row:after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
#pakiety .pakiet_table .header .item .color{
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:10px;
}
#pakiety .pakiet_table .header .item .polecamy{
background-color: #FCEA0A;
width: 200px;
font-weight: 600;
text-transform: uppercase;
display: inline;
padding: 4px 48px;
position: absolute;
top: -30px;
	left:0px;
	right:0px;
	margin:0px auto
}






#pakiety .pakiet_table .text1{
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 15px;
}
#pakiety .pakiet_table .text2{
    font-size: 20px;
    font-weight: 900;
}
#pakiety .pakiet_table .text3{
font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
    color: #999999;
}
#pakiety .pakiet_table .text4{
    color: #999999;
    font-weight: 900;
}







#pakiety .pakiet_table .circle{

	width: 22px;
	height: 22px;
	border: 1px solid black;
	display: inline-block;
	-webkit-border-radius: 255px;
	-moz-border-radius: 255px;
	border-radius: 255px;
	padding: 3px;
	cursor: pointer;
	cursor: hand;
	-webkit-transition: all 0.5s;

-moz-transition:    all 0.5s;

-ms-transition:     all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;
}

#pakiety .pakiet_table .circle .inner{
border:none;
	-webkit-border-radius: 255px;
	-moz-border-radius: 255px;
	border-radius: 255px;
	width: 14px;
	height: 14px;
	-webkit-transition: all 0.5s;
-moz-transition:    all 0.5s;
-ms-transition:     all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border:1px solid white;
background-color: white;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#pakiety .pakiet_table .circle.active{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
#pakiety .pakiet_table .circle.active .inner{
border:1px solid black;
background-color: #FCEA0A;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.title_page_shop{

	margin-left: 30px;
}
.title_page_shop .title{

}

.title_page_shop .title .inner{

	display: inline-block;
	background-color: black;
	color: white;
	font-size: 32px;
	font-weight: 100;
	padding: 5px 15px;
	text-transform: uppercase;
}


.title_page_shop .text{

}

.title_page_shop .text .inner{

	font-size: 16px;
	margin-top: 20px;
}

.title_page_shop .wybor{

	margin-top: 10px;
}

.title_page_shop .wybor .inner{

}

.title_page_shop .wybor .inner .item{

	display: inline-block;
	background-color: #e8e8ea;
	color: #adadaf;
	padding: 10px 20px;
	font-size: 18px;
	text-transform: uppercase;

}

.title_page_shop .wybor .inner .item.active{
	background-color: #FCEA0A;
	color:black;
	font-weight: 600;

}

.center_me{
		text-align: center;
	margin-top: 30px;
	padding-right:0px;
}




#kalkulator{
	padding:0px 27px;
}

#kalkulator .main_grid{
	padding:0px 20px;
	background-color: white;
}
#kalkulator .item .grid{
	padding:0px 0px;
	background-color: white;
}
#kalkulator .left{

	padding-right: 50px;
}
#kalkulator .left .kalkulator_form{

	background-color: white;
}
#kalkulator .left .kalkulator_form .item {
	position: relative;
	margin: 10px 0px;
}




#kalkulator .left .kalkulator_form .item .caption{
	font-size:16px;
	margin-bottom:10px;
}
#kalkulator .left .kalkulator_form .item .checkbox .name{
font-size: 18px;
margin: 5px 0px;
}

#kalkulator .left .kalkulator_form .item .number .name{
font-size: 18px;
margin: 5px 0px;
}

#kalkulator .left .kalkulator_form .item .label{
	font-size:16px;
	margin-bottom:10px;
	text-align: left!;
}
#kalkulator .left .kalkulator_form .item .checkbox .label{
}
#kalkulator .left .kalkulator_form .item .caption span{
	color:#929292;
}

#kalkulator .left .kalkulator_form .item .text div.caption{
text-align: right;
}


#kalkulator .left .kalkulator_form .item .help_text{
  color: #FCEA0A;
	position: absolute;
	right:-25px;
  font-size: 18px;
  cursor: help;
  top: 5px;
}

#kalkulator .left .kalkulator_form .item .header{
  background-color: #FCEA0A;
  color: black;
  font-weight: 600;
  padding: 40px;
  display: inline-block;
  padding: 10px 20px;
  font-size: 18px;
  text-transform: uppercase;
	margin:20px 0px;
  min-width: 300px;
  text-align: center;
  position: relative;
}
#kalkulator .left .kalkulator_form .item .text{

}
#kalkulator .left .kalkulator_form .item .text .label{

	text-align: right;
	font-size: 18px;
	padding-top: 3px;
}
#kalkulator .left .kalkulator_form .item .text .input{

	padding-left: 20px;
	position: relative;
}
#kalkulator .left .kalkulator_form .item .text .input input{

	width: 100%;
	padding: 4px 10px;
	font-size: 18px;
}



#kalkulator .left .kalkulator_form .item .checkbox{

}
#kalkulator .left .kalkulator_form .item .checkbox .label{

	text-align: right;
	font-size: 18px;
	padding-top: 4px;
	padding-right: 20px;
}
#kalkulator .left .kalkulator_form .item .number .label{

	text-align: left!important;
	font-size: 18px;
	padding-top: 4px;
}
#kalkulator .left .kalkulator_form .item .checkbox .label input{
  transform: scale(1.4);
}

#kalkulator .left .kalkulator_form .item .checkbox .input{

	padding-left: 0px;
	font-size: 18px;
	padding-top: 4px;
	position: relative;
}





#kalkulator .left .kalkulator_form .item .textarea{

}
#kalkulator .left .kalkulator_form .item .textarea .label{
font-size: 18px;
padding-top: 3px;
	margin-bottom:5px;
}
#kalkulator .left .kalkulator_form .item .select_long .label{
font-size: 18px;
	margin:5px 0px;
}
#kalkulator .left .kalkulator_form .item .select_short .label{
font-size: 18px;
	margin-bottom:5px;
}


#kalkulator .left .kalkulator_form .item .textarea textarea{
width: 100%;
padding: 4px 10px;
font-size: 18px;
	resize: none;
}


#kalkulator .left .kalkulator_form .item .select_short .label{
	font-size: 18px;
	padding-top:4px;
}
#kalkulator .left .kalkulator_form .item .select_short .input{
	position: relative;
}



#kalkulator .left .kalkulator_form .item .select_short select{
	width: 100%;
	padding: 4px 10px;
	font-size: 18px;
	height: 32px;
}



#kalkulator .left .kalkulator_form .item .select_long select{
	width: 100%;
	padding: 4px 10px;
	font-size: 18px;
		height: 32px;
}

#kalkulator .left .kalkulator_form .item .select_long select option{
	width: 100%;
	font-size: 18px;
}


#kalkulator .left .kalkulator_form .item .number{

}
#kalkulator .left .kalkulator_form .item .number .label{
	text-align: right;
	font-size: 18px;
	padding-top: 3px;
	text-align: left;
}

#kalkulator .left .kalkulator_form .item .number .label input {
width: 89%;
padding: 4px 10px;
font-size: 16px;
}

#kalkulator .left .kalkulator_form .item .number .input{
	position: relative;
}

#kalkulator .left .kalkulator_form .item .number .input .additional_text{
	padding: 7px 10px;
	background-color: #e8e7e6;
	font-size: 18px;
}

#kalkulator .left .kalkulator_form .item .number .input .additional_text .right{
float:right;
	font-weight: 900;
}

#kalkulator .left .kalkulator_form .item .number .input .info_text{
	padding: 5px 10px;
	font-size: 12px;
}









#kalkulator .right{

}













#kalkulator .right .input{
	padding-top:30px;
}
#kalkulator .right .input button{

	background-color: #e8e7e6;
	border: none;
	width: 100%;
	font-size: 20px;
	padding: 10px 45px;
	cursor: hand;
	cursor: pointer;
}
#kalkulator .right .input .file_types{

	text-align: center;
	font-weight: 900;
	padding: 10px 20px;
	font-size: 12px;
}
#kalkulator .right .input .file_mail{

	text-align: center;
	padding: 10px 20px;
	font-size: 12px;
	border: 1px solid black;
}
#kalkulator .right .file_mail span{
	text-decoration: underline;
}



#kalkulator .right .image_realizacja{
	margin-top:35px;
}

#kalkulator .right .image_realizacja img{
	width:100%;
}

#kalkulator .right .examples_calc{
	border-left:1px solid silver;
	padding-left:30px;
}

#kalkulator .right .examples_calc .items{

	margin-top: 80px;
}

#kalkulator .right .examples_calc .items .item{

	margin-bottom: 10px;
}

#kalkulator .right .examples_calc .items .item img{

	max-width: 100%;
}



.clear{
	clear:both;
	width:100%;
	height:1px;
}








#czas_trwania_calc{

	margin-top: 50px;
}
#czas_trwania_calc .grid{
	padding:0px;

	width: 100%;
}
#czas_trwania_calc .title{
	/*! margin-top:60px; */
	font-size:24px;
	text-transform: uppercase;

		display: inline-block;
		background-color: #fcea0a;
		padding: 10px 35px;
}
#czas_trwania_calc .text{

	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
}
#czas_trwania_calc .data{

	text-align: center;
}
#czas_trwania_calc .data .hasDatepicker{
	display:inline-block;
}



#czas_trwania_calc .okres{

	text-align: center;
	margin-top: 20px;
}
#czas_trwania_calc .okres .inner{
		display: inline-block;
		background-color: #fcea0a;
		padding: 10px 20px;
}
#czas_trwania_calc .okres .inner span{

	font-weight: 900;
}




#koszt_zamowienia{
	margin:50px 0px;
	padding: 0px 50px !important;
}
#koszt_zamowienia .left{
	font-size: 24px;
	text-transform: uppercase;

}

#koszt_zamowienia .right{

	text-align: right;
	font-size: 27px;
}
#koszt_zamowienia .right span{
	font-weight: 900;
}
#koszt_zamowienia .right #netto{

	display: inline-block;
}
#koszt_zamowienia .right #brutto{

	display: inline-block;
}


#bottom_buttons{

	width: 100%;
	padding-bottom: 20px;
}
#bottom_buttons button{

	border: none;
	padding: 15px 55px;
	text-transform: uppercase;
	font-size: 20px;
	cursor: pointer;
	cursor: hand;
}
#bottom_buttons .left{

}
#bottom_buttons .left .reset_calc{

}

#bottom_buttons .right{

	text-align: right;
}
#bottom_buttons .right .submit_calc{

	background-color: #fcea0a;
}




.list {
    overflow-y: scroll !important;
    max-height: 320px !important;
}




.abs-link-box {
    position: absolute;
    bottom: 10px;
    background: #000;
    padding: 5px 20px;
    color: #fff;
    z-index: 20000;
}
.abs-link-box.left {
    left: 30px;
}
.abs-link-box.center {
    left: 50%;
    transform: translatex(-50%);
}
.abs-link-box.right {
    right: 30px;
}
.abs-link-box:hover {
    color: #FCEA0A !important;
    transition: all 0.5s;
}


@media all and (max-width: 1600px) and (min-width: 1200px){
	#oferta_main .grid .grid_1_4{
		width: 33.33333333%;
	}

}

@media all and (max-width: 1370px) and (min-width: 1200px){
	#oferta_main .item .inner .panel .cart {
	    display: inline-block;
	    width: 20px !important;
	}
	#oferta_main .inner a {

    font-size: 9px !important;
	}
	#oferta_main .cart img {
		width: 16px !important;
		top: 2px !important;
	}
	#oferta_main .pakiety img {
		width: 15px !important;
	}
	#oferta_main .kalkulator {
		    font-size: 10px !important;
	}
	#oferta_main .kalkulator img {
		    width: 15px !important;
	}
	#oferta_main .panel {
		    padding-top: 5px !important;
	}
}

@media all and (max-width: 1080px) and (min-width: 992px){
	#oferta_main .item .inner .panel .cart {
	    display: inline-block;
	    width: 20px !important;
	}
	#oferta_main .inner a {

    font-size: 9px !important;
	}
	#oferta_main .cart img {
		width: 16px !important;
		top: 2px !important;
	}
	#oferta_main .pakiety img {
		width: 15px !important;
	}
	#oferta_main .kalkulator {
		    font-size: 10px !important;
	}
	#oferta_main .kalkulator img {
		    width: 15px !important;
	}
	#oferta_main .panel {
		    padding-top: 5px !important;
	}
}

@media all and (max-width: 880px) {
	#oferta_main .item .inner .panel .cart {
	    display: inline-block;
	    width: 20px !important;
	}
	#oferta_main .inner a {

    font-size: 9px !important;
	}
	#oferta_main .cart img {
		width: 16px !important;
		top: 2px !important;
	}
	#oferta_main .pakiety img {
		width: 15px !important;
	}
	#oferta_main .kalkulator {
		    font-size: 10px !important;
	}
	#oferta_main .kalkulator img {
		    width: 15px !important;
	}
	#oferta_main .panel {
		    padding-top: 5px !important;
	}
}



.brands_icon_st1{
	font-size: 72px !important;
color: #4e4e50;
}
